*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{font-family:system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5;background:#080810;color:#f0f0f0;--accent-a: #7c3aed;--accent-b: #db2777;--accent-grad: linear-gradient(135deg, var(--accent-a), var(--accent-b));--surface: #111120;--surface-2: #1a1a2e;--border: #2a2a3e}body{min-height:100dvh;display:flex;justify-content:center;background:radial-gradient(ellipse at top,#12102a,#080810 60%)}#root{width:100%;max-width:480px;padding:1rem}.page{padding:.5rem 0 4rem}.page-header{margin-bottom:2.5rem;text-align:center;padding-top:1rem}.page-header h1{font-size:2.4rem;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,#c4b5fd,#f9a8d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h1,h2,h3{line-height:1.2;margin-bottom:.5rem}h2{font-size:1.4rem}h3{font-size:1.05rem;font-weight:600;color:#c4b5fd}.subtitle{color:#888;margin-top:.4rem;font-size:.95rem;letter-spacing:.3px}.muted{color:#666;font-size:.9rem}.error{color:#f87171;font-size:.9rem;margin-top:.5rem}.success{color:#86efac;font-size:.9rem;margin-top:.5rem}.section{margin-top:1.75rem}label{display:block;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:#888;margin-bottom:.35rem}input[type=tel],input[type=text],input[type=email]{display:block;width:100%;padding:.85rem 1rem;margin-bottom:1.25rem;font-size:1.1rem;border:1.5px solid var(--border);border-radius:12px;background:var(--surface);color:inherit;outline:none;transition:border-color .15s,box-shadow .15s}input:focus{border-color:var(--accent-a);box-shadow:0 0 0 3px #7c3aed33}button{padding:.8rem 1.5rem;background:var(--accent-grad);color:#fff;border:none;border-radius:12px;font-size:1rem;font-family:inherit;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s,box-shadow .15s;box-shadow:0 4px 15px #7c3aed4d}button:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 20px #7c3aed66}button:active{transform:translateY(0)}button:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background:var(--accent-grad)}.btn-secondary{background:var(--surface-2);color:#ccc;border:1.5px solid var(--border);box-shadow:none}.btn-secondary:hover{box-shadow:none;border-color:#444}.btn-record{background:linear-gradient(135deg,#dc2626,#ea580c);box-shadow:0 4px 15px #dc26264d}.btn-full{display:block;width:100%;margin-top:.75rem;text-align:center}.btn-sm{padding:.4rem .9rem;font-size:.82rem}.btn-link{background:none;color:#a78bfa;padding:.5rem 0;font-size:.9rem;box-shadow:none;font-weight:500}.btn-link:hover{opacity:.75;transform:none;box-shadow:none}.btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #dc26264d}.btn-danger:hover{box-shadow:0 6px 16px #dc262666}.cancel-scene{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem}.cancel-scene-prompt{font-size:.85rem;color:#888}.auth-tabs{display:flex;gap:.5rem;margin-bottom:1.75rem;background:var(--surface);border:1.5px solid var(--border);border-radius:14px;padding:.3rem}.auth-tab{flex:1;background:none;color:#888;border:none;border-radius:10px;padding:.6rem 1rem;font-size:.95rem;font-weight:600;box-shadow:none;transition:background .15s,color .15s}.auth-tab:hover{opacity:1;transform:none;box-shadow:none;color:#ddd;background:var(--surface-2)}.auth-tab--active{background:var(--accent-grad);color:#fff;box-shadow:0 2px 8px #7c3aed59}.auth-tab--active:hover{background:var(--accent-grad);color:#fff;opacity:.9}.back-link{display:inline-block;color:#a78bfa;text-decoration:none;font-size:.85rem;font-weight:500;margin-bottom:1.25rem;letter-spacing:.2px}a{color:#a78bfa;text-decoration:none}a:hover{text-decoration:underline}.dash-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.75rem}.dash-header h1{font-size:1.6rem;font-weight:800;background:linear-gradient(135deg,#c4b5fd,#f9a8d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.scene-list{list-style:none;margin-top:1.5rem;display:flex;flex-direction:column;gap:.6rem}.scene-list li{border-bottom:none}.scene-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.2rem;color:inherit;text-decoration:none;background:var(--surface);border:1.5px solid var(--border);border-radius:14px;transition:border-color .15s,transform .1s,background .15s}.scene-item:hover{border-color:var(--accent-a);background:var(--surface-2);transform:translateY(-1px);opacity:1;text-decoration:none}.scene-item-main{display:flex;flex-direction:column;gap:.2rem}.scene-state{font-size:.9rem;font-weight:500}.scene-partner{font-size:.78rem;color:#a78bfa;font-weight:500}.scene-date{font-size:.78rem;color:#555}.scene-status{background:linear-gradient(135deg,#7c3aed1f,#db27771f);border-left:3px solid var(--accent-a);padding:.85rem 1.1rem;border-radius:0 12px 12px 0;margin-bottom:1.5rem;font-size:.95rem;font-weight:500;color:#e2d9f3}.recorder{margin:1rem 0}.recorder-video{width:100%;border-radius:14px;background:#0d0d18;aspect-ratio:9 / 16;object-fit:cover;border:1.5px solid var(--border)}.recorder-controls{display:flex;gap:.75rem;align-items:center;margin-top:.75rem}.recording-indicator{color:#f87171;font-size:.9rem;font-weight:700;letter-spacing:.5px}.player{margin:1rem 0}.player-label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#666;margin-bottom:.4rem}.player-video{width:100%;border-radius:14px;background:#0d0d18;border:1.5px solid var(--border)}.watch-video{width:100%;border-radius:14px;background:#0d0d18;border:1.5px solid var(--border);margin:1rem 0}.upload-progress{margin-top:1rem}.upload-progress-track{width:100%;height:10px;background:var(--surface-2);border-radius:999px;overflow:hidden;border:1px solid var(--border)}.upload-progress-fill{height:100%;background:var(--accent-grad);border-radius:999px;transition:width .2s ease;box-shadow:0 0 8px #7c3aed80}.upload-progress-labels{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.upload-progress-quip{font-size:.85rem;color:#a78bfa;font-style:italic}.upload-progress-pct{font-size:.85rem;font-weight:700;color:#c4b5fd}.admin-stat-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}.admin-stat-card{background:var(--surface);border:1.5px solid var(--border);border-radius:14px;padding:1.1rem 1.2rem;display:flex;flex-direction:column;gap:.25rem;text-align:left}.admin-stat-card--clickable{cursor:pointer;transition:border-color .15s,box-shadow .15s}.admin-stat-card--clickable:hover{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed26}.admin-stat-value{font-size:2rem;font-weight:800;background:var(--accent-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.admin-stat-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#666}.admin-completion{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;background:var(--surface);border:1.5px solid var(--border);border-radius:14px;padding:1rem 1.2rem}.admin-completion-label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#666;white-space:nowrap}.admin-completion-bar-wrap{flex:1}.admin-completion-pct{font-size:.9rem;font-weight:700;color:#c4b5fd;white-space:nowrap}.admin-state-bars{display:flex;flex-direction:column;gap:.6rem}.admin-state-row{display:flex;align-items:center;gap:.75rem}.admin-state-name{font-size:.8rem;color:#888;width:140px;flex-shrink:0}.admin-state-bar-track{flex:1;height:8px;background:var(--surface-2);border-radius:999px;overflow:hidden;border:1px solid var(--border)}.admin-state-bar-fill{height:100%;background:#7c3aed80;border-radius:999px;transition:width .4s ease}.admin-state-bar-fill--complete{background:var(--accent-grad);box-shadow:0 0 6px #7c3aed66}.admin-state-count{font-size:.82rem;font-weight:700;color:#c4b5fd;width:28px;text-align:right;flex-shrink:0}.admin-users-table{background:var(--surface);border:1.5px solid var(--border);border-radius:12px;overflow:hidden}.admin-users-header,.admin-users-row{display:grid;grid-template-columns:1fr 1.6fr 52px 52px;gap:.5rem;padding:.6rem 1rem;align-items:center}.admin-users-header{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:1px solid var(--border)}.admin-users-row{font-size:.85rem;border-bottom:1px solid var(--border)}.admin-users-row:last-child{border-bottom:none}.admin-users-username{font-weight:600;color:#c4b5fd;display:flex;align-items:center;gap:.35rem}.admin-users-email{color:var(--muted);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-users-count{font-weight:700;text-align:center}.admin-badge{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:linear-gradient(135deg,#7c3aed,#a78bfa);color:#fff;border-radius:5px;padding:.1em .4em}