:root{--bg:#0d0f12;--surface:#151920;--surface-2:#1c222b;--surface-3:#242b36;--border:#262d38;--border-strong:#354050;--text:#e6e9ef;--muted:#8b95a5;--faint:#5f6878;--accent:#e3a94b;--accent-hover:#edb965;--accent-ink:#1b1306;--accent-soft:#e3a94b24;--danger:#e5534b;--danger-soft:#e5534b24;--ok:#4fbf7a;--radius:10px;--radius-sm:8px;--radius-lg:14px;--header-h:56px;--gutter:24px;--shadow:0 14px 36px #00000073, 0 2px 8px #0000004d;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "Cascadia Mono", "SF Mono", Consolas, monospace;--ease:cubic-bezier(.2, 0, 0, 1);--fast:.12s;--normal:.2s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-size:15px;line-height:1.5}@media (width<=640px){:root{--gutter:16px}}*,:before,:after{box-sizing:border-box}body{background:var(--bg);min-height:100svh;margin:0}h1,h2,h3,p,dl,dd{margin:0}img,svg,video{display:block}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}::selection{background:#e3a94b59}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}kbd{border:1px solid var(--border-strong);background:var(--surface-2);min-width:1.6em;color:var(--text);font:600 11.5px/1.5 var(--mono);text-align:center;border-bottom-width:2px;border-radius:4px;padding:0 5px;display:inline-block}.muted{color:var(--muted)}.count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.form-error{color:var(--danger);font-size:13px}.badge{background:var(--accent-soft);color:var(--accent);letter-spacing:.04em;white-space:nowrap;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700}.btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);height:36px;color:var(--text);white-space:nowrap;transition:background-color var(--fast) var(--ease), border-color var(--fast) var(--ease), color var(--fast) var(--ease);justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong)}.btn:disabled{opacity:.55}.btn kbd{font-size:10.5px;line-height:1.4}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:650}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-danger{color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger-soft);border-color:#e5534b66}.btn-sm{gap:6px;height:30px;padding:0 10px;font-size:13px}.btn-block{width:100%;height:42px}.icon-btn{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--muted);transition:background-color var(--fast) var(--ease), color var(--fast) var(--ease), opacity var(--fast) var(--ease);background:0 0;border:0;flex:none;place-items:center;padding:0;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.icon-btn:disabled{opacity:.4}.icon-btn-sm{width:28px;height:28px}.icon-btn.is-danger:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.icon-btn.is-accent:not(:disabled){color:var(--accent)}.icon-btn.is-accent:hover:not(:disabled){background:var(--accent-soft);color:var(--accent)}.input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);width:100%;height:38px;color:var(--text);transition:border-color var(--fast) var(--ease), box-shadow var(--fast) var(--ease);padding:0 12px}.input::placeholder{color:var(--faint)}.input:hover{border-color:var(--border-strong)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.input[type=search]::-webkit-search-cancel-button{filter:grayscale()brightness(1.6);cursor:pointer}.field{gap:6px;display:grid}.field-label{color:var(--muted);font-size:13px;font-weight:500}.progress{background:var(--surface-3);border-radius:2px;height:4px;overflow:hidden}.progress-bar{border-radius:inherit;background:var(--accent);height:100%;transition:width .3s linear}.progress.is-indeterminate .progress-bar{animation:indeterminate 1.2s var(--ease) infinite;width:35%!important}.spinner{border:3px solid #ffffff24;border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin;display:inline-block}.skeleton{background:linear-gradient(90deg, var(--surface) 0%, var(--surface-2) 50%, var(--surface) 100%) 0 0 / 200% 100%;border-radius:6px;animation:1.4s linear infinite shimmer}.skeleton-line{height:14px;margin-top:4px}.skeleton-line.is-short{width:55%;height:12px;margin-top:10px}.toast-region{top:calc(var(--header-h) + 16px);z-index:70;pointer-events:none;position:fixed;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-3);box-shadow:var(--shadow);white-space:nowrap;animation:toast-in var(--normal) var(--ease);padding:9px 16px;font-size:14px;font-weight:500}.empty{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);color:var(--muted);text-align:center;justify-items:center;gap:8px;padding:72px 16px;display:grid}.empty>svg{color:var(--faint);margin-bottom:4px}.empty .btn{margin-top:8px}.empty-title{color:var(--text);font-size:17px;font-weight:600}.boot{place-items:center;min-height:100svh;display:grid}.header{z-index:20;height:var(--header-h);border-bottom:1px solid var(--border);-webkit-backdrop-filter:saturate(140%)blur(10px);backdrop-filter:saturate(140%)blur(10px);background:#0d0f12db;position:sticky;top:0}.header-inner{max-width:1600px;height:100%;padding:0 var(--gutter);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex}.logo{color:var(--text);letter-spacing:.04em;border-radius:6px;align-items:center;gap:10px;font-size:15px;font-weight:800;display:inline-flex}.logo svg{color:var(--accent);flex:none}.logo-text{white-space:nowrap}@media (width<=480px){.header .logo-text{display:none}}.logo-lg{justify-self:center;font-size:20px}.header-user{align-items:center;gap:10px;min-width:0;display:flex}.user-name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.page{max-width:1600px;padding:24px var(--gutter) 120px;margin:0 auto}.login{background:radial-gradient(900px 480px at 50% -12%, #e3a94b1a, transparent 65%), var(--bg);place-items:center;min-height:100svh;padding:24px 16px;display:grid}.login-card{border:1px solid var(--border);background:var(--surface);width:100%;max-width:380px;box-shadow:var(--shadow);border-radius:16px;gap:16px;padding:32px 28px 28px;display:grid}.login-sub{color:var(--muted);text-align:center;margin:-6px 0 4px;font-size:14px}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.page-title{align-items:baseline;gap:10px;margin-right:auto;font-size:22px;font-weight:700;display:flex}.search{flex:0 360px;min-width:0;position:relative}.search>svg{color:var(--faint);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search .input{padding-left:38px}@media (width<=640px){.page-title{width:100%}.search{flex:100%}}.grid{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:24px 16px;display:grid}.card{border-radius:var(--radius);outline-offset:4px;min-width:0;display:block}.card-thumb{aspect-ratio:16/9;border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--fast) var(--ease);background:radial-gradient(120% 120% at 0 0,#232a35 0%,#151920 55%,#10131a 100%);position:relative;overflow:hidden}.card-thumb.skeleton{border-color:#0000}.card:hover .card-thumb{border-color:var(--border-strong)}.card-thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.card-placeholder{color:var(--border-strong);margin:auto;position:absolute;inset:0}.card-thumb:has(.card-status) .card-placeholder{display:none}.card-preview{opacity:0;transition:opacity var(--normal) var(--ease)}.card-preview.is-ready{opacity:1}.card-chip{color:#fff;font-variant-numeric:tabular-nums;background:#000000c7;border-radius:4px;align-items:center;gap:4px;padding:1px 6px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;bottom:8px}.card-duration{right:8px}.card-markers{color:var(--accent);left:8px}.card-status{text-align:center;background:#0d0f12b8;align-content:center;place-items:center;gap:6px;padding:12px;font-size:14px;font-weight:600;display:grid;position:absolute;inset:0}.card-status.is-error{color:var(--danger);background:#240e0ec7}.card-badge{max-width:calc(100% - 16px);color:var(--accent);text-overflow:ellipsis;white-space:nowrap;background:#000000c7;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600;position:absolute;top:8px;left:8px;overflow:hidden}.card-progress{background:#ffffff1f;height:3px;position:absolute;bottom:0;left:0;right:0}.card-progress>div{background:var(--accent);height:100%;transition:width .4s var(--ease)}.card-body{padding:10px 2px 0}.card-title{overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.card-meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:13px;overflow:hidden}.drop-overlay{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none;animation:fade-in var(--normal) var(--ease);background:#0d0f12d1;place-items:center;display:grid;position:fixed;inset:0}.drop-overlay:before{content:"";border:2px dashed var(--accent);border-radius:18px;position:absolute;inset:16px}.drop-overlay-inner{color:var(--accent);text-align:center;justify-items:center;gap:14px;padding:16px;font-size:20px;font-weight:650;display:grid}.modal{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);width:min(640px,100vw - 32px);max-width:none;max-height:min(80svh,720px);color:var(--text);box-shadow:var(--shadow);padding:0}.modal[open]{animation:pop-in var(--normal) var(--ease);flex-direction:column;display:flex}.modal::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#050608b3}.modal-form{flex-direction:column;flex:1;min-height:0;display:flex}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 14px 12px 20px;display:flex}.modal-head h2{font-size:17px;font-weight:650}.modal-body{flex:1;min-height:0;padding:4px 20px;overflow-y:auto}.modal-foot{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;display:flex}.modal-foot-info{color:var(--muted);font-variant-numeric:tabular-nums;margin-right:auto;font-size:13px}.draft-list{margin:0;list-style:none}.draft{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 0;display:flex}.draft:last-child{border-bottom:0}.draft>svg{color:var(--faint);flex:none}.draft-fields{flex:1;gap:6px;min-width:0;display:grid}.draft-meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.uploads{z-index:40;border:1px solid var(--border);background:var(--surface);width:380px;max-width:calc(100vw - 32px);box-shadow:var(--shadow);animation:slide-up var(--normal) var(--ease);border-radius:12px;position:fixed;bottom:16px;right:16px;overflow:hidden}.uploads-head{background:var(--surface-2);text-align:left;width:100%;transition:background-color var(--fast) var(--ease);border:0;align-items:center;gap:10px;padding:11px 14px;font-weight:600;display:flex}.uploads-head:hover{background:var(--surface-3)}.uploads-head:focus-visible{outline-offset:-2px}.uploads-head>svg:first-child{color:var(--accent)}.uploads-summary{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px;font-weight:500}.uploads-chevron{color:var(--muted);transition:transform var(--normal) var(--ease)}.uploads.is-collapsed .uploads-chevron{transform:rotate(180deg)}.uploads-list{max-height:min(50svh,420px);margin:0;padding:0;list-style:none;overflow-y:auto}.upload{gap:6px;padding:10px 14px 12px;display:grid}.upload+.upload{border-top:1px solid var(--border)}.upload-top{align-items:center;gap:4px;display:flex}.upload-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:500;overflow:hidden}.upload-title a:hover{color:var(--accent);text-decoration:underline}.upload-status{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.upload.is-done .progress-bar{background:var(--ok)}.upload.is-done .upload-status{color:var(--ok)}.upload.is-error .progress-bar{background:var(--danger)}.upload.is-error .upload-status{color:var(--danger)}.upload.is-canceled .progress-bar{background:var(--faint)}.back-link{color:var(--muted);transition:color var(--fast) var(--ease);border-radius:6px;align-items:center;gap:6px;margin:-6px 0 12px -4px;padding:4px 8px 4px 4px;font-size:14px;display:inline-flex}.back-link:hover{color:var(--text)}.watch-layout{grid-template-columns:minmax(0,1fr);gap:24px;display:grid}.watch-main{min-width:0}@media (width>=1200px){.watch-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start}.watch-side{top:calc(var(--header-h) + 16px);max-height:calc(100svh - var(--header-h) - 32px);display:flex;position:sticky}.watch-side .markers{flex:1}}.video-placeholder{aspect-ratio:16/9;border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);text-align:center;background:radial-gradient(120% 120% at 0 0,#1f252f 0%,#12161c 60%,#0f1217 100%);place-items:center;padding:24px;display:grid}.video-placeholder.skeleton{border-color:#0000}.video-placeholder-inner{justify-items:center;gap:10px;max-width:440px;display:grid}.video-placeholder-title{color:var(--text);font-variant-numeric:tabular-nums;font-size:18px;font-weight:650}.video-placeholder .progress{width:240px;max-width:100%;margin-top:4px}.video-placeholder.is-error svg{color:var(--danger)}.watch-info{gap:8px;margin-top:16px;display:grid}.watch-title-row{align-items:flex-start;gap:6px;display:flex}.watch-title{overflow-wrap:anywhere;min-width:0;font-size:22px;font-weight:700;line-height:1.3}.watch-title-row .icon-btn{margin-top:-1px}.watch-title-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.watch-title-form .input{flex:280px;height:42px;font-size:17px}.watch-title-form .form-error{width:100%}.watch-meta{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;font-size:14px;display:flex}.watch-meta>span+span:before{content:"·";color:var(--faint);margin:0 8px}.watch-actions{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.markers{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;min-height:0;display:flex}.markers-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px 10px 16px;display:flex}.markers-head h2{align-items:baseline;gap:8px;font-size:15px;font-weight:650;display:flex}.marker-form{border-bottom:1px solid var(--border);background:#e3a94b0d;align-items:center;gap:6px;padding:10px 10px 10px 12px;display:flex}.marker-form .input{flex:1;min-width:0;height:34px}.markers-error{padding:10px 16px 0}.markers-list{flex:1;min-height:0;margin:0;padding:6px;list-style:none;overflow-y:auto}@media (width<=1199px){.markers-list{max-height:420px}}.marker{border-radius:var(--radius-sm);transition:background-color var(--fast) var(--ease);align-items:flex-start;gap:10px;padding:7px 6px 7px 8px;display:flex}.marker:hover{background:var(--surface-2)}.time-chip{background:var(--accent-soft);min-width:56px;color:var(--accent);font:600 12.5px/1.5 var(--mono);font-variant-numeric:tabular-nums;text-align:center;transition:background-color var(--fast) var(--ease);border:0;border-radius:6px;flex:none;padding:2px 8px}button.time-chip:hover{background:#e3a94b42}.marker-body{flex:1;min-width:0}.marker-text{overflow-wrap:anywhere;font-size:14px;line-height:1.4}.marker-author{color:var(--muted);margin-top:2px;font-size:12px}.marker-delete{opacity:0;margin-top:-3px}.marker:hover .marker-delete,.marker-delete:focus-visible{opacity:1}@media (hover:none){.marker-delete{opacity:1}}.markers-empty{color:var(--muted);text-align:center;padding:22px 18px;font-size:14px}.player{aspect-ratio:16/9;width:100%;max-height:calc(100svh - var(--header-h) - 96px);border-radius:var(--radius);color:#fff;-webkit-user-select:none;user-select:none;background:#000;min-height:180px;position:relative;overflow:hidden;container:player/inline-size}.player:fullscreen{aspect-ratio:auto;border-radius:0;width:100%;height:100%;max-height:none}.player.is-idle{cursor:none}.player :focus-visible{outline-offset:-2px}.player-video{object-fit:contain;background:#000;width:100%;height:100%;position:absolute;inset:0}.player-controls{transition:opacity .22s var(--ease);pointer-events:none;background:linear-gradient(#0000 0%,#0000007a 45%,#000000d6 100%);padding:44px 10px 6px;position:absolute;bottom:0;left:0;right:0}.player-controls>*{pointer-events:auto}.player.is-idle .player-controls{opacity:0}.player.is-idle .player-controls>*{pointer-events:none}.player-bar{align-items:center;gap:2px;display:flex}.player-spacer{flex:1;min-width:4px}.pbtn{border-radius:var(--radius-sm);color:#fff;opacity:.9;min-width:40px;height:40px;transition:background-color var(--fast) var(--ease), opacity var(--fast) var(--ease);background:0 0;border:0;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 9px;display:inline-flex}.pbtn:hover,.pbtn[aria-expanded=true]{opacity:1;background:#ffffff24}.pbtn-label{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12.5px;font-weight:650}.pbtn-label.is-accent{color:var(--accent)}.player-time{font-variant-numeric:tabular-nums;white-space:nowrap;margin:0 10px 0 6px;font-size:13px}.player-time-total{color:#fff9}.player-volume{align-items:center;display:flex}.player-volume-slider{cursor:pointer;appearance:none;background:#ffffff4d;border-radius:2px;width:76px;height:4px;margin:0 6px 0 0}.player-volume-slider::-webkit-slider-thumb{appearance:none;background:#fff;border:0;border-radius:50%;width:12px;height:12px}.player-volume-slider::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:12px;height:12px}.player-volume-slider:focus-visible{outline-offset:6px}.seek{cursor:pointer;touch-action:none;align-items:center;height:20px;margin:0 8px 2px;display:flex;position:relative}.seek:focus-visible{outline-offset:2px;border-radius:4px}.seek-track{height:4px;transition:height var(--fast) var(--ease);background:#ffffff38;border-radius:2px;flex:1;position:relative}.seek:hover .seek-track,.seek.is-scrubbing .seek-track{height:6px}.seek-buffered,.seek-played{border-radius:inherit;position:absolute;top:0;bottom:0}.seek-buffered{background:#ffffff52}.seek-played{background:var(--accent);left:0}.seek-marker{width:4px;height:10px;transition:height var(--fast) var(--ease);pointer-events:none;background:#fff;border-radius:1.5px;margin-left:-2px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 0 0 1px #0000008c}.seek-marker.is-active{height:16px}.seek-thumb{background:var(--accent);width:14px;height:14px;transition:transform var(--fast) var(--ease);pointer-events:none;border-radius:50%;margin-left:-7px;position:absolute;top:50%;transform:translateY(-50%)scale(0);box-shadow:0 0 0 2px #0000004d}.seek:hover .seek-thumb,.seek:focus-visible .seek-thumb,.seek.is-scrubbing .seek-thumb{transform:translateY(-50%)scale(1)}.seek-tip{pointer-events:none;background:#0e1014f0;border:1px solid #ffffff14;border-radius:7px;width:max-content;max-width:min(260px,100%);padding:5px 9px;font-size:12.5px;line-height:1.35;position:absolute;bottom:26px;left:0}.seek-tip-time{font-variant-numeric:tabular-nums;font-weight:700}.seek-tip-marker{color:var(--accent);overflow-wrap:anywhere;margin-top:2px}.seek-tip-author{color:#fff9;font-size:11.5px}.player-bigplay{width:76px;height:76px;color:var(--accent-ink);transition:transform .15s var(--ease), background-color .15s var(--ease);background:#e3a94beb;border:0;border-radius:50%;place-items:center;margin:-38px 0 0 -38px;padding:0 0 0 4px;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 8px 30px #00000080}.player-bigplay:hover{background:var(--accent);transform:scale(1.06)}.player-bigplay:focus-visible{outline-offset:3px}.player-spinner{opacity:0;pointer-events:none;animation:fade-in .2s .3s var(--ease) forwards;place-items:center;display:grid;position:absolute;inset:0}.player-spinner .spinner{border-width:4px;width:52px;height:52px}.player-osd{font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;animation:osd .8s var(--ease) forwards;background:#000000a8;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:16px;font-weight:650;display:flex;position:absolute;top:14%;left:50%;transform:translate(-50%)}.player-error{text-align:center;background:#000000d1;align-content:center;place-items:center;gap:8px;padding:24px;display:grid;position:absolute;inset:0}.player-error>svg{color:var(--danger)}.player-error-title{font-size:17px;font-weight:650}.player-error-hint{color:#ffffff9e;max-width:440px;font-size:13px}.player-error .btn{margin-top:6px}.player-menu{z-index:2;border-radius:var(--radius);min-width:190px;max-height:calc(100% - 88px);box-shadow:var(--shadow);animation:menu-in .14s var(--ease);background:#14171df7;border:1px solid #ffffff14;padding:6px;position:absolute;bottom:76px;right:10px;overflow-y:auto}.player-menu-title{color:#ffffff8c;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;font-size:11.5px;font-weight:650}.player-menu-item{color:#fff;font-variant-numeric:tabular-nums;text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;width:100%;padding:7px 12px 7px 8px;font-size:14px;display:flex}.player-menu-item:hover{background:#ffffff1a}.player-menu-item[aria-checked=true]{color:var(--accent);font-weight:650}.player-menu-check{flex:none;width:16px;display:inline-grid}.player-help{z-index:3;animation:fade-in .15s var(--ease);background:#000000b8;place-items:center;padding:12px;display:grid;position:absolute;inset:0}.player-help-card{background:#14171df7;border:1px solid #ffffff14;border-radius:12px;width:min(480px,100%);max-height:100%;padding:10px 14px 14px 18px;overflow-y:auto}.player-help-head{justify-content:space-between;align-items:center;display:flex}.player-help-head h3{font-size:15px;font-weight:650}.shortcuts{gap:6px;margin-top:6px;font-size:14px;display:grid}.shortcut{grid-template-columns:128px 1fr;align-items:center;gap:12px;display:grid}.shortcut dt{flex-wrap:wrap;gap:4px;display:flex}.shortcut dd{color:#ffffffd1}.player kbd{color:#fff;background:#ffffff14;border-color:#ffffff2e}.player-help-note{color:#ffffff80;margin-top:12px;font-size:12.5px}@container player (width<=700px){.pbtn-kbd,.pbtn-label-wide,.player-volume-slider{display:none}}@container player (width<=520px){.pbtn-wide{display:none}.pbtn{min-width:36px;height:36px;padding:0 7px}.player-controls{padding:32px 4px 2px}.player-time{margin:0 4px;font-size:12px}.player-menu{max-height:calc(100% - 74px);bottom:66px}.player-bigplay{width:60px;height:60px;margin:-30px 0 0 -30px}.player-osd{font-size:14px}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(300%)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}@keyframes slide-up{0%{opacity:0;transform:translateY(12px)}}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}}@keyframes menu-in{0%{opacity:0;transform:translateY(6px)}}@keyframes osd{0%{opacity:0;transform:translate(-50%)scale(.92)}12%{opacity:1;transform:translate(-50%)scale(1)}70%{opacity:1}to{opacity:0;transform:translate(-50%)scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.spinner{animation-duration:1.6s!important;animation-iteration-count:infinite!important}.player-osd,.player-spinner{opacity:1;animation:none!important}}.modal-sm{width:min(420px,100vw - 32px)}.modal-stack{gap:14px;padding:18px 20px;display:grid}.breadcrumbs{flex-wrap:wrap;align-items:center;gap:2px;margin:-6px 0 12px -6px;font-size:14px;display:flex}.crumb-step{min-width:0;color:var(--faint);align-items:center;gap:2px;display:inline-flex}.crumb{max-width:28ch;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;transition:color var(--fast) var(--ease);border-radius:6px;padding:4px 6px;overflow:hidden}a.crumb:hover{color:var(--text)}.crumb.is-current{color:var(--text);font-weight:500}.page-title{min-width:0}.page-title-icon{color:var(--accent);flex:none;align-self:center}.page-title-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.title-actions{align-self:center;gap:2px;display:inline-flex}.title-actions .icon-btn{width:32px;height:32px;color:var(--faint)}.title-actions .icon-btn:hover{color:var(--text)}.library-section+.library-section{margin-top:32px}.section-title{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:600}.folder-grid{grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:12px;display:grid}.folder-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:0;transition:border-color var(--fast) var(--ease), background-color var(--fast) var(--ease);align-items:center;gap:14px;padding:14px 16px;display:flex}.folder-card:hover{border-color:var(--border-strong);background:var(--surface-2)}.folder-card-icon{color:var(--accent);flex:none}.folder-card-body{gap:2px;min-width:0;display:grid}.folder-card-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.folder-card-meta,.card-location{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.card-location{color:var(--faint);align-items:center;gap:5px;margin-top:2px;display:flex}.card-location svg{flex:none}.folder-tree{gap:2px;margin:12px 0;list-style:none;display:grid}.folder-option{border-radius:var(--radius-sm);cursor:pointer;min-width:0;transition:background-color var(--fast) var(--ease);align-items:center;gap:10px;padding:9px 12px;display:flex}.folder-option:hover{background:var(--surface-2)}.folder-option:has(input:checked){background:var(--accent-soft)}.folder-option input{accent-color:var(--accent)}.folder-option svg{color:var(--accent);flex:none}.folder-option-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.folder-option-here{color:var(--faint);white-space:nowrap;margin-left:auto;font-size:12px}.modal-head-sub{color:var(--muted);font-weight:500}.modal-hint{color:var(--muted);margin-bottom:12px;font-size:14px}:root{--tag-clan:#ff8f87;--tag-clan-bg:#e5534b26;--tag-clan-border:#e5534b61;--tag-location:#7cc4f5;--tag-location-bg:#4aa3df26;--tag-location-border:#4aa3df61}.tag{letter-spacing:.01em;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:2px 9px;font-size:13px;font-weight:650;line-height:1.5;display:inline-flex}.tag-clan{border-color:var(--tag-clan-border);background:var(--tag-clan-bg);color:var(--tag-clan)}.tag-location{border-color:var(--tag-location-border);background:var(--tag-location-bg);color:var(--tag-location)}a.tag{transition:filter var(--fast) var(--ease), border-color var(--fast) var(--ease)}a.tag:hover{filter:brightness(1.2)}.tag button{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:0;border-radius:50%;place-items:center;margin-right:-4px;padding:2px;display:inline-grid}.tag button:hover{opacity:1}.card-title{display:block}.fight-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.fight-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.fight-note{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.fight-heading{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fight-heading-part{align-items:center;gap:8px;display:inline-flex}.fight-heading .tag{padding:3px 12px;font-size:17px}.fight-heading-word{color:var(--muted);font-weight:500}.fight-heading-note{color:var(--muted);font-size:17px;font-weight:500}.tag-title{align-items:center;gap:10px;display:inline-flex}.tag-title .tag{font-size:17px}.clear-filter{color:var(--muted);border-radius:6px;align-self:center;align-items:center;gap:4px;padding:3px 8px;font-size:13px;font-weight:500;display:inline-flex}.clear-filter:hover{background:var(--surface-2);color:var(--text)}.details-fields{gap:12px;min-width:0;display:grid}.details-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}@media (width<=560px){.details-row{grid-template-columns:minmax(0,1fr)}}.tag-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);cursor:text;min-height:38px;transition:border-color var(--fast) var(--ease);flex-wrap:wrap;align-items:center;gap:6px;padding:5px 8px;display:flex}.tag-input:focus-within{border-color:var(--accent)}.tag-input input{min-width:80px;color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:120px;padding:4px 2px}.draft{align-items:stretch;gap:12px;padding:16px 0;display:grid}.draft-head{min-width:0;color:var(--muted);align-items:center;gap:10px;display:flex}.draft-head>svg{color:var(--faint);flex:none}.draft-file{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.draft-size{white-space:nowrap;margin-right:auto;font-size:13px}