:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft JhengHei",sans-serif;color:#e8edf4;background:#10151d;font-size:16px}*{box-sizing:border-box}body{margin:0;min-height:100vh}.top{padding:26px max(22px,calc((100vw - 1100px)/2));display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #27303c}.top small{color:#93a5bd;letter-spacing:.1em}.top h1{font-size:2rem;margin:4px 0}.top h1 span{font-size:1rem;font-weight:400;color:#93a5bd}main{max-width:1100px;margin:32px auto;padding:0 22px;min-height:65vh}h2,h3{margin:0}.sub{color:#9fb0c6}.panel{border:1px solid #2c3949;background:#1c2530;border-radius:18px;padding:24px}.login{max-width:420px;margin:60px auto}.login form{display:flex;flex-direction:column;gap:12px}.login label{font-size:.9rem;color:#c7d5e7}.login input{font:inherit;color:#fff;background:#10151d;border:1px solid #60718a;border-radius:9px;padding:12px}.toolbar,.player-head,.player-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.player-actions{justify-content:flex-end;margin:16px 0 0}button{background:#3a85f7;border:1px solid transparent;color:white;font:inherit;border-radius:10px;padding:11px 16px;cursor:pointer}button:hover{filter:brightness(1.1)}button:disabled{opacity:.45;cursor:not-allowed}.quiet{background:#253446;border:1px solid #44566c}.danger{background:#5b2636;border:1px solid #b75c71}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:16px}.tile{padding:22px;border:1px solid #2b3b4f;border-radius:14px;background:#1b2531}.tile .tag{font-size:.78rem;color:#87a6d0;letter-spacing:.1em}.tile h3{font-size:1.8rem;margin:8px 0 4px}.tile .sub{margin:0 0 22px;font-size:.85rem}.tile .actions{display:flex;gap:8px}.tile button{flex:1}.hidden{display:none!important}.error{color:#ff9d9d;min-height:1.2em}video{width:100%;max-height:70vh;background:#000;border-radius:9px}footer{color:#75869d;text-align:center;padding:20px}@media(max-width:600px){.top{padding:20px}.toolbar{align-items:flex-start}.panel{padding:18px}.tile{padding:16px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile .actions{flex-direction:column}.tile h3{font-size:1.5rem}}

.player-controls{display:flex;gap:8px}
video:fullscreen{width:100vw;height:100vh;max-height:none;object-fit:contain;border-radius:0}

@media(max-width:600px){.player-head{align-items:flex-start;flex-wrap:wrap}.player-controls{flex-shrink:0}.player-controls button{white-space:nowrap}}