:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8f5f6;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--cyan:#59e3ec;--cyan-soft:#59e3ec2e;--amber:#e6ae68;--muted:#78949e;background:#050d13;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:100%;margin:0}body{background:#050d13;min-height:100vh}button,textarea{font:inherit}button{color:inherit}button:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.mobile-app{width:min(100%,860px);height:100dvh;padding:max(10px, env(safe-area-inset-top)) 16px max(8px, env(safe-area-inset-bottom));background:radial-gradient(at 18% 35%,#146e7d26,#0000 34%),radial-gradient(at 80% 3%,#784b231a,#0000 29%),linear-gradient(#0a171e 0%,#071118 52%,#050d13 100%);flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}.topbar{border-bottom:1px solid #59c6d52b;flex:none;justify-content:space-between;align-items:center;min-height:54px;padding:0 2px 9px;display:flex}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand-icon{object-fit:cover;border:1px solid #59e3ec59;border-radius:50%;width:36px;height:36px;box-shadow:0 0 16px #59e3ec1f}.brand-name{color:#e3fbfc;letter-spacing:.22em;font-size:15px;font-weight:800}.brand-name span{color:var(--cyan)}.brand-caption{color:#78939d;letter-spacing:.12em;white-space:nowrap;margin-top:4px;font:8px/1.2 ui-monospace,monospace}.header-actions{gap:7px;display:flex}.icon-button,.mic-button,.send-button{cursor:pointer;background:#0c202ad1;border:1px solid #5cb8c640;border-radius:13px;place-items:center;transition:border-color .18s,background .18s,transform .18s;display:grid}.icon-button{color:#91aeb6;width:39px;height:39px;font-size:17px}.icon-button.active{color:var(--cyan);border-color:#59e3ec6b}.icon-button:hover,.mic-button:hover{background:#174751cc;border-color:#59e3ecad}.install-button{color:var(--cyan)}.system-strip{border-bottom:1px solid #59c6d51a;flex:none;align-items:center;gap:7px;min-height:40px;display:flex;overflow:hidden}.system-chip{color:#72909a;letter-spacing:.08em;background:#0918209e;border:1px solid #5e97a326;border-radius:20px;flex:none;align-items:center;gap:5px;padding:5px 7px;font:8px ui-monospace,monospace;display:flex}.system-chip i,.model-indicator{background:#667a81;border-radius:50%;flex:none;width:6px;height:6px}.system-chip.online i,.model-indicator.ready{background:#58dda9;box-shadow:0 0 10px #58dda9a6}.system-chip.working i,.model-indicator.working{background:#f1bd70;animation:1s infinite pulse}.system-chip.online{color:#aad7d5;border-color:#58dda938}.system-clock{color:#6c8992;white-space:nowrap;margin-left:auto;font:9px ui-monospace,monospace}.page-content{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#59e3ec38 transparent;flex-direction:column;flex:auto;gap:10px;min-height:0;display:flex;overflow:auto}.assistant-stage{isolation:isolate;background:linear-gradient(115deg,#0b2630b8,#09151db8);border:1px solid #49b2be29;border-radius:22px;flex:none;grid-template-rows:auto auto;grid-template-columns:148px minmax(0,1fr);align-items:center;min-height:205px;padding:13px 16px 11px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #aaf9fa06,0 16px 40px #00000021}.stage-grid{z-index:-1;opacity:.22;background-image:linear-gradient(#48b5c112 1px,#0000 1px),linear-gradient(90deg,#48b5c112 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 80%);mask-image:linear-gradient(90deg,#000,#0000 80%)}.reactor{grid-area:1/1/span 2;width:144px;height:144px;margin:auto;position:relative}.reactor-ring,.reactor-ticks,.reactor-core,.reactor-glow{border-radius:50%;position:absolute;inset:0}.reactor-ring-one{border:1px solid #59e3ec57;inset:14px;box-shadow:0 0 22px #21b3be1a,inset 0 0 20px #2ac0ca12}.reactor-ring-two{border:1px dashed #59e3ec45;animation:28s linear infinite spin;inset:4px}.reactor-ring-three{border:1px solid #e6ae682e;border-color:#e6ae682e #59e3ec8a;animation:13s linear infinite reverse spin;inset:26px}.reactor-ticks i{width:2px;height:7px;transform:rotate(calc(var(--tick) * 15deg)) translateY(0);transform-origin:1px 71px;background:#85e2e57a;border-radius:2px;position:absolute;top:1px;left:calc(50% - 1px)}.reactor-core{background:radial-gradient(circle at 50% 42%,#6ff7f945,#0c53616b 45%,#05141ce6 78%);border:1px solid #77f7f996;place-items:center;display:grid;inset:39px;box-shadow:0 0 27px #32dee752,inset 0 0 18px #4ae4e82e}.reactor-core span{color:#d6ffff;text-shadow:0 0 18px #58f1f4e6;font:700 35px/1 ui-monospace,monospace}.reactor-glow{filter:blur(20px);background:#30cad514;inset:35px}.reactor.thinking .reactor-ring-one,.reactor.listening .reactor-ring-one,.reactor.speaking .reactor-ring-one{animation:1.5s ease-in-out infinite breathe}.reactor.listening .reactor-core{border-color:#ffa397c7;box-shadow:0 0 36px #ed726c87,inset 0 0 18px #ed726c3d}.reactor.speaking .reactor-core{box-shadow:0 0 38px #58dda975,inset 0 0 18px #58dda933}.reactor.thinking .reactor-ring-two{animation-duration:3s}.stage-copy{grid-area:1/2;align-self:end;min-width:0;padding-bottom:6px}.eyebrow{color:var(--cyan);letter-spacing:.19em;margin:0 0 7px;font:9px ui-monospace,monospace}.stage-copy h1{color:#ebf8f8;letter-spacing:-.04em;margin:0;font-size:clamp(19px,5vw,28px);line-height:1.1}.stage-copy p:last-child{color:#97afb5;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:440px;margin:7px 0 0;font-size:11px;line-height:1.45;display:-webkit-box;overflow:hidden}.stage-action{color:#c3fbfb;background:#1a66713d;border:1px solid #59e3ec61;border-radius:10px;grid-area:2/2;justify-self:start;min-height:31px;margin-top:7px;padding:0 11px;font-size:10px;font-weight:700}.stage-action:disabled{opacity:.48}.assistant-stage.compact{border-radius:18px;grid-template-columns:102px minmax(0,1fr);min-height:128px;padding:8px 12px}.assistant-stage.compact .reactor{width:96px;height:96px}.assistant-stage.compact .reactor-core{inset:28px}.assistant-stage.compact .reactor-core span{font-size:24px}.assistant-stage.compact .reactor-ticks i{transform-origin:1px 47px;height:5px}.assistant-stage.compact .reactor-ring-one{inset:10px}.assistant-stage.compact .reactor-ring-two{inset:3px}.assistant-stage.compact .reactor-ring-three{inset:18px}.assistant-stage.compact .stage-copy p:last-child{-webkit-line-clamp:1}.model-card{background:linear-gradient(110deg,#0c2934b8,#0a1a23a6);border:1px solid #4cb1c02b;border-radius:15px;flex:none;align-items:center;gap:10px;min-height:56px;padding:9px 11px;display:flex}.model-indicator{width:8px;height:8px}.model-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.model-copy strong{color:#d9f5f8;font-size:11px;font-weight:700}.model-copy span{color:#89a5af;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.35;display:block;overflow:hidden}.prepare-button{color:#b8f7fa;background:#1d687447;border:1px solid #43d8e761;border-radius:9px;flex:none;min-height:32px;padding:0 10px;font-size:10px;font-weight:700}.prepare-button:disabled{opacity:.55}.notice,.inline-message{color:#f1ce9e;background:#4b2f1345;border:1px solid #eeb25f42;border-radius:11px;padding:9px 11px;font-size:10px;line-height:1.5}.conversation{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#43d8e740 transparent;flex-direction:column;flex:auto;min-height:90px;display:flex;overflow:auto}.conversation-empty{color:#66838d;align-items:center;gap:8px;min-height:35px;padding:0 7px;display:flex}.conversation-empty p{letter-spacing:.15em;margin:0;font:8px ui-monospace,monospace}.empty-line{background:var(--cyan);width:18px;height:1px;box-shadow:0 0 8px var(--cyan)}.message-list{width:100%;padding:4px 0 14px}.message{border:1px solid #5fa9b524;border-radius:15px;max-width:92%;margin:0 0 10px;padding:10px 12px}.message.user{background:#1b586340;border-color:#43d8e733;border-bottom-right-radius:5px;margin-left:auto}.message.assistant{background:#10222bdb;border-bottom-left-radius:5px;margin-right:auto}.message-label{color:#62c7d1;letter-spacing:.17em;margin-bottom:6px;font:8px ui-monospace,monospace}.message.user .message-label{color:#87b6c0;text-align:right}.message-content{color:#e2eff2;overflow-wrap:anywhere;white-space:pre-wrap;font-size:13px;line-height:1.55}.speak-message{color:#85bac2;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;margin-top:7px;padding:3px 0;font-size:9px;display:inline-flex}.speak-message:disabled{opacity:.45}.typing{color:#a8c3ca}.typing span{animation:1s infinite blink}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}.composer-area{flex:none;padding-top:8px}.inline-message{margin-bottom:7px}.voice-progress{color:#97b5ba;align-items:center;gap:8px;margin:0 2px 8px;font-size:9px;display:flex}.voice-progress-bar{background:var(--amber);border-radius:50%;flex:none;width:8px;height:8px;animation:1s infinite pulse;box-shadow:0 0 10px #e6ae688c}.composer{background:#091922f5;border:1px solid #52acba40;border-radius:16px;align-items:flex-end;gap:7px;padding:7px;display:flex;box-shadow:0 -8px 24px #0000001f}.composer textarea{resize:none;color:#e4f1f3;background:0 0;border:0;outline:0;flex:1;min-height:40px;max-height:110px;padding:10px 7px 7px;font-size:13px;line-height:1.4}.composer textarea::placeholder{color:#68848f}.composer textarea:disabled{opacity:.65}.mic-button,.send-button{color:#83b3bd;flex:none;width:40px;height:40px}.mic-button.listening{color:#ffb1a8;background:#70252459;border-color:#ff716599;animation:1s infinite pulse}.send-button{color:#06161b;background:linear-gradient(145deg,#81eff1,#39becd);border-color:#4bd3df}.mic-button:disabled,.send-button:disabled{opacity:.4}.footer-row{color:#627f8a;justify-content:space-between;gap:10px;min-height:19px;padding:6px 3px 0;font-size:8px;line-height:1.4;display:flex}.clear-button{color:#83b6bf;cursor:pointer;background:0 0;border:0;flex:none;padding:0;font-size:9px}.clear-button.prominent{border:1px solid #59e3ec40;border-radius:9px;padding:7px 10px}.bottom-nav{min-height:52px;padding:5px 8px max(2px,env(safe-area-inset-bottom));background:#07141bf0;border:1px solid #50a1ab24;border-radius:16px;flex:none;justify-content:space-around;margin-top:7px;display:flex}.bottom-nav button{color:#6f8992;cursor:pointer;background:0 0;border:0;border-radius:11px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;display:flex}.bottom-nav button.selected{color:var(--cyan);background:#298a941f}.nav-symbol{font-size:16px;line-height:1}.bottom-nav small{letter-spacing:.04em;font-size:8px}.detail-page{flex-direction:column;gap:12px;padding:13px 1px 16px;display:flex}.page-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.page-heading .eyebrow{margin-bottom:5px}.page-heading h1{color:#eaf7f7;letter-spacing:-.04em;margin:0;font-size:24px}.page-description{color:#8aa4ac;margin:-5px 0 4px;font-size:11px;line-height:1.5}.history-list{flex-direction:column;gap:8px;display:flex}.history-entry,.empty-card,.setting-card,.privacy-card{background:linear-gradient(120deg,#0c232ccc,#091820cc);border:1px solid #54a5b12b;border-radius:15px}.history-entry{padding:10px 12px}.history-entry span{color:#62c7d1;letter-spacing:.15em;font:8px ui-monospace,monospace}.history-entry.user span{color:#9bb5bb}.history-entry p{color:#dbe9eb;white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0;font-size:12px;line-height:1.5}.empty-card{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:32px 15px;display:flex}.empty-card span{color:var(--cyan);font-size:28px}.empty-card strong{font-size:13px}.empty-card small{color:var(--muted);font-size:10px}.setting-card,.privacy-card{padding:13px}.setting-heading{align-items:center;gap:10px;display:flex}.setting-icon{width:32px;height:32px;color:var(--cyan);background:#18586340;border:1px solid #59e3ec3b;border-radius:10px;flex:none;place-items:center;font-size:16px;display:grid}.setting-heading div{flex-direction:column;gap:4px;min-width:0;display:flex}.setting-heading strong,.privacy-card strong{color:#e2f0f2;font-size:12px}.setting-heading small{color:#7e9aa2;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.setting-card p,.privacy-card p{color:#8da7ad;margin:10px 0;font-size:10px;line-height:1.55}.setting-actions{flex-wrap:wrap;gap:7px;display:flex}.setting-action{color:#c6f9fa;cursor:pointer;background:#19677242;border:1px solid #59e3ec5c;border-radius:9px;min-height:34px;padding:0 10px;font-size:10px;font-weight:650}.setting-action:disabled{opacity:.55;cursor:default}.setting-action.secondary{color:#9bb5bb;background:#11252c80;border-color:#6699a238}.setting-action.selected{color:#c6f9fa;border-color:#59e3ec5c}.muted-note{color:#6e8c94;margin-top:8px;font-size:9px;line-height:1.4;display:block}.privacy-card{border-color:#e6ae6829}.privacy-card strong{color:#e6bd8c}.privacy-card p:last-child{margin-bottom:0}.install-hint{z-index:10;right:16px;bottom:calc(75px + env(safe-area-inset-bottom));color:#d7f9fa;background:#0a232cf7;border:1px solid #43d8e74d;border-radius:12px;max-width:820px;margin:auto;padding:11px 13px;font-size:11px;line-height:1.45;position:fixed;left:16px;box-shadow:0 12px 40px #00000059}@keyframes pulse{50%{opacity:.48}}@keyframes blink{50%{opacity:.3}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{opacity:.7;transform:scale(1.06)}}@media (width>=650px){.mobile-app{border-left:1px solid #50a1ab14;border-right:1px solid #50a1ab14;padding-left:22px;padding-right:22px;box-shadow:0 0 70px #00000038}.assistant-stage:not(.compact){grid-template-columns:185px minmax(0,1fr);min-height:250px}.assistant-stage:not(.compact) .reactor{width:170px;height:170px}.assistant-stage:not(.compact) .reactor-ticks i{transform-origin:1px 84px}}@media (height<=700px){.assistant-stage{grid-template-columns:118px minmax(0,1fr);min-height:160px;padding-top:7px;padding-bottom:7px}.assistant-stage:not(.compact) .reactor{width:112px;height:112px}.assistant-stage:not(.compact) .reactor-core{inset:31px}.assistant-stage:not(.compact) .reactor-core span{font-size:28px}.assistant-stage:not(.compact) .reactor-ticks i{transform-origin:1px 55px}.assistant-stage.compact{min-height:108px}.page-content{gap:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
