:root{--ink:#0e0b09;--card:#1e1a16;--card2:#241f1a;--field:#17130f;--line:#f4ecdd1a;--amber:#e8a33d;--cream:#f4ecdd;--dim:#a99f8f;--ok:#a6c95e;--warn:#e08a6a;--disp:ui-rounded,"SF Pro Rounded","Segoe UI Rounded",-apple-system,system-ui,sans-serif;--body:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{background:radial-gradient(120% 90% at 50% 0%,#221a10,var(--ink) 55%);color:var(--cream);font-family:var(--body);-webkit-font-smoothing:antialiased;min-height:100vh}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.num{font-variant-numeric:tabular-nums}::selection{background:#e8a33d47}.wrap{max-width:440px;min-height:100vh;padding:calc(14px + env(safe-area-inset-top)) 22px calc(30px + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.back{top:calc(8px + env(safe-area-inset-top));z-index:20;-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);height:42px;color:var(--cream);background:#14100cb8;border-radius:13px;flex:none;align-self:flex-start;align-items:center;gap:5px;padding:0 15px 0 9px;text-decoration:none;transition:background .2s;display:inline-flex;position:sticky}.back:active{background:#e8a33d33}.backlbl{font-size:14px;font-weight:600;font-family:var(--disp);letter-spacing:.01em}.mid{flex-direction:column;flex:1;justify-content:center;padding:26px 0;display:flex}.eyebrow{font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--amber);text-align:center;font-size:10px}h1{font-family:var(--disp);text-align:center;margin:8px 0;font-size:clamp(28px,8vw,36px);font-weight:800;line-height:1.05}.sub{color:var(--dim);text-align:center;max-width:300px;margin:0 auto 28px;font-size:14px}.faces{justify-content:center;gap:8px;display:flex}.face{background:var(--card);border:1px solid var(--line);filter:grayscale(.5)opacity(.72);border-radius:17px;place-items:center;width:58px;height:58px;font-size:29px;transition:transform .18s cubic-bezier(.2,.7,.2,1),background .2s,border-color .2s;display:grid}.face.sel{filter:none;border-color:var(--amber);background:#e8a33d24;transform:translateY(-4px)scale(1.08)}.scale-lbl{width:100%;max-width:322px;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#6b6154;justify-content:space-between;margin:10px auto 0;font-size:10px;display:flex}.panel{opacity:0;pointer-events:none;margin-top:26px;transition:opacity .45s,transform .45s;transform:translateY(12px)}.panel.on{opacity:1;pointer-events:auto;transform:none}.card{border:1px solid var(--line);background:linear-gradient(180deg,var(--card2),var(--card));border-radius:20px;padding:20px}.stars{letter-spacing:3px;color:var(--amber);margin-bottom:4px;font-size:21px}.card h3{font-family:var(--disp);margin:0 0 5px;font-size:19px;font-weight:800}.card p{color:var(--dim);margin:0 0 14px;font-size:13.5px;line-height:1.55}.inwrap{position:relative}textarea{resize:vertical;background:var(--field);border:1px solid var(--line);width:100%;min-height:84px;color:var(--cream);font-family:var(--body);border-radius:13px;outline:none;padding:12px 46px 12px 14px;font-size:16px}textarea:focus{border-color:var(--amber)}textarea::placeholder{color:#6b6154}.mic{width:36px;height:36px;color:var(--amber);background:#e8a33d24;border:1px solid #e8a33d66;border-radius:11px;place-items:center;display:grid;position:absolute;top:8px;right:8px}.mic.rec{background:var(--warn);color:#2a0d05;border-color:#0000;animation:1.1s infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 9px #e08a6a26}}.michint{font-family:var(--mono);letter-spacing:.1em;color:#6b6154;text-transform:uppercase;margin-top:6px;font-size:9.5px}.photos{align-items:center;gap:10px;margin-top:12px;display:flex}.ph{border:1px solid var(--line);border-radius:12px;width:64px;height:64px;position:relative;overflow:hidden}.ph img{object-fit:cover;width:100%;height:100%}.ph .x{color:#fff;background:#0a0705bf;border-radius:7px;place-items:center;width:20px;height:20px;font-size:11px;display:grid;position:absolute;top:2px;right:2px}.addph{width:64px;height:64px;color:var(--amber);text-align:center;border:1px dashed #e8a33d80;border-radius:12px;place-items:center;font-size:11px;line-height:1.25;display:grid}.cta{width:100%;font-family:var(--disp);border-radius:14px;justify-content:center;align-items:center;gap:9px;margin-top:14px;padding:15px;font-size:15.5px;font-weight:800;display:flex}.cta.amber{color:#241403;background:linear-gradient(#efac47,#d98e2c)}.cta.google{color:#1a1a1a;background:#fff;text-decoration:none}.cta:active{transform:scale(.98)}.cta[disabled]{opacity:.6}.seclink{text-align:center;color:var(--dim);text-underline-offset:3px;margin-top:14px;font-size:12.5px;text-decoration:underline;display:block}.alertsim{color:#cfe3a4;background:#a6c95e1a;border:1px solid #a6c95e4d;border-radius:12px;align-items:center;gap:9px;margin-top:14px;padding:11px 13px;font-size:12.5px;display:flex}.demo-note{text-align:center;font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#6b6154;padding-top:18px;font-size:9px}.thanks{text-align:center;padding:40px 10px}.thanks .big{font-size:56px}.thanks h2{font-family:var(--disp);margin:12px 0 6px;font-size:26px;font-weight:800}.thanks p{color:var(--dim);max-width:280px;margin:0 auto;font-size:14px}.qs{margin-top:16px}.qlbl{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--amber);margin-bottom:8px;font-size:10px;font-weight:700}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{color:var(--cream);border:1px solid var(--line);background:#ffffff0a;border-radius:100px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,transform .1s}.chip.on{border-color:var(--amber);color:var(--amber);background:#e8a33d29;transform:scale(1.03)}.qrow{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:7px 0;display:flex}.qrow:last-child{border-bottom:none}.qlbl2{color:var(--cream);flex:1;font-size:13.5px;font-weight:600}.dots{gap:5px;display:inline-flex}.dot{width:30px;height:30px;color:var(--dim);border:1px solid var(--line);background:#ffffff0a;border-radius:9px;place-items:center;font-size:12px;font-weight:700;transition:background .12s,color .12s,border-color .12s;display:grid}.dot.on{border-color:var(--amber);color:var(--amber);background:#e8a33d2e}