*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}html{-webkit-tap-highlight-color:transparent}body{overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#0a0a0c;font-family:system-ui,-apple-system,Segoe UI,sans-serif;position:fixed;inset:0}input,textarea{-webkit-user-select:text;user-select:text}.app{--fg:#2a2620;--fg-dim:#2a262099;--chrome-bg:#fffcf4c7;--chrome-border:#2a26201f;--pill-bg:#2a26200f;--pill-on:#2a2620eb;--pill-on-fg:#f6f2e8;--accent:#c4283d;color:var(--fg);position:fixed;inset:0}.app.theme-dark{--fg:#e8eaf0;--fg-dim:#e8eaf08c;--chrome-bg:#0c0e14b8;--chrome-border:#e8eaf024;--pill-bg:#e8eaf014;--pill-on:#e8eaf0eb;--pill-on-fg:#0c0e14;--accent:#00f0ff}.app.mode-cyberpunk{--accent:#ff2bd6}.app.mode-oscilloscope{--accent:#41ff6e}.paint-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.scanlines{pointer-events:none;mix-blend-mode:multiply;background:repeating-linear-gradient(#00000038 0 1.5px,#0000 1.5px 4px);position:absolute;inset:0}.crt-vignette{pointer-events:none;background:radial-gradient(#0000 55%,#000a008c 100%);position:absolute;inset:0}.landing{text-align:center;color:#2a2620;background:radial-gradient(at 30% 20%,#ffd34d1f,#0000 50%),radial-gradient(at 70% 80%,#00f0ff1a,#0000 50%),#f6f2e8;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:absolute;inset:0}.landing h1{letter-spacing:-.03em;background:linear-gradient(100deg,#2b3a8f,#8f2b8f 35%,#e85a3a 70%,#d9a13b);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.6rem,7vw,4.5rem);font-weight:800}.landing .tagline{opacity:.85;font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:600}.landing .sub{opacity:.65;max-width:480px;font-size:.95rem;line-height:1.55}.start-btn{color:#f6f2e8;cursor:pointer;background:#2a2620;border:none;border-radius:999px;margin-top:10px;padding:14px 34px;font-size:1.1rem;font-weight:650;transition:transform .15s,box-shadow .15s}.start-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #2a262059}.mic-error{color:#c4283d;max-width:420px;font-size:.9rem}.privacy-note{opacity:.45;font-size:.78rem}.idle-hint{pointer-events:none;color:var(--fg-dim);font-size:clamp(1.2rem,3vw,1.8rem);font-weight:600;animation:2.4s ease-in-out infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse{0%,to{opacity:.25}50%{opacity:.75}}@media (prefers-reduced-motion:reduce){.idle-hint{opacity:.55;animation:none}.start-btn{transition:none}}.top-right{top:calc(14px + env(safe-area-inset-top,0px));right:calc(14px + env(safe-area-inset-right,0px));position:absolute}.bottom-bar{left:calc(10px + env(safe-area-inset-left,0px));right:calc(10px + env(safe-area-inset-right,0px));bottom:calc(10px + env(safe-area-inset-bottom,0px));background:var(--chrome-bg);border:1px solid var(--chrome-border);-webkit-backdrop-filter:blur(14px);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex;position:absolute}.bar-cluster{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wave-preview{width:120px;height:36px;color:var(--fg);opacity:.8}.note-label{font-variant-numeric:tabular-nums;min-width:90px;color:var(--fg);font-size:.82rem;font-weight:650}.lbl-short{display:none}.mode-selector{background:var(--pill-bg);border-radius:999px;gap:2px;padding:3px;display:flex}.mode-btn{color:var(--fg);cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:999px;align-items:center;gap:5px;padding:6px 10px;font-size:.78rem;font-weight:600;display:flex}.mode-btn:hover{opacity:1}.mode-btn.on{background:var(--pill-on);color:var(--pill-on-fg);opacity:1}.mode-icon{font-size:.9rem}.pill-btn{border:1px solid var(--chrome-border);background:var(--pill-bg);color:var(--fg);cursor:pointer;white-space:nowrap;border-radius:999px;padding:7px 13px;font-size:.8rem;font-weight:600}.pill-btn:hover{border-color:var(--fg-dim)}.pill-btn.on{background:var(--pill-on);color:var(--pill-on-fg)}.pill-btn.primary{background:var(--pill-on);color:var(--pill-on-fg);border-color:#0000}.pill-btn.icon-only{padding:7px 10px}.pill-btn.full{width:100%}.pill-btn:disabled{opacity:.4;cursor:not-allowed}.record-btn .rec-dot{vertical-align:1px;background:#d33;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.record-btn.rec{color:#fff;background:#d33;border-color:#0000}.record-btn.rec .rec-dot{background:#fff;animation:1.1s step-end infinite blink}@keyframes blink{50%{opacity:.2}}@media (prefers-reduced-motion:reduce){.record-btn.rec .rec-dot{animation:none}}.sens-wrap{align-items:center;gap:5px;font-size:.85rem;display:flex}.sens-wrap input[type=range]{width:86px;accent-color:var(--accent)}.overlay{z-index:20;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.sheet{background:var(--chrome-bg);color:var(--fg);border:1px solid var(--chrome-border);-webkit-backdrop-filter:blur(24px);border-radius:20px;width:min(440px,100%);max-height:86vh;padding:20px;overflow-y:auto}.sheet.wide{width:min(880px,100%)}.sheet-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.sheet-head h2{font-size:1.15rem}.x-btn{background:var(--pill-bg);color:var(--fg);cursor:pointer;border:none;border-radius:50%;width:30px;height:30px;font-size:.85rem}.x-btn.small{width:24px;height:24px;font-size:.7rem}.share-actions{flex-direction:column;gap:8px;display:flex}.share-action{text-align:left;border:1px solid var(--chrome-border);background:var(--pill-bg);width:100%;color:var(--fg);cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;font-size:.95rem;font-weight:600;display:flex}.share-action:hover{border-color:var(--fg-dim)}.share-action small{opacity:.55;font-size:.76rem;font-weight:400;display:block}.share-ico{font-size:1.25rem}.email-capture{border-top:1px solid var(--chrome-border);flex-direction:column;gap:10px;margin-top:16px;padding-top:14px;display:flex}.email-head{justify-content:space-between;align-items:center;display:flex}.email-head h3{font-size:.95rem}.email-capture input[type=email]{border:1px solid var(--chrome-border);background:var(--pill-bg);width:100%;color:var(--fg);border-radius:10px;padding:10px 12px;font-size:16px}.consent{opacity:.85;cursor:pointer;align-items:flex-start;gap:8px;font-size:.76rem;line-height:1.45;display:flex}.consent input{accent-color:var(--accent);margin-top:2px}.consent a{color:inherit;text-decoration:underline}.email-ok{font-size:.9rem}.gallery-empty{opacity:.6;padding:18px 4px;font-size:.92rem}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.gallery-item img{aspect-ratio:16/10;object-fit:cover;cursor:pointer;border:1px solid var(--chrome-border);border-radius:10px;width:100%}.gallery-item figcaption{opacity:.8;justify-content:space-between;align-items:center;gap:6px;margin-top:4px;font-size:.7rem;display:flex}.gallery-actions button{color:var(--fg);cursor:pointer;background:0 0;border:none;padding:2px 3px;font-size:.85rem}.rec-preview{background:#000;border-radius:12px;width:100%}.rec-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.toast{background:var(--pill-on);color:var(--pill-on-fg);z-index:30;pointer-events:none;border-radius:999px;padding:9px 18px;font-size:.84rem;font-weight:600;position:absolute;bottom:86px;left:50%;transform:translate(-50%)}@media (pointer:coarse){.pill-btn{min-height:42px;padding:8px 15px;font-size:.85rem}.mode-btn{min-height:36px;padding:8px 12px}.x-btn{width:38px;height:38px}.x-btn.small{width:32px;height:32px}.share-action{padding:15px 16px}.gallery-actions button{padding:8px 9px;font-size:1.05rem}.sens-wrap input[type=range]{height:32px}.consent input{width:18px;height:18px}}@media (width<=760px){.mode-name{display:none}.note-label{min-width:0}.wave-preview{width:70px;height:30px}.bottom-bar{gap:6px;padding:8px}}@media (width<=640px){.bottom-bar{border-radius:18px;flex-wrap:wrap;justify-content:center}.bar-center{flex-wrap:nowrap;flex-basis:100%;order:-1;justify-content:space-between}.mode-selector{-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%;overflow-x:auto}.mode-selector::-webkit-scrollbar{display:none}.bar-left{top:calc(14px + env(safe-area-inset-top,0px));left:calc(14px + env(safe-area-inset-left,0px));background:var(--chrome-bg);border:1px solid var(--chrome-border);-webkit-backdrop-filter:blur(14px);border-radius:999px;flex-wrap:nowrap;gap:8px;padding:5px 12px;position:fixed}.bar-right{flex-wrap:nowrap;justify-content:center;gap:6px;max-width:100%}.bar-right .pill-btn{padding:8px 11px;font-size:.78rem}.lbl-full{display:none}.lbl-short{display:inline}.note-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:130px;font-size:.74rem;overflow:hidden}.sens-wrap input[type=range]{width:52px}.wave-preview{width:48px;height:24px}.bottom-bar{gap:5px 4px}.overlay{align-items:flex-end;padding:0}.sheet{width:100%;max-height:88dvh;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));border-bottom:none;border-radius:22px 22px 0 0}.sheet.wide{width:100%}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.toast{bottom:calc(132px + env(safe-area-inset-bottom,0px))}.landing .sub{max-width:92vw;font-size:.88rem}}@media (width<=420px){.bar-right{gap:4px}.bar-right .pill-btn{padding:8px 9px;font-size:.75rem}.sens-wrap input[type=range]{width:44px}.sens-wrap>span{display:none}}