*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#0f1115;color:#e7e9ee}input,button{font:inherit}input{padding:8px 10px;border-radius:8px;border:1px solid #2a2f3a;background:#161922;color:#e7e9ee}button{padding:8px 12px;border-radius:8px;border:0;background:#3b82f6;color:#fff;cursor:pointer}button:disabled{opacity:.5;cursor:default}a.link{color:#6ea8fe;cursor:pointer;font-size:14px}.muted{color:#8b93a7;font-size:14px}.error{color:#ff6b6b;font-size:14px}.center{min-height:100vh;display:flex;align-items:center;justify-content:center}.card{background:#161922;border:1px solid #232838;border-radius:12px;padding:14px;display:flex;gap:10px;flex-direction:column}.row{display:flex;gap:10px;align-items:center}.list{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}.card.row{flex-direction:row}.card.active{border-color:#3b82f6}.topbar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #232838}.page{min-height:100vh}.content{max-width:760px;margin:0 auto;padding:16px}.project-grid{display:grid;grid-template-columns:1fr 360px;gap:16px;padding:16px;max-width:1200px;margin:0 auto}@media (max-width: 900px){.project-grid{grid-template-columns:1fr}}.comments{display:flex;flex-direction:column;gap:10px}.comment-list{display:flex;flex-direction:column;gap:6px;max-height:60vh;overflow:auto}.comment{background:#161922;border:1px solid #232838;border-radius:8px;padding:8px;font-size:14px;display:flex;align-items:center;gap:6px}.cm-del{margin-left:auto;background:transparent;color:#8b93a7;padding:2px 6px;border-radius:6px}.cm-del:hover{background:#3a2030;color:#ff6b6b}.comment .tc{color:#6ea8fe;font-variant-numeric:tabular-nums}.timeline{position:relative;height:16px;margin:8px 0 4px;background:#232838;border-radius:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.tl-fill{position:absolute;left:0;top:0;bottom:0;background:#3b82f6;opacity:.35;border-radius:8px 0 0 8px}.tl-playhead{position:absolute;top:-2px;bottom:-2px;width:2px;background:#fff;transform:translate(-1px)}.tl-marker{position:absolute;top:50%;width:12px;height:12px;margin-left:-6px;transform:translateY(-50%);background:#f5a623;border:2px solid #0f1115;border-radius:50%;cursor:pointer;box-sizing:border-box}.tl-marker:hover{background:#ffd166}.tl-marker.sel{background:#ffd166;width:16px;height:16px;margin-left:-8px;box-shadow:0 0 0 2px #f5a623}.player-bar{margin-top:6px;gap:8px}.player-bar .time{font-variant-numeric:tabular-nums}.player-bar button{background:#232838}.player-bar button:hover{background:#2d3344}.comment.sel{border-color:#f5a623;background:#20242e}.player-bar .vol{width:90px;padding:0;accent-color:#3b82f6}.player-bar button.live-on{background:#c0392b}.player-bar button.live-on:hover{background:#e04434}.player-wrap:fullscreen{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#000}.player-wrap:fullscreen>div{aspect-ratio:auto;width:100%;height:100%}.player-wrap:fullscreen video{width:100%!important;height:100%!important;object-fit:contain}