:root{color-scheme:dark;--bg-0: #060815;--bg-1: #0a1020;--bg-2: rgba(15, 20, 38, .78);--bg-3: rgba(255, 255, 255, .05);--stroke: rgba(255, 255, 255, .08);--stroke-strong: rgba(255, 255, 255, .14);--text: #f7f8fb;--muted: #9aa4bc;--pink: #ff4d86;--pink-2: #ff6b6b;--violet: #8a7dff;--cyan: #54d2ff;--green: #18d39e;--amber: #ffcf5b;--red: #ff6868;--shadow: 0 22px 60px rgba(0, 0, 0, .45);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px}html,body,#root{min-height:100%;margin:0}body{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(138,125,255,.2),transparent 30%),radial-gradient(circle at top right,rgba(84,210,255,.18),transparent 28%),radial-gradient(circle at bottom center,rgba(255,77,134,.14),transparent 32%),linear-gradient(180deg,#060815,#03050c)}button,input,a{font:inherit}.app-shell{position:relative}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 50% -10%,rgba(255,255,255,.08),transparent 30%),linear-gradient(to bottom,rgba(255,255,255,.03),transparent 28%);opacity:.7}.shell{min-height:100vh;padding:env(safe-area-inset-top) 14px env(safe-area-inset-bottom)}.topbar-polish{max-width:1180px;margin:0 auto 8px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:8px 10px}.topbar h1{margin:2px 0 0;font-size:clamp(1.35rem,2.8vw,2rem);letter-spacing:-.03em}.eyebrow{margin:0 0 4px;color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}.home-grid,.emergency-layout{display:grid;gap:14px;padding:0 10px 16px}.hero-card,.route-card,.panel{position:relative;border-radius:var(--radius-xl);border:1px solid var(--stroke);background:linear-gradient(180deg,#ffffff0d,#ffffff06);box-shadow:var(--shadow);overflow:hidden}.hero-card:before,.route-card:before,.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent 30%,transparent 75%,rgba(255,255,255,.05));pointer-events:none}.polish-card,.hero-splash{backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.hero-card,.route-card,.panel{padding:18px}.hero-splash{background:radial-gradient(circle at top right,rgba(255,77,134,.18),transparent 30%),radial-gradient(circle at left center,rgba(84,210,255,.18),transparent 24%),linear-gradient(180deg,#101529eb,#0b0f1ceb)}.hero-copy h2,.route-card h3,.review-header h2{margin:0;font-size:clamp(1.1rem,2.3vw,1.8rem);letter-spacing:-.03em}.hero-copy{display:grid;gap:8px;margin-bottom:18px}.hero-copy p:last-child,.route-card>.muted,.muted,.empty-review p{color:var(--muted);line-height:1.45}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:10px 14px;font-size:.82rem;border:1px solid var(--stroke-strong);background:#ffffff0f;box-shadow:inset 0 1px #ffffff14}.status-pill.ready{background:#18d39e1f;color:#c7fff1;border-color:#18d39e47}.status-pill.offline{background:#ff686824;color:#ffd5d5;border-color:#ff686847}.status-pill.demo{background:#ffcf5b24;color:#fff0bf;border-color:#ffcf5b47}.hero-emergency,button.primary,button.secondary,.pill-toggle,.link-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;transition:transform .14s ease,opacity .14s ease,box-shadow .14s ease,background .14s ease}.hero-emergency,button.primary{min-height:58px;width:100%;border-radius:20px;color:#fff;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,var(--pink),var(--pink-2));box-shadow:0 16px 30px #ff4d8647,inset 0 1px #ffffff38}.hero-emergency:hover,button.primary:hover{transform:translateY(-1px) scale(1.01)}.hero-emergency:active,button.primary:active,button.secondary:active,.pill-toggle:active{transform:translateY(1px) scale(.99)}button.secondary,.link-button,.pill-toggle{min-height:48px;border-radius:16px;color:var(--text);background:#ffffff0d;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff14;text-decoration:none}.glossy-button:hover,button.secondary:hover,.link-button:hover,.pill-toggle:hover{background:#ffffff14}.auth-form,.button-stack,.button-pair,.escrow-box,.codes-grid{display:grid;gap:10px}.auth-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px}.glossy-switch{padding:4px;border-radius:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.pill-toggle.active{background:linear-gradient(135deg,#8a7dff80,#54d2ff61);border-color:#ffffff1f}.text-input{width:100%;min-height:50px;border-radius:16px;border:1px solid rgba(255,255,255,.08);padding:13px 14px;color:var(--text);background:#ffffff0a;outline:none;box-shadow:inset 0 1px #ffffff0d}.text-input::placeholder{color:#7f8aa4}.text-input:focus{border-color:#54d2ff6b;box-shadow:0 0 0 4px #54d2ff1f,inset 0 1px #ffffff14}.prepared-box,.recovery-panel,.privacy-panel,.escrow-box,.glass-panel{display:grid;gap:10px;padding:12px;border-radius:20px;background:#ffffff09;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px #ffffff0d}.prepared-row,.recording-row{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.05)}.prepared-row span,.recording-row span{color:var(--muted)}.prepared-row strong,.recording-row strong{max-width:62%;text-align:right;overflow-wrap:anywhere;letter-spacing:-.02em}.choice-pill{display:grid;place-items:center;min-height:76px;padding:10px;text-align:center;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:var(--text);box-shadow:inset 0 1px #ffffff0d}.choice-pill.selected{background:linear-gradient(135deg,#8a7dff47,#54d2ff2e);border-color:#54d2ff3d}.qr-shell{place-items:center;border-radius:22px;padding:14px;background:radial-gradient(circle at top,rgba(84,210,255,.16),transparent 36%),#ffffff08;border:1px solid rgba(255,255,255,.06)}.codes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.code-chip{border-radius:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.06);padding:10px 12px;text-align:center;font-size:.84rem;overflow-wrap:anywhere}.account-grid{align-items:start}.recordings-list{display:grid;gap:10px}.recording-row{align-items:center}.recording-row div:first-child{min-width:0}.recording-row strong,.recording-meta span:last-child{color:var(--text)}.recording-meta{text-align:right;white-space:nowrap}.preview-frame,.review-frame{position:relative;width:100%;overflow:hidden;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#0b1020,#060913);box-shadow:0 18px 50px #0000007a}.frame-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.62),transparent 40%),linear-gradient(to bottom,rgba(0,0,0,.28),transparent 22%);pointer-events:none}.frame-sheen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.1),transparent 20%,transparent 75%,rgba(255,255,255,.08))}.record-chip,.hud-clock{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#05080f9e;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px #ffffff14}.record-dot{width:10px;height:10px;border-radius:999px;background:#a7b3cb}.record-chip.live .record-dot{background:var(--pink);box-shadow:0 0 0 7px #ff4d8629}.mask-layer .blur-mask{position:absolute;pointer-events:auto;overflow:hidden;touch-action:none;border-radius:16px;border:1px solid rgba(255,255,255,.22);background:#ffffff14;box-shadow:inset 0 1px #ffffff1f}.blur-mask.dragging{border-color:#54d2ff99}.mask-delete{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:999px;border:none;color:#fff;background:#03070dd1}.confidence-card{margin-top:12px;padding:12px 14px;border-radius:18px;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px #ffffff0f}.confidence-card span{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;opacity:.84}.confidence-card strong{display:block;margin-top:4px;font-size:1rem;letter-spacing:-.03em}.confidence-card.safe{background:#18d39e1f;color:#d4fff4;border-color:#18d39e3d}.confidence-card.warn{background:#ffcf5b1f;color:#fff0bd;border-color:#ffcf5b38}.confidence-card.danger{background:#ff68681f;color:#ffd8d8;border-color:#ff686838}.compact-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.mini-stat{padding:12px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 1px #ffffff0a}.mini-stat span{display:block;color:var(--muted);font-size:.74rem}.mini-stat strong{display:block;margin-top:8px;font-size:1rem;letter-spacing:-.03em}.bottom-actions{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:8px;margin-top:12px}.review-panel.embedded{margin-top:12px}.review-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.empty-review{display:grid;place-content:center;text-align:center;height:100%;padding:18px}.error{color:#ffd1d1;margin-top:12px}@media (max-width: 859px){.home-grid.mobile-first{grid-template-columns:1fr}.hero-card,.route-card,.panel{padding:16px;border-radius:24px}.choice-grid{grid-template-columns:1fr}.recording-row{flex-direction:column;align-items:flex-start}.recording-meta{text-align:left;white-space:normal}.bottom-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 860px){.shell{max-width:1180px;margin:0 auto;padding-left:18px;padding-right:18px}.home-grid{grid-template-columns:1.08fr 1fr 1fr;align-items:start}.emergency-layout{grid-template-columns:minmax(360px,520px);justify-content:center}.compact-topbar{max-width:560px;margin:0 auto}}:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#0a0d10;color:#f5f7fa}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:radial-gradient(circle at top,rgba(61,93,123,.22),transparent 35%),#0a0d10}body{min-height:100vh}button,input,select{font:inherit}.shell{min-height:100vh;padding:env(safe-area-inset-top) 10px env(safe-area-inset-bottom)}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:10px 10px 14px}.topbar h1,.review-header h2,.hero-card h2,.route-card h3{margin:4px 0 0;line-height:1.08}.topbar h1{font-size:1.2rem}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;color:#98a8b9}.status-pill{border:1px solid rgba(138,163,184,.25);background:#8aa3b81f;color:#d8e3ee;padding:8px 10px;border-radius:999px;white-space:nowrap;font-size:.8rem}.status-pill.ready{background:#379a6b33;color:#d5ffe8;border-color:#379a6b4d}.status-pill.demo{background:#5f8fdb29;color:#dce8ff}.status-pill.offline{background:#c94a4a2e;color:#ffdede}.home-grid,.emergency-layout{display:grid;gap:12px;padding:0 10px 14px}.hero-card,.route-card,.panel{border:1px solid rgba(133,154,175,.16);background:#0f1318eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:22px;padding:14px;box-shadow:0 24px 60px #00000047}.hero-card,.route-card{display:grid;gap:12px}.hero-card p,.muted,.empty-review p,.stat-card small,.hint,.error,.prepared-row span,.qr-block p{color:#aebdcf}.hero-emergency,button.primary{border-radius:18px;min-height:56px;border:none;color:#f5f7fa;background:linear-gradient(180deg,#d95d5d,#b54747);padding:14px 18px;font-weight:700;font-size:1rem}button.primary.record-button{min-height:52px}.button-stack,.controls,.privacy-actions,.subcontrols,.auth-form{display:grid;gap:10px}.button-pair,.auth-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pill-toggle{border-radius:14px;min-height:42px;border:1px solid rgba(146,173,198,.18);background:#ffffff0a;color:#dce8f4}.pill-toggle.active{background:#5f8fdb2e;border-color:#5f8fdb73}.text-input{width:100%;border-radius:14px;min-height:46px;background:#ffffff0a;border:1px solid rgba(146,173,198,.18);color:#f5f7fa;padding:12px 14px}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.choice-pill{border:1px solid rgba(146,173,198,.18);background:#ffffff0d;border-radius:16px;padding:10px;text-transform:lowercase;display:grid;place-items:center;gap:6px;min-height:64px;text-align:center}.choice-pill.selected{border-color:#5f8fdb73;background:#5f8fdb29}.choice-pill input{display:none}.prepared-box,.recovery-panel,.privacy-panel,.escrow-box{display:grid;gap:10px;border-radius:18px;padding:12px;background:#ffffff09}.prepared-row{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:14px;background:#ffffff08}.prepared-row strong{max-width:60%;overflow-wrap:anywhere;text-align:right;font-size:.9rem}.preview-frame,.review-frame{position:relative;width:100%;border-radius:18px;overflow:hidden;background:#040608}.tall-preview{aspect-ratio:9 / 13}.review-frame{aspect-ratio:9 / 12}.preview-video,.review-video{width:100%;height:100%;object-fit:cover;display:block}.frame-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.55),transparent 36%),linear-gradient(to bottom,rgba(0,0,0,.3),transparent 25%);pointer-events:none}.mask-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.mask-layer .blur-mask{position:absolute;border:1px solid rgba(240,246,252,.85);border-radius:14px;pointer-events:auto;overflow:hidden;touch-action:none;background:#ffffff14}.mask-layer.static .blur-mask{pointer-events:none}.blur-mask.dragging{border-color:#8fd6ff}.mask-delete{position:absolute;top:5px;right:5px;width:24px;height:24px;border:none;border-radius:999px;background:#02060cd9;color:#fff;font-size:1rem}.hud{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:space-between;padding:12px;pointer-events:none}.record-chip,.hud-clock{border-radius:999px;padding:7px 11px;background:#0c1015bd;border:1px solid rgba(255,255,255,.08);font-size:.82rem}.record-chip{display:inline-flex;align-items:center;gap:8px;text-transform:lowercase}.record-chip.live .record-dot{background:#ff5d5d;box-shadow:0 0 0 6px #ff5d5d24}.record-dot{width:10px;height:10px;border-radius:999px;background:#9cb0c7}.hud-clock,.mini-stat strong{font-variant-numeric:tabular-nums}.confidence-card{border-radius:18px;padding:10px 12px;display:grid;gap:3px;margin-top:10px}.confidence-card span{font-size:.74rem;text-transform:uppercase;letter-spacing:.06em}.confidence-card strong{font-size:.95rem}.confidence-card.danger{background:#c94a4a2e;color:#ffdede}.confidence-card.warn{background:#d2a5472e;color:#ffe8b1}.confidence-card.safe{background:#379a6b33;color:#d5ffe8}.compact-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.mini-stat{border-radius:14px;padding:10px;background:#ffffff0a;min-height:68px}.mini-stat span{display:block;font-size:.74rem;color:#9eb0c2}.mini-stat strong{display:block;margin-top:8px;font-size:1rem}.bottom-actions{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:8px;margin-top:10px}button.secondary{border-radius:16px;min-height:46px;border:1px solid rgba(146,173,198,.18);color:#f5f7fa;background:#ffffff0f;padding:12px 14px}button.secondary.full{width:100%}button.secondary.compact{min-height:42px;padding:10px 12px}.toggle{display:flex;align-items:center;gap:10px}.slider-block{display:grid;gap:7px}.review-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.review-panel.embedded{padding:12px;margin-top:10px}.empty-review{height:100%;display:grid;place-content:center;text-align:center;padding:20px}.qr-block{display:grid;gap:10px;place-items:center;text-align:center}.prep-qr{margin-top:2px}@media (max-width: 859px){.home-grid.mobile-first{grid-template-columns:1fr}.hero-card{order:1}.route-card:nth-of-type(1){order:2}.route-card:nth-of-type(2){order:3}}@media (min-width: 860px){.shell{max-width:1180px;margin:0 auto;padding-left:18px;padding-right:18px}.home-grid{grid-template-columns:1.05fr 1fr 1fr;align-items:start}.emergency-layout{grid-template-columns:minmax(360px,500px);justify-content:center}.compact-topbar{max-width:520px;margin:0 auto}}