.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}.voice-controls{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.voice-controls button{min-height:52px}.stop-talk{border:2px solid var(--ink);border-radius:99px;background:#fff;color:var(--ink);font-size:16px;font-weight:800;padding:14px 20px;cursor:pointer}.stop-talk:active{transform:translateY(2px)}.stop-talk:disabled,.talk:disabled{cursor:not-allowed;opacity:.48;transform:none}.heard-text{flex-basis:100%;margin:4px 0 0;padding:10px 14px;border-radius:14px;background:#fff;color:var(--ink);font-weight:800;text-align:center}.heard-text[hidden],.enable-voice[hidden]{display:none!important}@media(max-width:600px){.voice-controls{flex-direction:column;gap:8px}.voice-controls button{width:min(320px,100%)}.heard-text{box-sizing:border-box;width:min(340px,100%)}}
.enable-voice{background:#ffd166!important;color:#18213b!important;border:3px solid #fff!important;box-shadow:0 5px 0 #c99520!important;font-weight:900!important}.voice-status{display:block;text-align:center;font-size:.8rem;font-weight:800;color:#fff;margin:.15rem 0 .45rem}
.dictate-fallback{border:2px solid #fff;border-radius:99px;background:#2762e8;color:#fff;font-size:16px;font-weight:900;padding:14px 20px;cursor:pointer}
[hidden]{display:none!important}
.startup-problem{position:fixed;z-index:2000;left:16px;right:16px;bottom:16px;display:flex;flex-direction:column;gap:5px;max-width:620px;margin:auto;padding:16px 20px;border:3px solid #7c2d12;border-radius:16px;background:#fff7ed;color:#7c2d12;box-shadow:0 12px 40px #0004}.startup-problem strong{font-size:18px}.startup-problem span{font-weight:700}
.conversation-panel{margin:0;padding:22px clamp(24px,7vw,110px);background:#eef7ff;scroll-margin-top:max(12px,env(safe-area-inset-top))}.conversation-panel .chat-form{max-width:760px;min-width:0;margin:auto;border:0;padding:0}.chat-form input{min-width:0}@media(max-width:600px){html,body,main{max-width:100%;overflow-x:hidden}.hero{min-height:0!important;padding:18px 14px 22px!important}.hero h1{font-size:40px!important;margin:10px 0 12px}.hero .message{font-size:16px;line-height:1.35;margin:0}.robot-wrap{min-width:0;margin-top:12px!important}.antenna{height:28px}.robot{width:138px!important;height:146px!important;border-width:4px;border-radius:40px}.robot::before,.robot::after{top:76px;width:22px;height:48px;border-width:3px}.robot::before{left:-22px}.robot::after{right:-22px}.face{width:108px!important;height:62px!important;margin-top:18px!important;gap:32px}.eye{width:18px;height:23px}.mouth{bottom:8px}.chest{width:38px!important;height:38px!important;margin-top:8px!important;font-size:20px}.voice-controls{position:relative;z-index:2;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;margin-top:16px}.voice-controls button{width:100%!important;min-width:0;min-height:46px;padding:10px 8px;font-size:14px;touch-action:manipulation}.enable-voice,.voice-status,.heard-text{grid-column:1/-1}.conversation-panel{padding:14px 14px max(14px,env(safe-area-inset-bottom))}.chat-form>div{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.chat-form input{width:100%;font-size:18px}.chat-form button{width:100%;min-height:48px;touch-action:manipulation}}
.conversation-heading{max-width:760px;margin:0 auto 18px;text-align:center}.conversation-heading h2{margin:4px 0 14px;font-size:clamp(25px,4vw,36px)}.conversation-heading>p:last-child{margin:12px auto 0;max-width:650px;color:#52617e;font-weight:700;line-height:1.4}.conversation-modes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.conversation-modes button{min-height:66px;border:3px solid #9bb6e8;border-radius:18px;background:#fff;color:#17213d;padding:12px 16px;font:inherit;font-size:17px;font-weight:900;cursor:pointer}.conversation-modes button.active{border-color:#2857d6;background:#2857d6;color:#fff;box-shadow:0 6px 0 #173a9d}.conversation-modes button:focus-visible{outline:4px solid #ffd166;outline-offset:2px}@media(max-width:600px){.conversation-modes{grid-template-columns:1fr}.conversation-modes button{min-height:58px}.conversation-heading{text-align:left}}