: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)}}.share-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%;max-height:calc(100% - var(--header-h) - var(--dock-h) - 24px);overflow-y:auto;padding:var(--sp-4);position:fixed;top:calc(var(--header-h) + var(--sp-2));transform:translate(-50%);width:min(440px,100% - 32px);z-index:7}@media(max-width:639px){.share-dialog{max-height:calc(100% - var(--header-h) - var(--dock-h-mobile) - 24px)}}.share-dialog-backdrop{background:#00000052;inset:0;position:fixed;z-index:6}.share-dialog-heading{font-size:var(--fs-ui);font-weight:600;margin:0 0 var(--sp-2);padding-right:var(--sp-5)}.share-dialog-lead{color:var(--fg-sub);font-size:var(--fs-meta);line-height:1.6;margin:0 0 var(--sp-3)}.share-dialog-close{position:absolute;right:var(--sp-2);top:var(--sp-2)}.share-dialog-code{background:var(--bg-sub);border:1px solid var(--line-strong);border-radius:var(--radius);box-sizing:border-box;color:var(--fg);font:inherit;font-size:var(--fs-meta);line-height:1.5;min-height:76px;padding:var(--sp-2);resize:vertical;width:100%}.share-dialog-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-2)}.share-dialog-note{color:var(--fg-sub);font-size:var(--fs-meta);line-height:1.6;min-width:0}.share-dialog 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)}@media(hover:hover){.share-dialog button:not(:disabled):hover{background:var(--bg-hover);border-color:var(--fg)}}.share-dialog a{color:var(--accent)}@media(hover:hover){.share-dialog a:hover{color:var(--fg)}}.share-dialog-qr{align-items:center;background:var(--bg-sub);border:1px solid var(--line);border-radius:var(--radius);display:flex;gap:var(--sp-3);margin-top:var(--sp-3);padding:var(--sp-3)}.share-dialog-qr-image{background-color:#fff;border:6px solid #fff;flex:0 0 128px;height:128px;width:128px}.share-dialog-qr-image svg{display:block;height:100%;width:100%}.share-dialog-qr-over{color:var(--fg-sub);font-size:var(--fs-meta);line-height:1.6;margin:var(--sp-3) 0 0}.share-dialog-tabs{border-bottom:1px solid var(--line);display:flex;gap:var(--sp-3);margin-bottom:var(--sp-3)}.share-dialog .share-dialog-tab{background:none;border:0;border-bottom:2px solid transparent;border-radius:0;color:var(--fg-sub);margin-bottom:-1px;padding:var(--sp-2) 2px}.share-dialog .share-dialog-tab[aria-selected=true]{border-bottom-color:var(--accent);color:var(--fg);font-weight:600}@media(hover:hover){.share-dialog .share-dialog-tab:not([aria-selected=true]):hover{background:none;border-bottom-color:var(--line-strong);color:var(--fg)}}.share-dialog-fold+.share-dialog-fold{border-top:1px solid var(--line);margin-top:var(--sp-4);padding-top:var(--sp-3)}.share-dialog-fold>summary{align-items:center;color:var(--fg);cursor:pointer;display:flex;font-size:var(--fs-ui);gap:6px;list-style:none}.share-dialog-fold>summary::-webkit-details-marker{display:none}.share-dialog-fold>summary:before{border-bottom:1.5px solid currentcolor;border-right:1.5px solid currentcolor;content:"";display:inline-block;height:6px;transform:rotate(45deg);transition:transform .12s ease-out;width:6px}.share-dialog-fold[open]>summary:before{transform:rotate(-135deg) translate(-3px,-3px)}.share-dialog-fold>.share-dialog-code{margin-top:var(--sp-2)}.share-dialog-fold>.share-dialog-lead{margin:var(--sp-2) 0 0}.share-dialog-result{color:var(--fg-sub);font-size:var(--fs-meta);line-height:1.6}.share-dialog-result:empty{display:none}*,*: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}