:root{--cream: #F3EFE7;--cream-raised: #FFFFFF;--cream-sunk: #EAE5DB;--warm-100: #E4DED2;--warm-200: #D2CABA;--orange: #AE4A0B;--orange-press: #8F3B08;--orange-mic: #C9570F;--orange-tint: #FBEDE1;--orange-glow: rgba(174, 74, 11, .16);--ink: #14110E;--ink-2: #4A433B;--ink-3: #746B60;--rec-red: #C0231F;--good: #2F6B3A;--warn: #8A5A05;--r-sm: 10px;--r-md: 16px;--r-lg: 22px;--r-pill: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--serif: "Instrument Serif", "Iowan Old Style", Georgia, "Times New Roman", serif;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--text-scale: 1;--shadow-card: 0 1px 2px rgba(20, 17, 14, .04), 0 8px 24px rgba(20, 17, 14, .06);--shadow-lift: 0 2px 6px rgba(20, 17, 14, .08), 0 18px 40px rgba(20, 17, 14, .1)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:calc(17px * var(--text-scale));line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}#root{min-height:100%}h1,h2,h3{margin:0;font-weight:400;letter-spacing:-.01em}.display{font-family:var(--serif);font-size:calc(clamp(38px,10vw,58px) * var(--text-scale));line-height:1.04;letter-spacing:-.015em}.display-sans{font-family:var(--sans);font-weight:800;font-size:calc(clamp(30px,7.4vw,42px) * var(--text-scale));line-height:1.1;letter-spacing:-.03em}.title{font-family:var(--serif);font-size:calc(27px * var(--text-scale));line-height:1.15}.eyebrow{font-family:var(--mono);font-size:calc(12.5px * var(--text-scale));letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.lede{font-size:calc(19px * var(--text-scale));line-height:1.5;color:var(--ink-2)}.muted{color:var(--ink-3)}.small{font-size:calc(14.5px * var(--text-scale))}.screen{min-height:100dvh;display:flex;flex-direction:column;padding:max(var(--sp-4),env(safe-area-inset-top)) var(--sp-4) calc(var(--sp-4) + env(safe-area-inset-bottom));max-width:760px;margin:0 inline;margin-inline:auto;width:100%}.screen-fixed{height:100dvh;max-height:100dvh;overflow:hidden}.screen-glow{background:radial-gradient(120% 70% at 18% -6%,#fad9b4,#fad9b400 62%),radial-gradient(100% 60% at 84% 4%,#f6cfa6,#f6cfa600 58%),linear-gradient(180deg,#F7DEC0 0%,var(--cream) 46%)}.row{display:flex;align-items:center;gap:var(--sp-3)}.between{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.stack{display:flex;flex-direction:column}.grow{flex:1 1 auto;min-height:0}.center-col{display:flex;flex-direction:column;align-items:center;text-align:center}.card{background:var(--cream-raised);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:var(--sp-5)}.card-quiet{background:#ffffff9e;border:1px solid var(--warm-100);border-radius:var(--r-md);padding:var(--sp-4)}button{font:inherit;color:inherit;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-3);min-height:56px;padding:0 var(--sp-5);border:1px solid transparent;border-radius:var(--r-pill);background:var(--cream-raised);color:var(--ink);font-weight:700;font-size:calc(17px * var(--text-scale));box-shadow:var(--shadow-card);transition:transform .12s ease,background-color .12s ease}.btn:active{transform:scale(.985)}.btn-primary{background:var(--orange);color:#fff;box-shadow:0 10px 24px var(--orange-glow)}.btn-primary:active{background:var(--orange-press)}.btn-quiet{background:transparent;box-shadow:none;border-color:var(--warm-200)}.btn-ghost{background:transparent;box-shadow:none;border-color:transparent;color:var(--orange);font-weight:600}.btn-danger{background:transparent;color:var(--rec-red);border-color:#c0231f66;box-shadow:none}.btn-block{width:100%}.btn-lg{min-height:64px;font-size:calc(18px * var(--text-scale))}.btn:disabled{opacity:.45;cursor:not-allowed}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--r-pill);border:none;background:#ffffff8c;color:var(--ink-2)}:where(button,a,[tabindex],input,select,textarea):focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:var(--r-sm)}.mic-wrap{position:relative;display:grid;place-items:center;width:min(260px,74vw);height:min(260px,74vw)}.mic-halo{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,#c9570f29,#c9570f0f 48%,#c9570f00 68%)}.mic-btn{position:relative;width:min(168px,48vw);height:min(168px,48vw);border-radius:50%;border:none;background:var(--orange-mic);color:#fff;display:grid;place-items:center;box-shadow:0 14px 40px #c9570f52;transition:transform .14s ease}.mic-btn:active{transform:scale(.97)}.mic-btn[data-live=true]{background:var(--rec-red);box-shadow:0 14px 40px #c0231f4d}.mic-pulse{position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(201,87,15,.35);animation:pulse 2.6s ease-out infinite}@keyframes pulse{0%{transform:scale(.96);opacity:.7}to{transform:scale(1.28);opacity:0}}.rec-bar{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--cream-raised);border-radius:var(--r-pill);box-shadow:var(--shadow-card)}.rec-dot{width:12px;height:12px;border-radius:50%;background:var(--rec-red);flex:none;animation:blink 1.6s steps(1,end) infinite}.rec-dot[data-paused=true]{background:var(--ink-3);animation:none}@keyframes blink{0%,60%{opacity:1}61%,to{opacity:.25}}.timer{font-family:var(--mono);font-size:calc(19px * var(--text-scale));font-variant-numeric:tabular-nums}.meter{display:flex;align-items:flex-end;gap:3px;height:22px}.meter i{width:3px;background:var(--warm-200);border-radius:2px;height:20%;transition:height 90ms linear,background-color .2s}.meter i[data-on=true]{background:var(--orange)}.chip{display:inline-flex;align-items:center;gap:var(--sp-2);padding:6px 12px;border-radius:var(--r-pill);font-size:calc(14px * var(--text-scale));font-weight:600;background:var(--cream-sunk);color:var(--ink-2)}.chip-good{background:#e4efe5;color:var(--good)}.chip-warn{background:#f7ecd5;color:var(--warn)}.chip-live{background:var(--orange-tint);color:var(--orange-press)}.transcript{display:flex;flex-direction:column;gap:var(--sp-4);padding-block:var(--sp-3)}.turn{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-3);align-items:start}.turn-body{font-size:calc(18px * var(--text-scale));line-height:1.55;border:none;background:none;text-align:left;padding:0;color:var(--ink);font-family:inherit}.turn[data-interim=true] .turn-body{color:var(--ink-3);font-style:italic}.turn-name{font-weight:700;font-size:calc(14.5px * var(--text-scale))}.turn-time{font-family:var(--mono);font-size:calc(12.5px * var(--text-scale));color:var(--ink-3)}.turn-seek{min-height:48px;padding-block:10px;width:100%}.turn-seek:not(:disabled){cursor:pointer}.turn[data-playing=true] .turn-body{background:#fcebda;box-shadow:0 0 0 6px #fcebda;border-radius:3px}.turn-low{border-bottom:2px dotted var(--warn)}.turn-actions{display:flex;flex-wrap:wrap;gap:var(--sp-1);margin-top:2px}.btn-inline{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:48px;min-width:48px;padding:0 12px;border:0;background:transparent;border-radius:var(--r-pill);color:var(--orange);font-weight:600;font-size:calc(14.5px * var(--text-scale))}.btn-inline:hover{background:var(--orange-tint)}.spk-btn{flex:none;display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;background:transparent;border-radius:var(--r-pill)}.spk-btn:hover{background:var(--cream-sunk)}.spk{flex:none;width:34px;height:34px;display:grid;place-items:center;font-weight:800;font-size:14px;color:#fff;background:var(--ink-2)}.spk[data-role=interviewer]{background:#2f5d74;border-radius:50%}.spk[data-role=storyteller]{background:var(--orange);border-radius:8px}.spk[data-role=other]{background:var(--ink-3);clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:0}.prompts{background:var(--cream-raised);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:var(--sp-4)}.prompt-item{width:100%;text-align:left;display:block;background:var(--orange-tint);border:1px solid #F0DCC8;border-radius:var(--r-md);padding:var(--sp-4);min-height:56px;font-family:var(--serif);font-size:calc(21px * var(--text-scale));line-height:1.22}.prompt-item+.prompt-item{margin-top:var(--sp-2)}.search{width:100%;min-height:54px;padding:0 var(--sp-4) 0 46px;border:1px solid var(--warm-100);border-radius:var(--r-md);background:var(--cream-sunk) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23746B60' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m16.5 16.5 4 4'/%3E%3C/svg%3E") no-repeat 14px center / 20px;font-size:calc(17px * var(--text-scale));color:var(--ink)}.search::placeholder{color:var(--ink-3)}.list-item{display:grid;grid-template-columns:1fr auto;gap:var(--sp-2) var(--sp-4);width:100%;text-align:left;background:none;border:none;padding:var(--sp-4) 0}.list-item+.list-item{border-top:1px solid var(--warm-100)}.tabs{display:flex;gap:var(--sp-1);background:var(--cream-sunk);padding:4px;border-radius:var(--r-pill)}.tabs button{flex:1;min-height:48px;border:none;border-radius:var(--r-pill);background:transparent;font-weight:600;color:var(--ink-2)}.tabs button[aria-selected=true]{background:var(--cream-raised);color:var(--ink);box-shadow:var(--shadow-card)}.has-navbar{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.navbar{position:sticky;bottom:0;align-self:center;display:flex;gap:var(--sp-1);padding:6px;background:#ffffffdb;backdrop-filter:blur(12px);border-radius:var(--r-pill);box-shadow:var(--shadow-lift);margin-top:var(--sp-5)}.navbar button{min-width:108px;min-height:52px;border:none;border-radius:var(--r-pill);background:transparent;color:var(--ink-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:calc(12.5px * var(--text-scale));font-weight:600}.navbar button[aria-current=page]{background:var(--cream-sunk);color:var(--orange)}.sheet-scrim{position:fixed;inset:0;background:#14110e57;display:flex;align-items:flex-end;justify-content:center;z-index:40;padding:var(--sp-4)}.sheet{width:100%;max-width:560px;background:var(--cream-raised);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--shadow-lift);max-height:88dvh;overflow:auto;animation:rise .22s cubic-bezier(.2,.8,.2,1)}@keyframes rise{0%{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}.grabber{width:44px;height:5px;border-radius:3px;background:var(--warm-200);margin:0 auto var(--sp-4)}input[type=text],select{min-height:52px;width:100%;padding:0 var(--sp-4);border:1px solid var(--warm-200);border-radius:var(--r-md);background:var(--cream-raised);font-size:calc(17px * var(--text-scale));color:var(--ink)}label{display:block;font-weight:600;font-size:calc(14.5px * var(--text-scale));margin-bottom:var(--sp-2)}.waveform{display:flex;align-items:center;gap:2px;height:64px;width:100%}.waveform i{flex:1;background:var(--warm-200);border-radius:2px;min-height:3px}.waveform i[data-past=true]{background:var(--orange)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.divider{height:1px;background:var(--warm-100);border:0;margin:var(--sp-5) 0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.rec-dot{opacity:1}}@media(min-width:720px){.screen{padding-inline:var(--sp-6)}}