body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}:root{--bg:#f8fafc;--surface:#fff;--surface-alt:#f1f5f9;--border:#e2e8f0;--border-strong:#cbd5e1;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent:#4f46e5;--accent-hover:#4338ca;--accent-light:#eef2ff;--accent-subtle:#4f46e51f;--success:#10b981;--error:#ef4444;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000d;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;--radius:8px;--radius-lg:12px;--nav-height:64px;--content-max:900px}*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;margin:0;padding:0}.App,body{background-color:#f8fafc;background-color:var(--bg);color:#0f172a;color:var(--text-primary)}.App{display:flex;flex-direction:column;min-height:100vh;text-align:left}h1,h2,h3,h4,h5,h6{background:none;border-radius:0;color:#0f172a;color:var(--text-primary);font-weight:600;letter-spacing:-.02em;line-height:1.3;margin:0 0 .75rem;padding:0}h1{font-size:2rem;font-weight:700}h2{font-size:1.5rem}h3{font-size:1.125rem}h3,p{color:#475569;color:var(--text-secondary)}p{line-height:1.75;margin:0 0 1rem}nav{background-color:#fff;background-color:var(--surface);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);border-radius:0;box-shadow:0 1px 2px #0000000f;box-shadow:var(--shadow-sm);height:64px;height:var(--nav-height);margin-bottom:0;padding:0 2rem;position:sticky;top:0;z-index:100}nav,nav ul{align-items:center;display:flex}nav ul{flex-wrap:wrap;gap:.2rem;justify-content:flex-start;list-style:none;margin:0;padding:0}nav ul li,nav ul li:last-child{margin-right:0}nav ul li a{align-items:center;border-radius:8px;border-radius:var(--radius);color:#475569;color:var(--text-secondary);display:inline-flex;font-size:.875rem;font-weight:500;padding:.4rem .75rem;text-decoration:none;transition:color .15s ease,background-color .15s ease}nav ul li a:hover{background-color:#f1f5f9;background-color:var(--surface-alt);color:#0f172a;color:var(--text-primary);transform:none}nav ul li a.active{background-color:#eef2ff;background-color:var(--accent-light);color:#4f46e5;color:var(--accent)}nav ul li a.active,nav ul li button{border-radius:8px;border-radius:var(--radius)}nav ul li button{align-items:center;background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);color:#475569;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:500;margin:0;padding:.4rem .75rem;transition:background-color .15s ease,border-color .15s ease,color .15s ease;width:auto}nav ul li button:hover{background:#f1f5f9;background:var(--surface-alt);border-color:#cbd5e1;border-color:var(--border-strong);color:#0f172a;color:var(--text-primary)}@media (max-width:768px){nav{height:auto;min-height:64px;min-height:var(--nav-height);padding:.75rem 1rem}nav,nav ul{flex-wrap:wrap}nav ul{gap:.2rem}nav ul li a{font-size:.8rem;padding:.35rem .6rem;text-align:left;width:auto}}section{background-color:#fff;background-color:var(--surface);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);border-radius:0;margin:0;padding:2.5rem 2rem}section:nth-child(2n){background-color:#f8fafc;background-color:var(--bg)}button{background-color:#4f46e5;border-radius:8px;font-weight:500;line-height:1.5;padding:.5rem 1rem}button:hover{background-color:#4338ca}input[type=email],input[type=number],input[type=password],input[type=text],input[type=url],select,textarea{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#0f172a;color:var(--text-primary);font-family:inherit;font-size:.875rem;outline:none;padding:.55rem .85rem;transition:border-color .15s ease,box-shadow .15s ease}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:#4f46e5;border-color:var(--accent);box-shadow:0 0 0 3px #4f46e51f;box-shadow:0 0 0 3px var(--accent-subtle)}input[type=text]{margin-bottom:1rem;width:100%}textarea{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);height:100px;margin-bottom:1.25rem;padding:.75rem;resize:vertical;width:80%}footer{background-color:#0f172a;background-color:var(--text-primary);bottom:0;color:#94a3b8;color:var(--text-muted);font-size:.8rem;letter-spacing:.01em;padding:.875rem 2rem;position:fixed;text-align:center;width:100%}pre{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);font-size:.85rem;line-height:1.65;margin:1rem 0;overflow-x:auto;padding:1.25rem}code,pre{background:#f1f5f9;background:var(--surface-alt)}code{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:4px;color:#0f172a;color:var(--text-primary);font-family:JetBrains Mono,Fira Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.85em;padding:.15em .4em}pre code{background:none;border:none;font-size:inherit;padding:0}mark{background-color:#fef3c7;border-radius:3px;color:#0f172a;color:var(--text-primary);padding:.1em .25em}.donation-section{background-color:#fff;background-color:var(--surface);border-top:1px solid #e2e8f0;border-top:1px solid var(--border);padding:2.5rem 2rem;text-align:center}.donation-buttons{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:1.25rem}.donation-logo{height:auto;opacity:.8;transition:opacity .2s ease,transform .2s ease;width:100px}.donation-logo:hover{opacity:1;transform:translateY(-2px)}.github-best-practices{background-color:#fff;background-color:var(--surface);padding:2.5rem 2rem}.github-best-practices pre{background:#f1f5f9;background:var(--surface-alt);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);overflow-x:auto;padding:1.25rem}.register-container{background-color:#fff;background-color:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000d;box-shadow:var(--shadow-md);margin:3rem auto;max-width:420px;padding:2rem}.register-title{background:none;color:#4f46e5;color:var(--accent);font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.register-error{color:#ef4444;color:var(--error);font-size:.875rem;margin-bottom:.5rem}.register-form{display:flex;flex-direction:column;gap:.75rem}.register-input{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#0f172a;color:var(--text-primary);font-family:inherit;font-size:.875rem;outline:none;padding:.55rem .85rem;transition:border-color .15s ease,box-shadow .15s ease}.register-input:focus{border-color:#4f46e5;border-color:var(--accent);box-shadow:0 0 0 3px #4f46e51f;box-shadow:0 0 0 3px var(--accent-subtle)}.register-button{background-color:#4f46e5;background-color:var(--accent);border:none;border-radius:8px;border-radius:var(--radius);color:#fff;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;padding:.65rem 1rem;transition:background-color .15s ease}.register-button:hover{background-color:#4338ca;background-color:var(--accent-hover)}.speed-reading-container{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000d;box-shadow:var(--shadow-md);height:auto;margin:2rem auto;max-width:640px;padding:2rem;text-align:center}.controls{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin:1.25rem 0}.controls button,.controls input{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);box-shadow:none;font-family:inherit;font-size:.875rem;padding:.5rem 1rem}.controls input[type=number]{text-align:center;width:70px}.word-display{margin-top:1.5rem}.word-display h2{background:none;color:#0f172a;color:var(--text-primary);font-size:3rem;font-weight:700;letter-spacing:-.03em;margin:1rem 0}.fetch-url{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.fetch-url input[type=url]{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);box-shadow:none;flex:1 1;font-family:inherit;font-size:.875rem;min-width:200px;padding:.55rem .85rem}.fetch-url button{border-radius:8px;border-radius:var(--radius);box-shadow:none;font-size:.875rem;padding:.55rem 1rem}.loading-indicator{color:#4f46e5;color:var(--accent);font-size:.875rem;font-weight:500;margin-top:.75rem}.omdb-random-film-container{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000d;box-shadow:var(--shadow-md);margin:2rem auto;max-width:600px;padding:2rem;text-align:center}.filters input{margin:.5rem 0;padding:.55rem .85rem;width:100%}.filters button{cursor:pointer;padding:.5rem 1.25rem}.film-result{margin-top:1.5rem}.film-result img{border-radius:8px;border-radius:var(--radius);box-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000d;box-shadow:var(--shadow-md);height:auto;margin-top:.75rem;max-width:100%}.error{color:#ef4444;margin-top:.5rem}@media (max-width:768px){section{padding:1.75rem 1.25rem}h1{font-size:1.6rem}h2{font-size:1.3rem}.omdb-random-film-container,.speed-reading-container{margin:1rem;padding:1.25rem}.register-container{margin:1.5rem 1rem;padding:1.5rem}footer{padding:.875rem 1rem}}.cookies-banner{align-items:center;background:var(--surface);border-top:1px solid var(--border);bottom:0;box-shadow:0 -4px 20px #00000012;color:var(--text-secondary);display:flex;gap:1rem;justify-content:space-between;padding:1rem 2rem;position:fixed;width:100%;z-index:1000}.cookies-banner p{color:var(--text-secondary);font-size:.875rem;margin:0}.cookies-banner button{background-color:var(--accent);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;padding:.5rem 1.25rem;transition:background-color .15s ease;white-space:nowrap;width:auto}.cookies-banner button:hover{background-color:var(--accent-hover)}@media (max-width:768px){.cookies-banner{flex-direction:column;padding:1rem;text-align:center}.cookies-banner button{width:100%}}.bitrate-calculator{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:2rem auto;max-width:640px;padding:2rem}.calculator-section{margin-bottom:1.5rem}.calculator-section h3{background:none;color:var(--text-muted);font-size:.875rem;font-weight:600;letter-spacing:.06em;margin-bottom:.75rem;padding:0;text-transform:uppercase}input,select{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-sizing:border-box;color:var(--text-primary);display:block;font-family:inherit;font-size:.875rem;margin:.4rem 0;outline:none;padding:.55rem .85rem;transition:border-color .15s ease,box-shadow .15s ease;width:100%}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}button{background-color:var(--accent);border:none;border-radius:var(--radius);box-sizing:border-box;color:#fff;cursor:pointer;display:block;font-family:inherit;font-size:.875rem;font-weight:600;margin:.5rem 0;padding:.6rem 1rem;transition:background-color .15s ease,transform .1s ease;width:100%}button:hover{background-color:var(--accent-hover)}button:active{transform:scale(.98)}.error{color:var(--error);font-size:.875rem;margin-top:.25rem}.result{background:var(--accent-light);border:1px solid #4f46e533;border-radius:var(--radius);color:var(--accent);font-size:.9rem;font-weight:600;margin-top:.5rem;padding:.75rem 1rem}
/*# sourceMappingURL=main.7248f786.css.map*/