:root{color-scheme:light;--bg:#f5f3ef;--panel:#ffffff;--ink:#151716;--muted:#666f6b;--line:#d9ddd8;--blue:#2557d6;--blue-dark:#173d9f;--red:#b82929;--green:#2d7c51;--amber:#b7791f;--shadow:0 24px 70px rgba(34,38,36,0.13)}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}button,input{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.62}.auth-shell,.recorder-shell,.viewer-shell{min-height:100vh;padding:28px}.recorder-topbar,.viewer-header{align-items:center;display:flex;justify-content:space-between;margin:0 auto 22px;max-width:1180px}.topbar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.user-pill{align-items:center;background:#ffffff;border:1px solid var(--line);border-radius:999px;color:var(--ink);display:inline-flex;font-size:13px;font-weight:800;gap:7px;min-height:36px;max-width:260px;padding:0 12px}.user-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eyebrow{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:0;margin:0 0 6px;text-transform:uppercase}h1{font-size:clamp(28px,3.8vw,54px);line-height:.95;margin:0}.status-pill{align-items:center;background:#eef2ef;border:1px solid var(--line);border-radius:999px;color:var(--muted);display:inline-flex;font-size:14px;font-weight:700;gap:8px;min-height:36px;padding:0 13px;text-transform:capitalize}.status-pill[data-state=capturing]{background:#fff1f1;border-color:#efb4b4;color:var(--red)}.status-pill[data-state=checking]{background:#fff8e6;border-color:#ead19a;color:var(--amber)}.status-pill[data-state=uploading]{background:#eef4ff;border-color:#b8c8f0;color:var(--blue)}.recorder-workspace,.viewer-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(0,1fr) 340px;margin:0 auto;max-width:1180px}.preview-surface,.video-stage{align-items:center;aspect-ratio:16/10;background:linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 0),linear-gradient(0deg,rgba(255,255,255,.08) 1px,transparent 0),#202623;background-size:34px 34px;border:1px solid #1f2421;border-radius:8px;box-shadow:var(--shadow);color:#f7f4ee;display:flex;flex-direction:column;gap:18px;justify-content:center;min-height:360px;overflow:hidden;position:relative}.recording-preview{background:#000000;display:none;height:100%;inset:0;object-fit:contain;position:absolute;width:100%}.recording-preview.is-visible{display:block}.permission-grid{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:min(520px,88%)}.permission-grid span{align-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#f7f4ee;display:inline-flex;font-size:13px;font-weight:800;gap:7px;min-height:34px;padding:0 12px}.timer{background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.18);border-radius:999px;bottom:20px;font-size:22px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:800;left:50%;min-width:92px;padding:9px 14px;position:absolute;text-align:center;transform:translateX(-50%)}.control-panel,.details-panel{align-self:start;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 40px rgba(34,38,36,.08);padding:18px}.field{display:grid;grid-gap:8px;gap:8px;margin-bottom:14px}.field span,.toggle-row span{color:var(--muted);font-size:13px;font-weight:700}.field input{border:1px solid var(--line);border-radius:7px;color:var(--ink);min-height:42px;outline:none;padding:0 12px;width:100%}.field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(37,87,214,.14)}.toggle-row{align-items:center;background:#f7f8f6;border:1px solid var(--line);border-radius:8px;color:var(--ink);display:grid;grid-gap:10px;gap:10px;grid-template-columns:22px 1fr auto;min-height:46px;padding:0 12px;width:100%}.toggle-row strong{color:var(--green);font-size:13px}.toggle-row[aria-pressed=false] strong{color:var(--muted)}.permission-list{display:grid;grid-gap:9px;gap:9px}.permission-list div{align-items:center;background:#f7f8f6;border:1px solid var(--line);border-radius:8px;color:var(--ink);display:grid;grid-gap:10px;gap:10px;grid-template-columns:22px 1fr auto;min-height:44px;padding:0 12px}.permission-list span{color:var(--muted);font-size:13px;font-weight:700}.permission-list strong{color:var(--amber);font-size:13px}.permission-step{color:var(--muted);font-size:13px;font-weight:700;line-height:1.35;margin:12px 0 0}.danger-button,.google-button,.icon-link,.primary-button,.secondary-button{align-items:center;border-radius:7px;display:inline-flex;font-weight:800;gap:9px;justify-content:center;min-height:44px;padding:0 14px;text-decoration:none}.danger-button,.primary-button{border:0;color:#ffffff;margin-top:14px;width:100%}.primary-button{background:var(--blue)}.primary-button:hover:not(:disabled){background:var(--blue-dark)}.danger-button{background:var(--red)}.google-button,.icon-link,.secondary-button{background:#ffffff;border:1px solid var(--line);color:var(--ink)}.secondary-button.compact{min-height:36px;padding:0 12px}.google-button{margin-top:10px;width:100%}.progress-track{background:#e9ece8;border-radius:999px;height:10px;margin-top:16px;overflow:hidden;width:100%}.progress-track div{background:var(--blue);height:100%;transition:width .18s ease}.error-text{color:var(--red);font-size:13px;font-weight:700;line-height:1.35;margin:14px 0 0}.loading-state{color:var(--muted);font-weight:800;gap:10px;min-height:calc(100vh - 56px)}.auth-shell,.loading-state{align-items:center;display:flex;justify-content:center}.auth-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:grid;grid-gap:14px;gap:14px;max-width:430px;padding:22px;width:min(430px,100%)}.auth-panel h1{font-size:38px}.auth-switch{background:#f0f2ef;border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:1fr 1fr;padding:3px}.auth-switch button{background:transparent;border:0;border-radius:6px;color:var(--muted);font-weight:800;min-height:36px}.auth-switch button[aria-selected=true]{background:#ffffff;color:var(--ink);box-shadow:0 4px 14px rgba(34,38,36,.08)}.video-stage{background:#111514}.video-stage video{background:#000000;display:block;height:100%;object-fit:contain;width:100%}.processing-state{align-items:center;color:#f7f4ee;display:flex;flex-direction:column;font-weight:800;gap:12px}.details-panel h1{font-size:28px;line-height:1.05;margin-bottom:24px}.details-panel dl{display:grid;grid-gap:15px;gap:15px;margin:0}.details-panel div{border-top:1px solid var(--line);display:grid;grid-gap:5px;gap:5px;padding-top:14px}.details-panel dt{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.details-panel dd{margin:0}@media (max-width:860px){.recorder-shell,.viewer-shell{padding:18px}.recorder-topbar,.viewer-header{align-items:flex-start;gap:12px}.recorder-workspace,.viewer-grid{grid-template-columns:1fr}.preview-surface,.video-stage{min-height:auto}}