@charset "UTF-8";:root,:root[data-theme=dark]{color-scheme:dark;--bg: #101b36;--bg-grad: linear-gradient(180deg, #15244e 0%, #101b36 420px, #0e1830 100%);--surface: rgba(255, 255, 255, .06);--surface-2: rgba(255, 255, 255, .1);--surface-solid: #17264d;--nav-bg: rgba(16, 27, 54, .72);--line: rgba(170, 200, 255, .18);--line-strong: rgba(170, 200, 255, .32);--text: #f2f5fc;--text-2: #c9d2e6;--muted: #a3aec7;--accent: #6ee7ff;--accent-2: #9d8fff;--accent-grad: linear-gradient(135deg, #6ee7ff, #9d8fff);--on-accent: #06102a;--glow: rgba(110, 231, 255, .38);--danger: #ff7a90;--success: #6ee7b0;--planet: radial-gradient(circle at 50% 0%, #3a6bb0 0%, #1a2f5c 35%, #101b36 62%);--planet-rim: rgba(110, 231, 255, .8);--star: rgba(255, 255, 255, .55);--ring: rgba(157, 143, 255, .26);--shadow: 0 20px 50px rgba(0, 0, 0, .35);--input-bg: rgba(30, 46, 92, .85)}:root[data-theme=light]{color-scheme:light;--bg: #f3f6fc;--bg-grad: linear-gradient(180deg, #e2eafb 0%, #f3f6fc 420px, #f7f9fd 100%);--surface: #ffffff;--surface-2: #eef3fc;--surface-solid: #ffffff;--nav-bg: rgba(255, 255, 255, .8);--line: rgba(40, 70, 150, .13);--line-strong: rgba(40, 70, 150, .26);--text: #0e1733;--text-2: #2b3756;--muted: #5d6883;--accent: #0590c2;--accent-2: #6a57f0;--accent-grad: linear-gradient(135deg, #0aa5d6, #6a57f0);--on-accent: #ffffff;--glow: rgba(5, 151, 201, .28);--danger: #d6334f;--success: #138a5a;--planet: radial-gradient(circle at 50% 0%, #cddffd 0%, #e2eafb 40%, #f3f6fc 62%);--planet-rim: rgba(5, 151, 201, .55);--star: rgba(106, 87, 240, .35);--ring: rgba(106, 87, 240, .16);--shadow: 0 18px 40px rgba(30, 60, 140, .12);--input-bg: #ffffff}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Heebo,system-ui,sans-serif;font-size:16px;line-height:1.55;color:var(--text);background:var(--bg);background-image:var(--bg-grad);background-repeat:no-repeat;-webkit-font-smoothing:antialiased;transition:background-color .25s,color .25s}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(1px 1px at 10% 20%,var(--star),transparent),radial-gradient(1px 1px at 30% 70%,var(--star),transparent),radial-gradient(1.5px 1.5px at 55% 15%,var(--star),transparent),radial-gradient(1px 1px at 80% 40%,var(--star),transparent),radial-gradient(1px 1px at 90% 85%,var(--star),transparent),radial-gradient(1px 1px at 20% 90%,var(--star),transparent),radial-gradient(1px 1px at 65% 60%,var(--star),transparent),radial-gradient(1.5px 1.5px at 42% 38%,var(--star),transparent);background-size:420px 320px;opacity:.8}app-root{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.25;font-weight:700}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}::selection{background:var(--accent);color:var(--on-accent)}.mono{font-family:JetBrains Mono,ui-monospace,monospace}.container{width:100%;max-width:1320px;margin-inline:auto;padding-inline:24px}@media(max-width:600px){.container{padding-inline:16px}}.page{padding-block:0 64px;flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);color:var(--text);font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:border-color .15s,background .15s,transform .15s,box-shadow .15s}.btn i{font-size:18px}.btn:hover{border-color:var(--accent)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent-grad);border-color:transparent;color:var(--on-accent);font-weight:700}.btn--primary:hover{box-shadow:0 0 22px var(--glow);border-color:transparent}.btn--danger{color:var(--danger)}.btn--danger:hover{border-color:var(--danger)}.btn--ghost{background:transparent}.btn--sm{height:32px;padding:0 12px;font-size:13px}.btn--sm i{font-size:16px}.btn--icon{width:40px;padding:0}.btn--icon.btn--sm{width:32px}.link{background:none;border:0;padding:0;cursor:pointer;color:var(--accent);font-size:14px}.link:hover{text-decoration:underline}.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:root[data-theme=light] .panel{box-shadow:0 2px 12px #1e3c8c0d}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:14px;color:var(--text-2);font-weight:500}.input{width:100%;height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--line-strong);background:var(--input-bg);color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--muted)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent)}.input.is-invalid{border-color:var(--danger)}.input.is-valid{border-color:var(--success)}select.input option{background:var(--surface-solid);color:var(--text)}textarea.input{height:auto;padding:12px 16px;resize:vertical}.hint{font-size:13px;color:var(--muted)}.hint--error{color:var(--danger)}.hint--ok{color:var(--success)}.check{display:flex;align-items:flex-start;gap:10px;font-size:14px;cursor:pointer}.check input{accent-color:var(--accent);width:18px;height:18px;margin-top:2px;flex-shrink:0}.chip{display:inline-flex;align-items:center;gap:6px;font-size:13px;line-height:1;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--text-2);cursor:pointer;transition:border-color .15s,color .15s}.chip:hover{border-color:var(--accent);color:var(--text)}.chip i{font-size:15px}.eyebrow{font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:3px;color:var(--accent);text-transform:uppercase}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px}.section-head h2{font-size:22px}.section-head a{font-size:14px;color:var(--accent)}.page-head{padding-block:40px 28px;border-bottom:1px solid var(--line);margin-bottom:28px}.page-head .crumbs{font-size:13px;color:var(--muted);margin-bottom:10px}.page-head .crumbs a:hover{color:var(--accent)}.page-head h1{font-size:clamp(28px,4vw,40px);font-weight:800;letter-spacing:-.5px}.page-head p{color:var(--muted);margin-top:8px;max-width:720px}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px 18px}.empty{text-align:center;padding:64px 16px;color:var(--muted)}.empty>i{font-size:48px;color:var(--accent);opacity:.8}.empty h2{color:var(--text);font-size:22px;margin:12px 0 6px}.gradient-text{background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.spin{animation:spin .9s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:10px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
