:root{--bg:#f6f6f4;--card:#fff;--text:#1d1d1f;--muted:#6b6b70;--line:#e2e2de;--accent:#2f6fde;--cut:#d9534f;--telop:#2f6fde;--other:#8a6d3b;--error:#c0392b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#141416;--card:#1e1e21;--text:#ececef;--muted:#9a9aa2;--line:#2e2e33;--accent:#6c9cf0;--cut:#ec7b77;--telop:#6c9cf0;--other:#c9a86a;--error:#ef7a6c}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;line-height:1.6}.page{max-width:1200px;margin:0 auto;padding:16px}h1{margin:0 0 4px;font-size:1.3rem}h2{margin:0 0 8px;font-size:1rem}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--error);margin:0}.center{text-align:center}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px}.head{margin-bottom:12px}.head p{margin:0}.layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:16px;display:grid}@media (width<=860px){.layout{grid-template-columns:minmax(0,1fr)}}video{background:#000;border-radius:10px;width:100%;display:block}.marks{background:var(--line);border-radius:4px;height:18px;margin:8px 0 12px;position:relative}.mark{cursor:pointer;background:var(--other);border:0;border-radius:3px;width:6px;height:14px;margin-left:-3px;padding:0;position:absolute;top:2px}.mark.range{opacity:.75;margin-left:0}.mark.resolved{opacity:.3}.mark.kind-cut,.badge.kind-cut{background:var(--cut)}.mark.kind-telop,.badge.kind-telop{background:var(--telop)}.mark.kind-other,.badge.kind-other{background:var(--other)}.playhead{background:var(--text);pointer-events:none;width:2px;position:absolute;top:-2px;bottom:-2px}.form{gap:8px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.grow{flex:1;min-width:0}.label{color:var(--muted);font-size:.8rem;display:block}input,select,textarea{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--line);border-radius:8px;width:100%;padding:6px 8px}textarea{resize:vertical}button{font:inherit;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:8px;padding:6px 14px}button:disabled{opacity:.5;cursor:default}button.ghost{color:var(--text);border-color:var(--line);background:0 0}button.link{color:var(--accent);background:0 0;border:0;padding:0}.list{gap:8px;max-height:calc(100vh - 32px);display:grid;overflow-y:auto}.comment.resolved{opacity:.55}.meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.time{color:var(--accent);font-variant-numeric:tabular-nums;background:0 0;border:0;padding:0}.badge{color:#fff;border-radius:999px;padding:0 8px;font-size:.75rem}.author{font-size:.9rem;font-weight:600}.resolve{align-items:center;gap:4px;margin-left:auto;display:flex}.resolve input{width:auto}.text{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0}.reply{border-left:3px solid var(--line);margin:6px 0 0 4px;padding-left:8px}.reply .text{margin:0}.reply-form{gap:6px;margin-top:6px;display:flex}