body{margin:0;font-family:Arial,sans-serif;background:linear-gradient(180deg,#0f172a,#111827);color:#e5e7eb}*{box-sizing:border-box}#root{min-height:100vh}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,rgba(37,99,235,.28),transparent 34%),radial-gradient(circle at bottom right,rgba(14,165,233,.18),transparent 30%),linear-gradient(180deg,#020617,#0f172a)}.auth-card{width:100%;max-width:430px;padding:32px;border-radius:22px;background:#0f172aeb;border:1px solid rgba(148,163,184,.22);box-shadow:0 24px 80px #00000073}.auth-badge{display:inline-flex;margin-bottom:18px;padding:6px 10px;border-radius:999px;background:#2563eb29;border:1px solid rgba(96,165,250,.35);color:#bfdbfe;font-size:.8rem;font-weight:700}.auth-title{margin:0;color:#f8fafc;font-size:2rem;line-height:1.15}.auth-subtitle{margin:10px 0 24px;color:#94a3b8;line-height:1.5}.auth-form{display:grid;gap:12px}.auth-input{width:100%;padding:13px 14px;border-radius:12px;border:1px solid #334155;background:#020617;color:#e5e7eb;font-size:1rem}.auth-input::placeholder{color:#64748b}.auth-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f640}.auth-main-button{margin-top:6px}.auth-message{color:#cbd5e1;font-size:.9rem;line-height:1.4}.auth-message.inline{margin-left:4px}.user-bar{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;padding:12px 24px;border-bottom:1px solid #1e293b;background:#0f172ae0}.user-email{color:#cbd5e1;font-size:.95rem}.btn-small{padding:.45rem .75rem;border-radius:8px;font-size:.9rem}.muted-text{color:#94a3b8}.app-page{min-height:100vh;padding:24px}.app-title{font-size:2rem;font-weight:700;margin:0 0 .25rem;color:#f8fafc}.app-subtitle{color:#94a3b8;margin:0 0 1rem}.card{background:#1e293beb;border:1px solid #334155;border-radius:16px;padding:1rem;box-shadow:0 10px 30px #00000040}.consent-box{padding:1rem;border:1px solid #475569;border-radius:14px;margin-bottom:1rem;background:#1e293b}.consent-text{margin:.5rem 0;font-size:.95rem;color:#cbd5e1;line-height:1.5}.consent-label{display:flex;gap:.5rem;align-items:center}.button-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.75rem}.btn{background:#2563eb;color:#fff;border:none;border-radius:10px;padding:.75rem 1rem;cursor:pointer;font-weight:600;transition:.2s ease}.btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#334155;color:#e5e7eb;border:1px solid #475569}.btn-danger{background:#b91c1c}.saving-text{margin-top:.75rem;color:#93c5fd;font-weight:500}.stats-grid{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.stat-box{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:.85rem 1rem;min-width:180px;line-height:1.6}.archive-topbar{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.archive-layout{display:grid;grid-template-columns:350px 1fr;gap:1rem;align-items:start}.archive-left{max-height:70vh;overflow-y:auto}.archive-right{min-height:400px}.section-title{margin-top:0;margin-bottom:.75rem;color:#f8fafc}.session-list{display:grid;gap:.75rem}.session-card{border:1px solid #374151;border-radius:12px;padding:.9rem;cursor:pointer;background:#1f2937;color:#fff;transition:.2s ease}.session-card:hover{transform:translateY(-1px);border-color:#60a5fa}.session-card.selected{border:2px solid #3b82f6;background:#1d4ed8}.detail-row{margin-bottom:.6rem}.error-text{color:#f87171;font-weight:600}.video-wrap{position:relative;width:100%;max-width:900px;margin-top:16px}.video-player{display:block;width:100%;height:auto;border-radius:12px}.video-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;border-radius:12px}.archive-video-wrap{width:100%;max-width:800px;margin-top:16px}.archive-video-stage{position:relative;width:fit-content;max-width:100%;max-height:65vh;overflow:hidden;border-radius:12px;background:#020617;line-height:0}.archive-video,.archive video{display:block;width:auto;height:auto;max-width:100%;max-height:65vh;object-fit:contain;border-radius:12px;background:#020617;pointer-events:none;-webkit-touch-callout:none}.archive-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;border-radius:12px}.archive-player-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:.75rem;padding:.75rem;border:1px solid #334155;border-radius:12px;background:#111827}.archive-play-button{min-width:90px}.archive-progress{flex:1;min-width:160px}.archive-time{color:#cbd5e1;font-variant-numeric:tabular-nums;white-space:nowrap}@media(max-width:900px){.archive-layout{grid-template-columns:1fr}.video-wrap,.archive-video-wrap{max-width:100%}}.archive-filters{display:flex;flex-direction:column;gap:.6rem;margin:.75rem 0 1rem}.archive-filter-input{width:100%;box-sizing:border-box;padding:.65rem .8rem;border-radius:10px;border:1px solid #334155;background:#111827;color:#fff;font-size:.95rem}.archive-filter-input::placeholder{color:#94a3b8}.archive-filter-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.archive-clear-btn{width:100%}.archive-filter-actions{display:flex;gap:.6rem}.archive-filter-actions .btn{flex:1}