*{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;color:#e6eef8;background:#101527}.topbar{position:sticky;top:0;background:#0b1220;border-bottom:1px solid rgba(255,255,255,.04);padding:8px 16px;z-index:10}.topbar nav{display:flex;gap:12px}.topbar a{text-decoration:none;color:#bccad9;padding:6px 10px;border-radius:6px}.topbar a.active{background:#172033;color:#fff}.container{max-width:1000px;margin:0 auto;padding:16px}.controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.card{background:#ffffff08;border:1px solid rgba(255,255,255,.04);border-radius:10px;padding:12px;box-shadow:0 4px 10px #02061799}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.badge{display:inline-flex;gap:6px;align-items:center;padding:4px 10px;border-radius:999px;background:#ffffff08;color:#cfe3ff;font-size:12px}.select,.input,.button{padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.06);background:#ffffff05;color:#e6eef8}.button.primary{background:#1f2a44;color:#fff;border-color:transparent}.button.accent{background:#2563eb;color:#fff;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33 inset}.row{display:flex;gap:10px;align-items:center}hr{border:none;border-top:1px solid rgba(255,255,255,.06);margin:12px 0}.small{color:#99a6b8;font-size:12px}.player{aspect-ratio:16/9;width:100%;background:#000;border-radius:8px;overflow:hidden;position:relative}.player:fullscreen{width:100%;height:100%;padding:22px}.player iframe{width:100%;height:100%;display:block}.embed{aspect-ratio:16/9;width:100%;background:#000;border-radius:8px;overflow:hidden}.embed iframe{width:100%;height:100%;display:block;border:0}.tag{background:#ffffff08;color:#cfe3ff;border-radius:999px;padding:2px 8px;font-size:12px}.timeline{position:absolute;left:0;right:0;bottom:0;height:48px;display:flex;align-items:flex-end;padding:8px 10px;cursor:pointer;z-index:2}.timeline-track{position:relative;width:100%;height:12px;background:#ffffff52;border-radius:999px;overflow:hidden}.timeline-segment{position:absolute;top:0;bottom:0;background:#3b82f6;opacity:.8}.timeline-segment.active{background:#60a5fa;opacity:1;box-shadow:0 0 8px #60a5fa33}.timeline-head{position:absolute;top:-4px;width:4px;height:24px;background:#fff;box-shadow:0 0 6px #fff6}.player-shield{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:transparent;pointer-events:auto}.player.no-pointer iframe{pointer-events:none!important}.fs-controls{z-index:3}