:root{--bg:#0b0d12;--bg-glow-1:#f43f5e24;--bg-glow-2:#38bdf81a;--surface:#11141b;--surface-2:#161b25;--surface-3:#1d2331;--border:#ffffff14;--border-strong:#ffffff29;--text:#eef1f7;--muted:#9aa4b8;--faint:#667088;--accent:#f43f5e;--accent-hover:#fb5c78;--accent-soft:#f43f5e24;--accent-text:#fff;--success:#34d399;--success-soft:#34d3991f;--warning:#fbbf24;--warning-soft:#fbbf2424;--info:#60a5fa;--info-soft:#60a5fa24;--danger:#f87171;--shadow-sm:0 1px 2px #0006;--shadow-md:0 12px 32px -12px #000000a6;--shadow-lg:0 28px 60px -24px #000c;--radius-sm:8px;--radius:12px;--radius-lg:18px;--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--mono:"SFMono-Regular",ui-monospace,Menlo,Consolas,monospace}[data-theme=light]{--bg:#f4f5f9;--bg-glow-1:#f43f5e1a;--bg-glow-2:#38bdf81f;--surface:#fff;--surface-2:#f4f5fa;--surface-3:#e9ecf4;--border:#0f172a17;--border-strong:#0f172a2e;--text:#0f172a;--muted:#57627a;--faint:#8b94a8;--accent:#e11d48;--accent-hover:#f43f5e;--accent-soft:#e11d481a;--accent-text:#fff;--success:#059669;--success-soft:#0596691a;--warning:#b45309;--warning-soft:#b453091a;--info:#2563eb;--info-soft:#2563eb1a;--danger:#dc2626;--shadow-sm:0 1px 2px #0f172a14;--shadow-md:0 16px 36px -18px #0f172a47;--shadow-lg:0 32px 70px -30px #0f172a59}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;color-scheme:dark}[data-theme=light]{color-scheme:light}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;background-color:#0b0d12;background-color:var(--bg);background-image:radial-gradient(circle at 12% -10%,#f43f5e24,#0000 45%),radial-gradient(circle at 92% 0,#38bdf81a,#0000 40%);background-image:radial-gradient(circle at 12% -10%,var(--bg-glow-1),#0000 45%),radial-gradient(circle at 92% 0,var(--bg-glow-2),#0000 40%);color:#eef1f7;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--font);font-size:15px;line-height:1.5;text-rendering:optimizeLegibility;transition:background-color .25s ease,color .25s ease}#root,body{min-height:100vh}button,input,select,textarea{color:inherit;font:inherit}button{background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}code,kbd{font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-family:var(--mono);font-size:.86em}kbd{background:#161b25;background:var(--surface-2);border:1px solid #ffffff29;border:1px solid var(--border-strong);border-radius:5px;color:#9aa4b8;color:var(--muted);padding:1px 5px}:focus-visible{outline:2px solid #f43f5e;outline:2px solid var(--accent);outline-offset:2px}::selection{background:#f43f5e;background:var(--accent);color:#fff}::-webkit-scrollbar{height:11px;width:11px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#1d2331;background:var(--surface-3);border:3px solid #0b0d12;border:3px solid var(--bg);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#ffffff29;background:var(--border-strong)}.app{min-height:100vh}.topbar{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--bg);background:color-mix(in srgb,var(--bg) 82%,#0000);border-bottom:1px solid var(--border);gap:16px;justify-content:space-between;min-height:62px;padding:10px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.brand,.topbar{align-items:center;display:flex}.brand{gap:11px;min-width:0}.brand-mark{background:var(--accent);border-radius:10px;box-shadow:0 6px 18px -6px var(--accent);color:var(--accent-text);display:grid;flex:none;height:34px;place-items:center;width:34px}.brand-text{display:flex;flex-direction:column;line-height:1.15;min-width:0}.brand-name{font-size:15px;font-weight:700;letter-spacing:-.01em}.brand-sub{color:var(--faint);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-right{align-items:center;display:flex;gap:10px}.status-pill{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;color:var(--muted);display:inline-flex;font-size:12.5px;font-weight:500;gap:7px;height:32px;padding:0 12px;white-space:nowrap}.status-dot{background:var(--faint);border-radius:50%;flex:none;height:7px;transition:background .2s ease,box-shadow .2s ease;width:7px}.status-pill.is-ready .status-dot{background:var(--success);box-shadow:0 0 0 3px var(--success-soft)}.page{margin:0 auto;max-width:1280px;padding:28px 24px 60px;width:100%}.banner{align-items:center;background:var(--info-soft);border:1px solid color-mix(in srgb,var(--info) 32%,#0000);border-radius:var(--radius);color:var(--info);display:flex;font-size:13.5px;font-weight:500;gap:10px;margin-bottom:18px;padding:10px 14px}.hero{margin-bottom:22px}.eyebrow{color:var(--accent);font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.hero h1{font-size:clamp(1.7rem,3vw,2.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.12;margin:6px 0 10px;max-width:820px}.lede{color:var(--muted);font-size:14.5px;max-width:730px}.add-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:24px;padding:18px}.add-form,.input-shell{display:flex;gap:10px}.input-shell{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);flex:1 1;height:48px;min-width:0;padding:0 12px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.input-shell:focus-within{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input-shell.has-error{border-color:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 16%,#0000)}.input-icon{color:var(--faint);display:grid;flex:none;place-items:center}.input-shell input{background:#0000;border:0;flex:1 1;font-size:15px;height:100%;min-width:0;outline:none}.input-shell input::placeholder{color:var(--faint)}.count-field{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex:none;gap:8px;height:48px;padding:0 12px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.count-field:focus-within{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.count-field label{color:var(--faint);font-size:12px;font-weight:500;white-space:nowrap}.count-field input{font-feature-settings:"tnum";background:#0000;border:0;font-size:15px;font-variant-numeric:tabular-nums;font-weight:600;outline:none;text-align:right;width:56px}.clear-btn{background:var(--surface-3);border-radius:50%;color:var(--muted);display:grid;flex:none;height:24px;place-items:center;transition:color .15s ease,background .15s ease;width:24px}.clear-btn:hover{background:var(--border-strong);color:var(--text)}.btn{align-items:center;border:1px solid #0000;border-radius:10px;display:inline-flex;font-size:14px;font-weight:600;gap:8px;height:40px;justify-content:center;padding:0 16px;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .06s ease;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.45;transform:none}.btn-primary{background:var(--accent);box-shadow:0 8px 20px -10px var(--accent);color:var(--accent-text)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--surface-2);border-color:var(--border);color:var(--text)}.btn-secondary:hover{background:var(--surface-3);border-color:var(--border-strong)}.add-form .btn-primary{height:48px;padding:0 20px}.field-error{align-items:center;color:var(--danger);display:flex;font-size:13px;font-weight:500;gap:7px;margin-top:10px}.hint{color:var(--faint);font-size:12.5px;margin-top:10px}.hint code{background:var(--surface-2);border:1px solid var(--border);border-radius:5px;color:var(--muted);padding:1px 5px}.icon-btn{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;color:var(--muted);display:inline-grid;flex:none;height:38px;place-items:center;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .06s ease;width:38px}.icon-btn:hover{background:var(--surface-3);border-color:var(--border-strong);color:var(--text)}.icon-btn:active{transform:translateY(1px)}.icon-btn.is-active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 38%,#0000);color:var(--accent)}.icon-btn.small{background:#0000;border-color:#0000;border-radius:8px;height:30px;width:30px}.icon-btn.small:hover{background:var(--surface-2);border-color:var(--border);color:var(--text)}.icon-btn.danger:hover{background:color-mix(in srgb,var(--danger) 14%,#0000);border-color:color-mix(in srgb,var(--danger) 30%,#0000);color:var(--danger)}.deck{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:var(--surface);background:color-mix(in srgb,var(--surface) 92%,#0000);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:22px;padding:14px 16px;position:-webkit-sticky;position:sticky;top:72px;z-index:30}.deck-main{flex-wrap:wrap;gap:16px;justify-content:space-between}.deck-cluster,.deck-main{align-items:center;display:flex}.deck-cluster{gap:8px}.play-btn{height:38px;padding:0 18px}.deck-readout{align-items:flex-end;display:flex;flex-direction:column;gap:2px;min-width:0}.readout-time{font-feature-settings:"tnum";align-items:baseline;display:flex;font-size:20px;font-variant-numeric:tabular-nums;font-weight:600;gap:4px;letter-spacing:-.01em}.readout-divider{color:var(--faint);font-weight:400}.readout-duration{color:var(--muted);font-weight:500}.readout-meta{color:var(--faint);font-size:12px;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.readout-master{color:var(--muted)}.timeline{margin-top:12px}.timeline input[type=range]{-webkit-appearance:none;appearance:none;background:linear-gradient(to right,var(--accent) 0,var(--accent) 0,var(--surface-3) 0,var(--surface-3) 100%);background:linear-gradient(to right,var(--accent) 0,var(--accent) var(--progress,0),var(--surface-3) var(--progress,0),var(--surface-3) 100%);border-radius:999px;cursor:pointer;display:block;height:6px;outline:none;width:100%}.timeline input[type=range]:disabled{cursor:default;opacity:.5}.timeline input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--text);border:3px solid var(--accent);border-radius:50%;box-shadow:0 2px 6px #00000073;height:16px;-webkit-transition:transform .12s ease;transition:transform .12s ease;width:16px}.timeline input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.12)}.timeline input[type=range]::-moz-range-thumb{background:var(--text);border:3px solid var(--accent);border-radius:50%;height:12px;width:12px}.deck-foot{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:10px}.deck-note{align-items:center;color:var(--faint);display:inline-flex;font-size:12.5px;gap:6px}.deck-note .icon{color:var(--warning)}.link-btn{align-items:center;color:var(--accent);display:inline-flex;font-size:13px;font-weight:600;gap:6px}.link-btn:hover{text-decoration:underline;text-underline-offset:3px}.video-grid{grid-gap:18px;display:grid;gap:18px}.video-grid.count-1{grid-template-columns:1fr}.video-grid.count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.video-grid.count-3{grid-template-columns:repeat(3,minmax(0,1fr))}.video-grid.count-4{grid-template-columns:repeat(2,minmax(0,1fr))}.video-grid.many{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.video-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-width:0;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.video-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.video-frame{aspect-ratio:16/9;background:#000;overflow:hidden;position:relative}.yt-shell{inset:0;position:absolute}.yt-container,.yt-container iframe,.yt-shell{height:100%;width:100%}.yt-container iframe{border:0;display:block}.player-overlay{align-items:center;background:#0b0d12;color:#aab3c5;display:flex;flex-direction:column;font-size:13px;gap:10px;inset:0;justify-content:center;padding:16px;position:absolute;text-align:center;z-index:3}.player-error span{color:#e5e9f2}.player-error a{color:#fb7185;font-weight:600;text-decoration:underline;text-underline-offset:3px}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff2e;border-radius:50%;border-top-color:#f8fafc;height:22px;width:22px}@keyframes spin{to{transform:rotate(1turn)}}.badge{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#080a0fa8;border-radius:999px;color:#fff;display:inline-flex;font-size:11px;font-weight:600;gap:5px;letter-spacing:.01em;line-height:1.2;padding:4px 9px;pointer-events:none;position:absolute;z-index:4}.badge-master{background:var(--accent);box-shadow:0 6px 16px -8px #000c;left:10px;top:10px}.badge-playing{right:10px;top:10px}.badge-time{font-feature-settings:"tnum";bottom:10px;font-variant-numeric:tabular-nums;left:10px}.pulse-dot{animation:pulse 1.4s ease-in-out infinite;background:var(--success);border-radius:50%;box-shadow:0 0 0 3px var(--success-soft);height:7px;width:7px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}.video-body{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;padding:13px 15px 15px}.video-text{min-width:0}.video-text h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:14.5px;font-weight:600;line-height:1.35;overflow:hidden;overflow-wrap:anywhere}.video-text p{color:var(--faint);font-size:12.5px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-actions{flex:none;gap:3px}.empty-state,.video-actions{align-items:center;display:flex}.empty-state{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;padding:46px 24px 40px;text-align:center}.empty-mark{background:var(--accent-soft);border-radius:16px;color:var(--accent);display:grid;height:58px;margin-bottom:16px;place-items:center;width:58px}.empty-state h2{font-size:20px;font-weight:700;letter-spacing:-.02em}.empty-state>p{color:var(--muted);font-size:14px;margin-top:6px;max-width:480px}.feature-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:30px;max-width:900px;text-align:left;width:100%}.feature{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.feature-icon{background:var(--surface-3);border-radius:9px;color:var(--muted);display:inline-grid;height:34px;margin-bottom:10px;place-items:center;width:34px}.feature h4{font-size:14px;font-weight:600}.feature p{color:var(--muted);font-size:12.5px;line-height:1.45;margin-top:3px}.share-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:24px;padding:18px}.share-head{align-items:baseline;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:12px}.share-head h2{align-items:center;display:inline-flex;font-size:14.5px;font-weight:600;gap:8px}.share-head h2 .icon{color:var(--accent)}.share-hint{color:var(--faint);font-size:12.5px}.share-row{display:flex;gap:10px}.share-row input{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;color:var(--muted);flex:1 1;font-size:13px;height:42px;min-width:0;outline:none;padding:0 12px}.share-row input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.share-row .btn{height:42px}.footer{align-items:center;border-top:1px solid var(--border);color:var(--faint);display:flex;flex-wrap:wrap;font-size:12.5px;gap:8px;justify-content:center;margin-top:40px;padding-top:18px;text-align:center}.footer-dot{color:var(--border-strong)}.toast-stack{align-items:flex-end;bottom:20px;display:flex;flex-direction:column;gap:8px;pointer-events:none;position:fixed;right:20px;z-index:100}.toast{align-items:center;animation:toast-in .22s ease both;background:var(--surface-3);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-lg);color:var(--text);display:flex;font-size:13.5px;font-weight:500;gap:9px;max-width:340px;padding:10px 14px}.toast-success{background:var(--success-soft);border-color:color-mix(in srgb,var(--success) 34%,#0000);color:var(--success)}.toast-alert{background:color-mix(in srgb,var(--danger) 12%,var(--surface));border-color:color-mix(in srgb,var(--danger) 34%,#0000);color:var(--danger)}.toast-info{background:var(--info-soft);border-color:color-mix(in srgb,var(--info) 30%,#0000);color:var(--info)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}body.is-sync-window .add-card,body.is-sync-window .footer,body.is-sync-window .hero,body.is-sync-window .share-panel{display:none}body.is-sync-window .page{padding-top:18px}@media (max-width:1100px){.video-grid.count-3,.video-grid.count-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.page{padding:20px 16px 48px}.topbar{padding:10px 16px}.deck{padding:12px 13px;top:66px}.deck-main,.deck-readout{align-items:flex-start}.readout-meta{max-width:100%;white-space:normal}.feature-grid,.video-grid.count-1,.video-grid.count-2,.video-grid.count-3,.video-grid.count-4,.video-grid.many{grid-template-columns:minmax(0,1fr)}.feature-grid{max-width:480px}}@media (max-width:640px){.add-form{flex-direction:column}.add-form .btn-primary{width:100%}.count-field{justify-content:space-between;width:100%}.count-field input{width:90px}.share-row{flex-direction:column}.share-row .btn{width:100%}.deck-cluster{flex-wrap:wrap;width:100%}.deck-cluster .play-btn{flex:1 1;min-width:130px}.toast-stack{align-items:stretch;bottom:16px;left:16px;right:16px}.toast{max-width:none}}@media (max-width:520px){.brand-sub{display:none}.status-pill{font-size:12px;padding:0 10px}.hero h1{font-size:1.6rem}.empty-state{padding:34px 18px 30px}.footer{font-size:12px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}
/*# sourceMappingURL=main.0083895c.css.map*/