:root{--bg: #0a0d14;--bg-2: #0d111a;--surface: #11151f;--surface-2: #161b27;--border: #1e2333;--border-2: #262c3d;--fg: #e8eaf0;--fg-muted: #9aa1b3;--fg-dim: #6b7184;--violet: #9146ff;--violet-2: #a87bff;--blue: #3b82f6;--green: #22c55e;--orange: #f59e0b;--red: #ef4444;--sans: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--serif: "Instrument Serif", Georgia, serif;--mono: "JetBrains Mono", ui-monospace, Menlo, monospace}[data-theme=light]{--bg: #f4f5f8;--bg-2: #ffffff;--surface: #ffffff;--surface-2: #f7f8fb;--border: #e4e6ec;--border-2: #d4d7df;--fg: #1a1d26;--fg-muted: #555c6e;--fg-dim: #8891a3}[data-theme=light] .nav{background:#ffffffc7;border-bottom-color:var(--border)}.nav-lock{display:none;width:11px;height:11px;margin-right:5px;vertical-align:-1px;opacity:.7}body.auth-locked .nav-lock{display:inline-block}body.auth-locked .nav-links a[data-protected]{pointer-events:none;opacity:.45;cursor:not-allowed}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--sans);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}input,select,textarea{font-family:inherit}.container{width:100%;max-width:1600px;margin:0 auto;padding:0 32px}.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);background:#0a0d14bf;border-bottom:1px solid rgba(255,255,255,.04)}.nav-inner{max-width:1240px;display:flex;align-items:center;justify-content:space-between;height:64px;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:-.01em}.brand-mark{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;overflow:hidden}.brand-mark img{width:100%;height:100%;object-fit:contain;display:block}.nav-links{display:flex;gap:24px;align-items:center}.nav-links a{font-size:14px;color:var(--fg-muted);transition:color .15s}.nav-links a:hover{color:var(--fg)}.nav-links a.active{color:var(--fg);position:relative}.nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:-22px;height:2px;background:var(--violet-2);border-radius:2px}.nav-utils{display:flex;align-items:center;gap:8px}.nav-util{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 10px;background:var(--bg-2);border:1px solid var(--border);border-radius:7px;font-size:12.5px;color:var(--fg-muted);gap:7px;cursor:pointer;transition:all .15s}.nav-util:hover{color:var(--fg);border-color:var(--border-2)}.nav-util.icon-only{width:32px;padding:0}.nav-util-admin{background:#9146ff1a;border-color:#9146ff40;color:var(--violet-2)}.nav-util-admin:hover{background:#9146ff2e}.user-display{position:relative}.user-display.hidden{display:none!important}.user-pill{display:inline-flex;align-items:center;gap:9px;padding:4px 11px 4px 4px;background:var(--bg-2);border:1px solid var(--border);border-radius:999px;font-size:13px;color:var(--fg);cursor:pointer;transition:border-color .15s;font-family:inherit}.user-pill:hover{border-color:var(--border-2)}.user-pill-img{width:26px;height:26px;border-radius:50%;object-fit:cover;display:block}.user-pill-letter{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--violet),#5b21b6);color:#fff;font-weight:700;font-size:12px;display:grid;place-items:center}.user-pill-name{font-size:13px;line-height:1}.user-pill-admin{display:inline-flex;align-items:center;padding:2px 6px;background:#ef444429;border:1px solid rgba(239,68,68,.32);border-radius:999px;color:#fca5a5}.user-pill-admin svg{width:10px;height:10px}.user-pill-caret{width:10px;height:10px;opacity:.6;transition:transform .15s;margin-left:1px}.user-display.open .user-pill-caret{transform:rotate(180deg)}.user-pill-img.hidden,.user-pill-letter.hidden,.user-pill-admin.hidden{display:none!important}.user-pill-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:4px;box-shadow:0 12px 40px #00000080;display:none;z-index:60}.user-display.open .user-pill-menu{display:block}.user-pill-menu-item{display:flex;width:100%;align-items:center;gap:10px;padding:9px 12px;background:transparent;border:0;border-radius:7px;font-size:13px;color:var(--fg);cursor:pointer;text-align:left;text-decoration:none;font-family:inherit;transition:background .12s,color .12s}.user-pill-menu-item:hover{background:var(--bg-2)}.user-pill-menu-item.is-logout{color:var(--fg-muted)}.user-pill-menu-item.is-logout:hover{color:#ef4444;background:#ef444414}.user-pill-menu-item svg{width:14px;height:14px;flex-shrink:0;opacity:.85}.user-pill-menu-item.hidden{display:none}.user-pill-menu-divider{height:1px;background:var(--border);margin:4px 6px}.nav-highlight{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#facc152e,#fde04714);border:1px solid rgba(250,204,21,.45);border-radius:999px;color:#fde047!important;font-weight:600!important;font-size:13px!important;transition:all .18s ease;position:relative;overflow:hidden;animation:navPulse 3.4s ease-in-out infinite}@keyframes navPulse{0%,to{box-shadow:0 0 #facc1500,0 0 10px -2px #facc1559;border-color:#facc1573}50%{box-shadow:0 0 0 2px #facc151f,0 0 20px #fde047a6;border-color:#fde047e6}}.nav-highlight:hover{color:#1a1d26!important;border-color:transparent;background:linear-gradient(135deg,#facc15,#fde047);animation-play-state:paused}.nav-highlight svg{filter:drop-shadow(0 0 3px rgba(250,204,21,.7))}.page-head{padding:56px 0 22px}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border-radius:999px;background:#9146ff1a;border:1px solid rgba(145,70,255,.25);color:var(--violet-2);font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.page-title{font-family:var(--serif);font-size:56px;font-weight:400;line-height:1.05;letter-spacing:-.02em;margin:14px 0 10px}.page-title em{font-style:italic;color:var(--violet-2)}.page-sub{color:var(--fg-muted);font-size:16px;max-width:620px;margin:0}.datum-layout{display:flex;flex-direction:column;gap:22px;padding:22px 0 80px}.datum-layout.is-collapsed .side{display:none}.side{display:block}.search-form{display:flex;flex-direction:column;align-items:center;gap:12px;padding:14px 0 22px}.search-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.search-label{font-size:13px;color:var(--fg);font-weight:500;white-space:nowrap}.search-form .kat-toggle{display:inline-flex;gap:2px;background:var(--bg-2);padding:3px;border:1px solid var(--border);border-radius:9px;margin:0}.search-form .kat-toggle button{padding:5px 14px;font-size:12.5px;border-radius:6px;color:var(--fg-muted);font-weight:500;transition:all .12s}.search-form .kat-toggle button.active{background:var(--violet);color:#fff}.search-form .name-input-wrap{position:relative;width:280px;max-width:100%}.search-form .name-input-wrap input{width:100%;padding:7px 12px;background:var(--bg-2);border:1px solid var(--border);border-radius:8px;color:var(--fg);font-size:13px;outline:none}.search-form .name-input-wrap input:focus{border-color:var(--violet-2)}.search-form .icon-btn{width:32px;height:32px;flex-shrink:0;background:transparent;border:0;color:var(--fg-dim);cursor:pointer;display:grid;place-items:center;transition:color .12s}.search-form .icon-btn:hover{color:var(--fg)}.search-form .icon-btn.is-fav{color:#facc15}.search-form .fav-picker-btn{padding:6px 12px;font-size:12.5px;background:var(--bg-2);border:1px solid var(--border);border-radius:8px;color:var(--fg-muted);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .12s}.search-form .fav-picker-btn:hover{color:var(--fg);border-color:var(--border-2)}.search-form .search-submit{padding:7px 22px;border-radius:8px;background:var(--violet);color:#fff;font-size:13px;font-weight:600;cursor:pointer;border:0;transition:background .15s}.search-form .search-submit:hover{background:#7e3cf0}.search-form .ranges-row{gap:8px}.search-form .range-btn{padding:6px 16px;font-size:12.5px;border-radius:7px;background:var(--bg-2);border:1px solid var(--border);color:var(--fg-muted);font-weight:500;transition:all .12s}.search-form .range-btn:hover{color:var(--fg);border-color:var(--border-2)}.search-form .range-btn.active{background:var(--violet);border-color:var(--violet);color:#fff}.search-form .date-inp{padding:6px 10px;font-size:12.5px;background:var(--bg-2);border:1px solid var(--border);border-radius:7px;color:var(--fg);outline:none;color-scheme:dark;min-width:140px}[data-theme=light] .search-form .date-inp{color-scheme:light}.search-form .date-inp:focus{border-color:var(--violet-2)}.cal-popover{margin:8px auto 0;max-width:320px;background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:12px 14px}.cal-popover.hidden{display:none}.cal-popover .cal-head{margin-bottom:8px}.cal-popover .cal-month{font-size:13px}.cal-popover .cal-nav button{width:24px;height:24px}.cal-popover .cal-dow{font-size:9.5px;padding:2px 0}.cal-popover .cal-day{font-size:11.5px;padding:4px 0}.side-collapse-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;background:var(--bg-2);border:1px solid var(--border);color:var(--fg-muted);cursor:pointer;transition:all .15s;flex-shrink:0}.side-collapse-btn:hover{color:var(--fg);border-color:var(--border-2)}.side-open-btn{display:none;align-items:center;gap:8px;padding:9px 16px;border-radius:9px;background:var(--surface);border:1px solid var(--border);color:var(--fg-muted);cursor:pointer;font-size:13.5px;font-weight:500;margin-bottom:14px;transition:all .15s;align-self:flex-start}.side-open-btn:hover{color:var(--fg);border-color:var(--violet-2)}.datum-layout.is-collapsed .side-open-btn{display:inline-flex}.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px}.panel-title{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--fg-dim);font-weight:600;margin:0 0 14px;display:flex;align-items:center;justify-content:space-between}.panel-action{font-size:11.5px;color:var(--violet-2);cursor:pointer;letter-spacing:.02em;text-transform:none;font-weight:600}.panel-action:hover{text-decoration:underline}.kat-toggle{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--bg-2);padding:4px;border-radius:9px;border:1px solid var(--border);margin-bottom:12px}.kat-toggle button{padding:7px 10px;border-radius:6px;font-size:12.5px;color:var(--fg-muted);font-weight:500;transition:all .12s}.kat-toggle button.active{background:var(--surface-2);color:var(--fg);box-shadow:0 1px 2px #0006}.inp{width:100%;padding:9px 12px;background:var(--bg-2);border:1px solid var(--border);border-radius:8px;color:var(--fg);font-size:13px;outline:none;transition:border-color .15s}.inp::placeholder{color:var(--fg-dim)}.inp:focus{border-color:var(--violet-2)}.inp-wrap{position:relative}.inp-suggest{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:10px;max-height:360px;overflow-y:auto;z-index:50;display:none;box-shadow:0 16px 40px #0000008c;padding:4px}.inp-suggest.open{display:block}.inp-suggest::-webkit-scrollbar{width:6px}.inp-suggest::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:3px}.sug-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:7px;cursor:pointer;transition:background .12s}.sug-item:hover,.sug-item.is-active{background:#9146ff1f}.sug-item.is-live{background:#ef44440f}.sug-item.is-live:hover,.sug-item.is-live.is-active{background:#ef444426}.sug-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;overflow:hidden;background:var(--bg-2);border:1.5px solid var(--border)}.sug-item.is-live .sug-avatar{border-color:var(--red)}.sug-text{flex:1;min-width:0;line-height:1.3}.sug-name{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--fg)}.sug-name .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.sug-login{font-size:11px;color:var(--fg-dim);font-family:var(--mono)}.sug-live-badge{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;border-radius:999px;background:#ef44442e;border:1px solid rgba(239,68,68,.5);color:#fca5a5;font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;flex-shrink:0}.sug-live-badge .dot{width:4px;height:4px;border-radius:50%;background:#ef4444;animation:streamerLiveDot 1.2s ease-in-out infinite}.sug-empty{padding:16px;text-align:center;color:var(--fg-dim);font-size:12.5px}.sug-loading{padding:14px;text-align:center;color:var(--fg-dim);font-size:12px;font-family:var(--mono)}.fav-row{display:flex;gap:6px;align-items:center}.fav-select{flex:1}.icon-btn{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:var(--bg-2);border:1px solid var(--border);color:var(--fg-muted);transition:all .15s}.icon-btn:hover{color:var(--violet-2);border-color:var(--violet-2)}.icon-btn.is-fav{color:#facc15;border-color:#facc158c}.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.cal-month{font-weight:600;font-size:14px}.cal-nav{display:flex;gap:4px}.cal-nav button{width:26px;height:26px;border-radius:6px;background:var(--bg-2);border:1px solid var(--border);display:grid;place-items:center;color:var(--fg-muted)}.cal-nav button:hover{color:var(--fg);border-color:var(--border-2)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.cal-dow{font-size:10px;font-weight:600;color:var(--fg-dim);text-align:center;padding:3px 0;text-transform:uppercase;letter-spacing:.05em}.cal-day{aspect-ratio:1;display:grid;place-items:center;font-size:12px;border-radius:6px;color:var(--fg-muted);cursor:pointer;position:relative;transition:all .12s;user-select:none}.cal-day:hover{background:var(--bg-2);color:var(--fg)}.cal-day.other{color:var(--fg-dim);opacity:.4}.cal-day.in-range{background:#9146ff26;color:var(--fg);border-radius:0}.cal-day.range-start,.cal-day.range-end{background:var(--violet);color:#fff;font-weight:600}.cal-day.range-start{border-radius:6px 0 0 6px}.cal-day.range-end{border-radius:0 6px 6px 0}.cal-day.range-start.range-end{border-radius:6px}.cal-day.today:before{content:"";position:absolute;inset:0;border:1px solid var(--violet-2);border-radius:6px;opacity:.6}.ranges{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}.range-btn{padding:7px 8px;font-size:11.5px;background:var(--bg-2);border:1px solid var(--border);border-radius:6px;color:var(--fg-muted)}.range-btn:hover{color:var(--fg);border-color:var(--border-2)}.range-btn.active{background:#9146ff1f;border-color:#9146ff59;color:var(--violet-2)}.date-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.date-field label{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-dim);margin-bottom:4px}.date-field input[type=date]{width:100%;padding:7px 9px;background:var(--bg-2);border:1px solid var(--border);border-radius:7px;color:var(--fg);font-size:12px;color-scheme:dark}.btn-primary{width:100%;padding:11px 16px;margin-top:14px;background:linear-gradient(135deg,var(--violet),#7e3cf0);border:0;border-radius:9px;color:#fff;font-weight:600;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 6px 18px -6px #9146ff8c;transition:all .15s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px -8px #9146ffb3}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.main{min-width:0}.list-head{background:transparent;border:0;border-bottom:1px solid var(--border);border-radius:0;padding:4px 2px 12px;margin-bottom:14px}.list-head-row{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.field{display:flex;flex-direction:column;gap:5px}.field-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-dim);font-weight:600}.field-hint{font-size:11px;color:var(--fg-dim);margin-top:4px}.search-select{display:grid;grid-template-columns:auto 1fr;border-radius:7px;overflow:hidden;border:1px solid var(--border);background:var(--bg-2)}.search-select select{background:var(--surface-2);border:0;border-right:1px solid var(--border);padding:7px 9px;font-size:12.5px;color:var(--fg);outline:none;cursor:pointer}.search-select input{background:transparent;border:0;padding:7px 10px;font-size:12.5px;color:var(--fg);outline:none}.sort-tabs{display:inline-flex;background:var(--bg-2);border:1px solid var(--border);border-radius:7px;padding:2px}.sort-tabs button{padding:5px 10px;font-size:11.5px;border-radius:5px;color:var(--fg-muted);font-weight:500}.sort-tabs button.active{background:var(--surface-2);color:var(--fg)}.result-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px}.result-head-date{font-family:var(--serif);font-size:24px;font-style:italic}.result-head-count{color:var(--fg-muted);font-size:13px}.result-head-count b{color:var(--fg);font-weight:600}.clip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.clip{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .18s;cursor:pointer;display:flex;flex-direction:column;color:inherit;text-decoration:none}.clip:hover{border-color:var(--border-2);transform:translateY(-2px)}.clip-thumb{aspect-ratio:16/9;background:#000;position:relative;overflow:hidden}.clip-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.clip:hover .clip-thumb img{transform:scale(1.04)}.clip-thumb-time{position:absolute;top:8px;right:8px;padding:3px 7px;font-size:11px;font-family:var(--mono);background:#000000bf;color:#fff;border-radius:4px;font-weight:600}.clip-thumb-views{position:absolute;top:8px;left:8px;padding:3px 7px;font-size:11px;font-family:var(--mono);background:#000000bf;color:#fff;border-radius:4px;font-weight:600}.clip-play-btn{position:absolute;bottom:8px;right:8px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#9146ffeb;color:#fff;cursor:pointer;backdrop-filter:blur(6px);transition:background .15s,transform .15s;z-index:2;user-select:none}.clip-play-btn:hover{background:var(--violet);transform:scale(1.08)}.clip-play-btn svg{flex-shrink:0;margin-left:1px}.clip-body{padding:12px 14px 14px}.clip-title{font-size:14px;font-weight:600;color:var(--fg);line-height:1.35;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clip-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--fg-muted)}.clip-meta .streamer{color:var(--fg);font-weight:600}.clip-footer{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;color:var(--fg-dim);font-family:var(--mono);margin-top:10px}.load-more{display:block;margin:38px auto 0;padding:11px 26px;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--fg);font-size:14px;font-weight:500}.load-more:hover{border-color:var(--border-2);background:var(--surface-2)}.load-more:disabled{opacity:.5;cursor:not-allowed}.streamer-card{display:flex;align-items:center;gap:18px;padding:14px 20px;background:var(--surface);border:1px solid var(--border);border-radius:14px;max-width:640px;margin:0 auto 22px;color:inherit;text-decoration:none;transition:border-color .25s,box-shadow .25s,background .15s}.streamer-card:hover{background:var(--surface-2)}.streamer-card.hidden{display:none}.streamer-card.is-live{border-color:#ef444499;animation:streamerLiveGlow 2.4s ease-in-out infinite}@keyframes streamerLiveGlow{0%,to{box-shadow:0 0 0 1px #ef444466,0 0 26px -4px #ef44442e}50%{box-shadow:0 0 0 1px #ef4444bf,0 0 40px #ef44445c}}.streamer-avatar{width:64px;height:64px;border-radius:50%;flex-shrink:0;overflow:hidden;background:var(--bg-2);border:2px solid var(--border);transition:border-color .25s}.streamer-card.is-live .streamer-avatar{border-color:var(--red)}.streamer-info{flex:1;min-width:0}.streamer-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-weight:700;font-size:16px;color:var(--fg);margin-bottom:4px}.streamer-name .twitch-icon{color:var(--violet-2);flex-shrink:0}.streamer-live-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;background:#ef444429;border:1px solid rgba(239,68,68,.45);color:#fca5a5;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.streamer-live-badge .dot{width:6px;height:6px;border-radius:50%;background:#ef4444;animation:streamerLiveDot 1.2s ease-in-out infinite}@keyframes streamerLiveDot{0%,to{opacity:1;box-shadow:0 0 8px #ef4444}50%{opacity:.45;box-shadow:0 0 3px #ef4444}}.streamer-live-badge.hidden{display:none}.streamer-bio{font-size:13.5px;color:var(--fg-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.streamer-cta{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;background:var(--violet);color:#fff!important;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s}.streamer-cta:hover{background:#7e3cf0;transform:translateY(-1px)}.empty{padding:56px 32px;text-align:center;background:var(--surface);border:1px dashed var(--border);border-radius:14px}.empty-icon{width:52px;height:52px;margin:0 auto 16px;border-radius:14px;background:var(--bg-2);border:1px solid var(--border);display:grid;place-items:center;color:var(--fg-dim)}.empty-title{font-weight:600;margin-bottom:6px;font-size:16px}.empty-sub{color:var(--fg-muted);font-size:13.5px;max-width:420px;margin:0 auto}.status-banner{display:none;padding:14px 18px;margin-bottom:18px;border-radius:12px;font-size:13.5px;align-items:center;gap:10px}.status-banner.is-loading{display:flex;background:#9146ff14;border:1px solid rgba(145,70,255,.3);color:var(--violet-2)}.status-banner.is-error{display:flex;background:#ef44441a;border:1px solid rgba(239,68,68,.35);color:var(--red)}.spin{animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:22px 26px;margin:0 auto 22px;max-width:640px}.progress-card.hidden{display:none}.progress-title{font-weight:600;font-size:15px;color:var(--fg);margin:0 0 4px}.progress-sub{font-size:12.5px;color:var(--fg-muted);font-family:var(--mono);margin:0 0 12px}.progress-bar{width:100%;height:6px;background:var(--bg-2);border-radius:999px;overflow:hidden;margin-bottom:10px}.progress-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--violet),var(--violet-2));transition:width .25s ease}.progress-cancel{font-size:12px;color:var(--fg-muted);background:transparent;border:1px solid var(--border);border-radius:7px;padding:5px 12px;cursor:pointer;transition:color .12s,border-color .12s}.progress-cancel:hover{color:var(--red);border-color:#ef444466}.filter-input{width:100%;padding:7px 10px;font-size:12.5px;background:var(--bg-2);border:1px solid var(--border);border-radius:7px;color:var(--fg);outline:none;transition:border-color .12s}.filter-input:focus{border-color:var(--violet-2)}.filter-input::placeholder{color:var(--fg-dim)}.filter-date-pair{display:flex;gap:6px;align-items:center}.filter-date-pair input[type=date]{flex:1;min-width:0;padding:7px 10px;font-size:12.5px;background:var(--bg-2);border:1px solid var(--border);border-radius:7px;color:var(--fg);outline:none;color-scheme:dark}.filter-date-pair input[type=date]:focus{border-color:var(--violet-2)}.filter-date-pair .sep{color:var(--fg-dim);font-size:11px;flex-shrink:0}[data-theme=light] .filter-date-pair input[type=date]{color-scheme:light}@media(max-width:900px){.list-head .list-head-row{grid-template-columns:1fr!important}}.modal-bg{position:fixed;inset:0;z-index:100;background:#000000b3;backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;padding:20px;animation:modalIn .15s ease}.modal-bg.open{display:flex}@keyframes modalIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;max-width:520px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 30px 80px #0009}.modal.modal-lg{max-width:720px}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border)}.modal-title{font-family:var(--serif);font-size:22px;font-style:italic}.modal-close{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;color:var(--fg-muted)}.modal-close:hover{color:var(--fg);background:var(--bg-2)}.modal-body{padding:20px 22px}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid var(--border);background:var(--bg-2);border-radius:0 0 16px 16px}.btn{padding:9px 16px;border-radius:8px;font-size:13.5px;font-weight:500;border:1px solid transparent;transition:all .15s}.btn-ghost{background:var(--bg-2);border-color:var(--border);color:var(--fg)}.btn-ghost:hover{border-color:var(--border-2)}.btn-solid{background:var(--violet);color:#fff}.btn-solid:hover{background:#8038e8}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{background:#dc2626}.clip-modal-video{aspect-ratio:16/9;background:#000;border-radius:12px;margin-bottom:14px;overflow:hidden;position:relative}.clip-modal-video iframe{width:100%;height:100%;display:block;background:#000;border:0}.clip-modal-video .fallback{position:absolute;inset:0;display:none;place-items:center;color:var(--fg-dim);font-size:13px;text-align:center;padding:20px}.clip-modal-video.is-fallback .fallback{display:grid}.clip-modal-video.is-fallback iframe{display:none}.clip-modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.btn-twitch{background:#9146ff;color:#fff;padding:9px 14px;border-radius:8px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:8px}.btn-twitch:hover{background:#8038e8}.btn-twitch-login{width:100%;box-sizing:border-box;background:#9146ff;color:#fff;padding:11px 16px;border-radius:9px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:background .15s,transform .15s;text-decoration:none}.btn-twitch-login:hover{background:#7e3cf0;transform:translateY(-1px)}.login-divider{display:flex;align-items:center;margin:18px 0 14px;color:var(--fg-dim);font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.login-divider span{padding:0 12px}.btn-download{padding:9px 14px;background:var(--bg-2);border:1px solid var(--border);border-radius:8px;color:var(--fg);font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:8px}.btn-download:hover{border-color:var(--border-2)}.clip-modal-hint{font-size:12px;color:var(--fg-dim);margin-top:8px}.fav-modal-header{display:flex;align-items:center;gap:14px;padding:18px 22px;background:linear-gradient(180deg,rgba(145,70,255,.08),transparent);border-bottom:1px solid var(--border)}.fav-modal-icon{width:46px;height:46px;border-radius:11px;flex-shrink:0;background:linear-gradient(135deg,var(--violet),#5b21b6);display:grid;place-items:center;color:#fff;box-shadow:0 8px 22px -6px #9146ff8c}.fav-modal-title-block{flex:1;min-width:0}.fav-modal-title-main{font-size:18px;font-weight:700;color:var(--fg);line-height:1.25}.fav-modal-title-sub{font-size:12.5px;color:var(--fg-muted);margin-top:2px}.fav-add-section{padding:14px 22px 18px;background:#9146ff0a;border-bottom:1px solid var(--border)}.fav-add-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--fg-dim);font-weight:600;margin-bottom:8px}.fav-add-row{display:flex;gap:10px;align-items:stretch}.fav-add-input-wrap{flex:1;min-width:0;position:relative;display:flex;align-items:center}.fav-add-input-wrap .user-icon{position:absolute;left:12px;color:var(--fg-dim);pointer-events:none}.fav-add-input-wrap input{width:100%;padding:10px 14px 10px 38px;background:var(--bg-2);border:1px solid var(--border);border-radius:9px;color:var(--fg);font-size:13.5px;outline:none}.fav-add-input-wrap input:focus{border-color:var(--violet-2)}.fav-add-btn{padding:10px 18px;border-radius:9px;background:var(--violet);color:#fff;font-weight:600;font-size:13.5px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;border:0;transition:background .15s}.fav-add-btn:hover{background:#7e3cf0}.fav-list{list-style:none;padding:8px 14px;margin:0;display:flex;flex-direction:column;gap:6px;max-height:50vh;overflow-y:auto}.fav-list::-webkit-scrollbar{width:6px}.fav-list::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:3px}.fav-item{display:grid;grid-template-columns:24px 48px 1fr auto auto auto;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-2);border:1px solid var(--border);border-radius:10px;transition:border-color .15s,background .15s}.fav-item:hover{border-color:var(--border-2);background:var(--surface)}.fav-avatar,.fav-text{cursor:pointer}.fav-item.dragging{opacity:.4}.fav-item.is-live{border-color:#ef444473;box-shadow:0 0 0 1px #ef44442e}.fav-drag{color:var(--fg-dim);cursor:grab;display:grid;place-items:center;font-size:14px;line-height:1;user-select:none}.fav-drag:hover{color:var(--fg-muted)}.fav-avatar{width:48px;height:48px;border-radius:50%;background:var(--bg);border:2px solid var(--border);overflow:hidden;flex-shrink:0;display:grid;place-items:center;color:var(--fg-dim);font-weight:700;font-size:16px;transition:border-color .25s,box-shadow .25s}.fav-item.is-live .fav-avatar{border-color:var(--red);box-shadow:0 0 18px -4px #ef444499}.fav-text{min-width:0}.fav-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fav-name{font-size:14.5px;font-weight:700;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;outline:none}.fav-name[contenteditable=true]{padding:2px 6px;border-radius:4px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--violet-2)}.fav-live-badge{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;border-radius:999px;background:#ef44442e;border:1px solid rgba(239,68,68,.5);color:#fca5a5;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.fav-live-badge .dot{width:5px;height:5px;border-radius:50%;background:#ef4444;animation:streamerLiveDot 1.2s ease-in-out infinite}.fav-url{font-size:12px;color:var(--fg-muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fav-action{width:32px;height:32px;border-radius:7px;display:grid;place-items:center;background:transparent;border:0;color:var(--fg-dim);cursor:pointer;transition:all .15s}.fav-action:hover{color:var(--fg);background:var(--bg)}.fav-action.fav-del:hover{color:var(--red);background:#ef44441a}.fav-action.fav-reload:hover{color:var(--violet-2);background:#9146ff1a}.fav-action.fav-reload.is-loading{color:var(--violet-2);pointer-events:none}.fav-action.fav-reload.is-loading svg{animation:spin .85s linear infinite}.fav-action:disabled{opacity:.4;cursor:not-allowed}.fav-reload-meta{color:var(--violet-2);font-weight:500}.fav-reload-meta-empty{color:var(--fg-dim);font-style:italic;font-weight:400}.fav-toolbar{display:flex;justify-content:flex-end;padding:10px 22px 4px}.fav-mass-reload-btn{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;font-size:12.5px;font-weight:600;background:transparent;color:var(--violet-2);border:1px solid rgba(145,70,255,.3);border-radius:8px;cursor:pointer;transition:all .15s}.fav-mass-reload-btn:hover{background:#9146ff1a;border-color:#9146ff80;color:var(--violet-2)}.fav-mass-reload-btn:disabled{opacity:.55;cursor:not-allowed;background:#9146ff0f}.fav-mass-reload-btn.is-loading svg{animation:spin .85s linear infinite}.fav-empty{padding:32px 16px;margin:8px 14px;text-align:center;background:var(--bg-2);border:1px dashed var(--border);border-radius:10px;color:var(--fg-muted);font-size:13px}.fav-footer-note{font-size:11.5px;color:var(--fg-dim);display:flex;align-items:center;justify-content:space-between;padding:12px 22px;border-top:1px solid var(--border);background:var(--bg-2)}.fav-footer-note .drag-hint{display:inline-flex;align-items:center;gap:6px}.prose h3{font-family:var(--serif);font-style:italic;font-size:18px;margin:20px 0 8px}.prose p,.prose li{font-size:13px;color:var(--fg-muted);line-height:1.65}.prose ul{padding-left:20px}.prose a{color:var(--violet-2)}.prose a:hover{text-decoration:underline}@media(max-width:960px){.side .panel{flex-basis:100%}.clip-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.page-title{font-size:40px}.nav-links{display:none}.list-head-row{grid-template-columns:1fr}}@media(max-width:560px){.clip-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}html.cs-gate-checking{visibility:hidden}