:root{color:#eef4eb;background:#101614;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--paper: #f4efe2;--ink: #101614;--forest: #153d34;--moss: #7f9a67;--signal: #d7ff72;--ember: #ff7a59;--sky: #7fc8f8;--line: rgba(244, 239, 226, .18)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(115deg,#101614e6,#153d34b8),url("data:image/svg+xml,%3Csvg width='1200' height='900' viewBox='0 0 1200 900' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='0 .18'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='1200' height='900' fill='%23101614'/%3E%3Cpath d='M0 680 C180 570 270 735 430 615 C610 480 760 535 930 410 C1050 320 1120 300 1200 330 L1200 900 L0 900 Z' fill='%23b86b49' opacity='.44'/%3E%3Cpath d='M0 520 C130 390 310 520 460 350 C610 180 800 280 920 160 C1040 40 1110 70 1200 105 L1200 900 L0 900 Z' fill='%23204d44' opacity='.5'/%3E%3Crect width='1200' height='900' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:cover}button,textarea,input{font:inherit}button{border:0}.shell{min-height:100vh;padding:28px}.studio{width:min(1180px,100%);margin:0 auto}.topbar,.hero-grid,.lower-grid,.error-strip{border:1px solid var(--line);background:#101614c7;box-shadow:0 24px 80px #00000057;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.topbar{display:grid;grid-template-columns:auto 1fr auto auto;gap:14px;align-items:center;min-height:86px;padding:18px;border-radius:8px 8px 0 0}.brandmark{display:grid;place-items:center;width:50px;height:50px;border:1px solid rgba(215,255,114,.36);border-radius:8px;background:#d7ff7217;color:var(--signal)}.eyebrow,.kicker{margin:0;color:var(--sky);font-size:.78rem;letter-spacing:0;text-transform:lowercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(2.1rem,8vw,5.8rem);line-height:.88;letter-spacing:0;text-transform:lowercase}h2{margin-bottom:0;font-size:1rem;letter-spacing:0;text-transform:lowercase}.session-pill{display:inline-flex;align-items:center;gap:9px;min-width:126px;justify-content:center;padding:10px 12px;border:1px solid var(--line);border-radius:8px;color:#f4efe2c7}.session-pill span{width:9px;height:9px;border-radius:999px;background:#7d8378}.session-pill.live span{background:var(--signal);box-shadow:0 0 18px var(--signal)}.page-nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px}.page-nav button{min-height:38px;padding:0 12px;color:#f4efe2b8;border:1px solid var(--line);border-radius:8px;background:#f4efe20f;cursor:pointer}.page-nav button.selected{color:var(--ink);border-color:#d7ff72b8;background:var(--signal);font-weight:800}.hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:1px;border-top:0}.voice-stage,.setup-panel,.transcript-panel,.meter-panel{padding:26px}.voice-stage{min-height:560px;display:grid;align-content:center;justify-items:center;gap:26px}.orb{--level: 0;position:relative;display:grid;place-items:center;width:min(58vw,380px);aspect-ratio:1}.orb-core{z-index:2;display:grid;place-items:center;width:42%;aspect-ratio:1;color:var(--ink);border-radius:50%;background:linear-gradient(150deg,var(--signal),#fff6bd 52%,var(--ember)),var(--signal);transform:scale(calc(1 + (var(--level) * .08)));transition:transform 90ms linear}.orb-ring{position:absolute;inset:8%;border:1px solid rgba(215,255,114,calc(.18 + var(--level) * .5));border-radius:50%;transform:scale(calc(.92 + var(--level) * .18));transition:transform 90ms linear,border-color 90ms linear}.ring-b{inset:18%;border-color:rgba(127,200,248,calc(.12 + var(--level) * .34))}.orb-live .ring-a{animation:breathe 1.8s ease-in-out infinite}.orb-live .ring-b{animation:breathe 2.4s ease-in-out infinite reverse}@keyframes breathe{0%,to{opacity:.55;transform:scale(.95)}50%{opacity:1;transform:scale(1.06)}}.state-copy{width:min(640px,100%);text-align:center}.state-copy p:last-child{margin-bottom:0;color:#f4efe2b8;line-height:1.7}.controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px}.primary-action,.danger-action,.icon-action,.quick-send button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;border-radius:8px;cursor:pointer;transition:transform .14s ease,opacity .14s ease,background .14s ease}.primary-action,.danger-action{padding:0 20px;color:var(--ink);font-weight:750}.primary-action{background:var(--signal)}.danger-action{background:var(--ember)}.icon-action{width:46px;color:var(--paper);border:1px solid var(--line);background:#f4efe214}button:disabled{cursor:not-allowed;opacity:.42}button:not(:disabled):hover{transform:translateY(-1px)}.setup-panel{border-left:1px solid var(--line);background:#f4efe20f}.panel-heading{display:flex;align-items:center;gap:9px;margin-bottom:14px;color:var(--signal)}textarea,input{width:100%;color:var(--paper);border:1px solid var(--line);border-radius:8px;background:#080c0b8c;outline:none}textarea:focus,input:focus{border-color:#d7ff72a3}textarea{min-height:142px;resize:vertical;padding:14px;line-height:1.55}::placeholder{color:#f4efe261}.tone-grid{display:grid;gap:10px;margin-top:18px}.tone{display:grid;gap:3px;padding:13px;text-align:left;color:var(--paper);border:1px solid var(--line);border-radius:8px;background:#f4efe20f;cursor:pointer}.tone strong{font-size:.95rem}.tone span{color:#f4efe294;font-size:.86rem}.tone.selected{border-color:#d7ff72b3;background:#d7ff721f}.quick-send{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:18px}.quick-send input{min-height:44px;padding:0 12px}.quick-send button{padding:0 15px;color:var(--ink);background:var(--sky)}.error-strip{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:14px;color:#ffe8df;border-color:#ff7a5970;background:#561c14bd;border-radius:8px}.error-strip div{display:grid;gap:4px}.error-strip strong{color:#fff6bd;font-size:.92rem;font-weight:800}.error-strip span{color:#ffe8df;line-height:1.45}.lower-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1px;margin-top:14px;border-radius:0 0 8px 8px}.transcript-list{display:grid;gap:10px}.line{display:grid;gap:7px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#f4efe20f}.line span{color:var(--sky);font-size:.78rem}.line p{margin-bottom:0;line-height:1.55;color:#f4efe2db}.line.user{border-color:#7fc8f852}.line.assistant{border-color:#d7ff723d}.line.system{opacity:.72}.line.draft p{color:#f4efe294}.meter-panel{border-left:1px solid var(--line)}.page-panel{min-height:560px;padding:clamp(26px,5vw,58px);border:1px solid var(--line);border-top:0;background:#101614c7;box-shadow:0 24px 80px #00000057;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.page-panel h2{width:min(820px,100%);margin:8px 0 28px;color:var(--paper);font-size:clamp(2rem,5vw,4.4rem);line-height:.98}.copy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;width:min(980px,100%)}.copy-grid p{margin-bottom:0;color:#f4efe2c2;line-height:1.72}.feature-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:34px}.feature-row article{display:grid;gap:9px;min-height:124px;padding:16px;border:1px solid var(--line);border-radius:8px;background:#f4efe20f}.feature-row strong{color:var(--signal);font-size:1.02rem}.feature-row span{color:#f4efe2ad;line-height:1.45}dl{display:grid;gap:10px;margin:0}dl div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#f4efe20d}dt{color:#f4efe28f}dd{margin:0;color:var(--paper);font-weight:700;text-align:right}footer{padding:18px 4px 0;color:#f4efe285;text-align:right;font-size:.85rem}@media(max-width:860px){.shell{padding:14px}.topbar,.hero-grid,.lower-grid{grid-template-columns:1fr}.topbar{align-items:start}.session-pill{justify-self:start}.page-nav{justify-content:flex-start}.voice-stage{min-height:auto;padding:26px 18px}.setup-panel,.meter-panel{border-left:0;border-top:1px solid var(--line)}.orb{width:min(82vw,320px)}.copy-grid,.feature-row{grid-template-columns:1fr}}