:root{--bg: #ffffff;--bg-sub: #f4f5f7;--bg-hover: #eef0f3;--line: #e2e5ea;--line-strong: #c9ced6;--fg: #16191d;--fg-sub: #5c636e;--fg-weak: #666d77;--accent: #1f5ae0;--accent-fg: #ffffff;--accent-weak: #e8efff;--danger: #b42318;--danger-weak: #fdecea;--cinema-bg: #0b0d0f;--focus: var(--accent);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--radius: 6px;--radius-sm: 4px;--header-h: 56px;--row-h: 72px;--thumb-w: 112px;--thumb-h: 63px;--player-w: 480px;--player-h: 270px;--dock-h: 294px;--dock-h-mobile: 280px;--fs-h1: 16px;--fs-h2: 15px;--fs-title: 15px;--fs-meta: 12px;--fs-ui: 13px}@media(prefers-color-scheme:dark){:root{--bg: #14171a;--bg-sub: #1c2024;--bg-hover: #23282d;--line: #2b3137;--line-strong: #3d454d;--fg: #e9ecef;--fg-sub: #a6aeb8;--fg-weak: #8b949e;--accent: #6f9dff;--accent-fg: #10131a;--accent-weak: #1e2a44;--danger: #ff9d94;--danger-weak: #3a1f1d}}#notice-bar[hidden]{display:none}.notice-bar{--notice-line: 19.5px;--notice-wrap-h: 39px;--notice-fade: 24px;background:var(--accent-weak);border-bottom:1px solid var(--line);box-shadow:inset 3px 0 0 var(--accent);box-sizing:border-box;color:var(--fg);font-size:var(--fs-ui);height:36px}.notice-inner{align-items:center;box-sizing:border-box;display:flex;gap:var(--sp-2);height:100%;margin:0 auto;max-width:960px;padding:0 var(--sp-4)}.notice-icon{color:var(--accent);flex:0 0 auto;font-size:14px;line-height:1}.notice-text{flex:1;min-width:0;overflow:hidden}.notice-run{color:var(--fg);display:inline-block;line-height:var(--notice-line);white-space:nowrap;width:max-content}a.notice-run{color:var(--fg);font-weight:600}@media(hover:hover){a.notice-run:hover{color:var(--accent)}}.notice-close{background:none;border:0;color:var(--fg-sub);flex:0 0 auto;font-size:16px;line-height:1;padding:0;width:28px}@keyframes notice-flow{0%{transform:translate(0)}to{transform:translate(calc(-1 * var(--notice-distance)))}}.notice-bar[data-flow] .notice-run{animation:notice-flow var(--notice-duration) var(--notice-ease, linear) infinite}.notice-bar[data-flow] .notice-text{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - var(--notice-fade)),transparent 100%);mask-image:linear-gradient(to right,#000 calc(100% - var(--notice-fade)),transparent 100%)}.notice-bar[data-flow]:hover .notice-run,.notice-bar[data-flow]:focus-within .notice-run,.notice-bar[data-flow][data-paused] .notice-run{animation-play-state:paused}body:has(.player-dock[data-state=cinema]) #notice-bar{display:none}@media(prefers-reduced-motion:reduce){.notice-bar{height:auto;min-height:36px}.notice-inner{height:auto;padding-bottom:6px;padding-top:6px}.notice-text{-webkit-mask-image:none;mask-image:none;max-height:var(--notice-wrap-h);overflow-y:auto}.notice-run{animation:none;display:block;white-space:normal;width:auto}}@media(max-width:639px){.notice-bar{--notice-line: 18px;--notice-wrap-h: 54px}.notice-inner{padding-inline:var(--sp-2)}.notice-close{width:30px}}.clear-dialog{background:var(--bg);border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:0 8px 24px #0000002e;color:var(--fg);font-size:var(--fs-ui);left:50%;padding:var(--sp-4);position:fixed;top:var(--sp-6);transform:translate(-50%);width:min(420px,100% - 32px);z-index:5}.clear-dialog-backdrop{background:#00000052;inset:0;position:fixed;z-index:4}.clear-dialog-heading{font-size:var(--fs-ui);font-weight:600;margin:0 0 var(--sp-2)}.clear-dialog-text{line-height:1.7;margin:0}.clear-dialog-text b{font-weight:600}.clear-dialog-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-4)}.clear-dialog-actions .clear-dialog-cancel{margin-left:auto}.clear-dialog-actions button{background:var(--bg);border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--fg);cursor:pointer;font:inherit;padding:var(--sp-2) var(--sp-3)}.clear-dialog-actions button:disabled{color:var(--fg-weak);cursor:not-allowed}.clear-dialog-actions .clear-dialog-confirm{border-color:var(--danger);color:var(--danger)}@media(hover:hover){.clear-dialog-actions button:not(:disabled):hover{background:var(--bg-hover);border-color:var(--fg)}.clear-dialog-actions .clear-dialog-confirm:not(:disabled):hover{background:var(--danger-weak);border-color:var(--danger)}}.clear-storage-status:empty{display:none}.clear-storage-status{color:var(--fg-sub);display:block;font-size:var(--fs-meta);margin-top:var(--sp-2)}.clear-storage-button{background:var(--bg);border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--fg);cursor:pointer;font:inherit;font-size:var(--fs-ui);padding:var(--sp-2) var(--sp-3)}@media(hover:hover){.clear-storage-button:not(:disabled):hover{background:var(--bg-hover);border-color:var(--fg)}}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg);color:var(--fg);font-family:Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic UI,system-ui,-apple-system,Segoe UI,sans-serif}body{margin:0;min-width:320px;background:var(--bg);color:var(--fg)}a{text-decoration:none}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}