:root{color:#f6f4ef;background:#101619;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#101619}body{min-width:320px;min-height:100dvh;margin:0;background:radial-gradient(circle at 85% 8%,rgba(226,92,56,.16),transparent 30rem),linear-gradient(180deg,#172126,#0d1316 55%,#0a0f11)}button{font:inherit}button:focus-visible{outline:3px solid #f4c35d;outline-offset:4px}.shell{width:min(100%,34rem);min-height:100dvh;margin:0 auto;padding:max(1.5rem,env(safe-area-inset-top)) max(1.1rem,env(safe-area-inset-right)) max(2rem,env(safe-area-inset-bottom)) max(1.1rem,env(safe-area-inset-left))}.hero{display:flex;align-items:center;gap:1rem;padding:1.1rem 0 1.7rem}.brand-mark{display:flex;align-items:center;justify-content:center;gap:4px;width:4rem;height:4rem;flex:0 0 auto;border:1px solid rgba(255,255,255,.1);border-radius:1.15rem;background:#ffffff0e;box-shadow:inset 0 1px #ffffff14}.brand-mark span{width:4px;border-radius:99px;background:#ec704e}.brand-mark span:nth-child(1),.brand-mark span:nth-child(4){height:1rem;opacity:.55}.brand-mark span:nth-child(2){height:2rem}.brand-mark span:nth-child(3){height:1.45rem;opacity:.8}.eyebrow{margin:0 0 .3rem;color:#ec704e;font-size:.69rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}h1{margin:0;font-size:clamp(2rem,8vw,2.75rem);font-weight:780;line-height:.93;letter-spacing:-.055em}.setup-note{display:flex;gap:.85rem;align-items:flex-start;margin-bottom:1rem;padding:1rem;border:1px solid rgba(255,255,255,.08);border-radius:1rem;background:#ffffff0a}.setup-note p{margin:0;color:#b6c0c3;font-size:.88rem;line-height:1.5}.setup-note strong{color:#edf0ed}.step-number{display:grid;place-items:center;width:1.65rem;height:1.65rem;flex:0 0 auto;border-radius:50%;color:#17120f;background:#ec704e;font-size:.72rem;font-weight:900}.control-card{padding:1rem;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:1.5rem;background:#0e1417db;box-shadow:0 1.6rem 4rem #00000042,inset 0 1px #ffffff0f}.status-row{display:flex;align-items:flex-start;gap:.75rem;min-height:4.5rem;padding:.35rem .25rem 1rem}.status-light{width:.65rem;height:.65rem;margin-top:.28rem;flex:0 0 auto;border:2px solid #7c898d;border-radius:50%;box-shadow:0 0 0 4px #7c898d1a}[data-state=ready] .status-light{border-color:#71d2a0;background:#71d2a0;box-shadow:0 0 0 4px #71d2a01f}[data-state=talking] .status-light{border-color:#ff8060;background:#ff8060;box-shadow:0 0 0 4px #ff806026,0 0 1rem #ff80608c}[data-state=error] .status-light{border-color:#f4c35d;background:#f4c35d}.status-label,.status-detail{margin:0}.status-label{color:#f2f2ed;font-size:.88rem;font-weight:800;letter-spacing:.025em}.status-detail{max-width:27rem;margin-top:.25rem;color:#8e9b9f;font-size:.77rem;line-height:1.4}.error-message{margin:0 0 1rem;padding:.85rem .9rem;border:1px solid rgba(244,195,93,.28);border-radius:.8rem;color:#f6d991;background:#f4c35d14;font-size:.8rem;line-height:1.45}.enable-button,.stop-button{width:100%;min-height:3.75rem;border-radius:.95rem;font-weight:800;cursor:pointer}.enable-button{display:flex;align-items:center;justify-content:center;gap:.7rem;border:0;color:#1d100d;background:linear-gradient(135deg,#f68b69,#e65e3c);box-shadow:0 .9rem 2rem #e65e3c33}.enable-button:active{transform:translateY(1px)}.enable-button:disabled{cursor:wait;opacity:.7}.button-icon{font-size:.85rem}.ptt-button{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(68vw,17rem);aspect-ratio:1;margin:.5rem auto 1.25rem;overflow:hidden;border:2px solid rgba(246,112,78,.75);border-radius:50%;color:#fff9f6;background:radial-gradient(circle at 43% 35%,#f37958,#db4f31 54%,#ad321f);box-shadow:0 0 0 .6rem #ef654312,0 0 0 1.2rem #ef654309,0 1.4rem 3rem #cf412447,inset 0 2px #ffffff3d;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.ptt-button:before{content:"";position:absolute;inset:.8rem;z-index:-1;border:1px solid rgba(255,255,255,.19);border-radius:50%}.ptt-button:active,[data-state=talking] .ptt-button{transform:scale(.97);background:radial-gradient(circle at 43% 35%,#ff9a73,#f35e3b 54%,#c63820);box-shadow:0 0 0 .75rem #ff724e21,0 0 2.8rem #ff5d3685,inset 0 2px #ffffff4d}.ptt-label{font-size:clamp(1.35rem,6vw,1.8rem);font-weight:900;letter-spacing:-.035em;text-transform:uppercase}.ptt-subtitle{margin-top:.4rem;color:#ffffffc4;font-size:.71rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.hold-hint{margin:0 0 1rem;color:#778589;font-size:.73rem;line-height:1.4;text-align:center}.stop-button{border:1px solid rgba(255,255,255,.12);color:#c6cdcf;background:#ffffff0b}.stop-button:active{background:#ffffff14}.privacy-note{display:flex;gap:.8rem;align-items:flex-start;margin-top:1rem;padding:1rem .25rem;color:#809094}.privacy-note svg{width:1.2rem;flex:0 0 auto;fill:#71d2a0}.privacy-note p{margin:0;font-size:.74rem;line-height:1.55}.privacy-note strong{color:#aeb9bc}.app-footer{padding:.4rem .25rem 0;border-top:1px solid rgba(255,255,255,.07);color:#657277;font-size:.69rem;line-height:1.5}.app-footer p{margin:.55rem 0 0}[hidden]{display:none}@media(min-width:40rem){.shell{padding-top:2.5rem;padding-bottom:3rem}.control-card{padding:1.35rem}}@media(prefers-reduced-motion:no-preference){.ptt-button,.enable-button{transition:transform 90ms ease,box-shadow .14s ease,background .14s ease}[data-state=talking] .status-light{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 8px #ff806014,0 0 1.4rem #ff8060a6}}}