*{box-sizing:border-box}body{color:#eef1f7;background:#090b12;min-height:100vh;margin:0;font-family:Inter,system-ui,sans-serif}.app{max-width:1500px;margin:auto;padding:18px}.app>header{z-index:8;justify-content:space-between;align-items:center;height:64px;display:flex;position:relative}.brand{align-items:center;gap:12px;display:flex}.logo{color:#fff;background:linear-gradient(135deg,#8b5cf6,#22d3ee);border-radius:13px;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.brand b{font-size:17px;display:block}.brand span{letter-spacing:1.8px;color:#8b93a5;font-size:9px}.header-right{align-items:center;gap:14px;display:flex}.status{color:#9da5b6;align-items:center;gap:8px;font-size:12px;display:flex}.status i{background:#f59e0b;border-radius:50%;width:8px;height:8px}.status i.ok{background:#22c55e}.user-badge{background:#111520;border:1px solid #1e2436;border-radius:10px;align-items:center;gap:8px;padding:6px 10px;display:flex}.user-badge span{color:#8b95aa;text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:11px;overflow:hidden}.user-badge button{color:#f87171;cursor:pointer;background:#f8717126;border:none;border-radius:7px;place-items:center;width:26px;height:26px;font-size:12px;transition:background .2s;display:grid}.user-badge button:hover{background:#f871714d}.card{background:linear-gradient(145deg,#10131d,#0c0f17);border:1px solid #202536;border-radius:22px;box-shadow:0 18px 50px #0005}.stage{height:calc(100vh - 160px);min-height:560px;position:relative;overflow:hidden}.stage canvas{width:100%;height:100%;display:block}.stageTop{z-index:3;justify-content:space-between;display:flex;position:absolute;top:16px;left:16px;right:16px}.glass,.icon{color:#dce2ee;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#121724cc;border:1px solid #303748;border-radius:12px;padding:10px 13px}.icon{width:40px;height:40px;font-size:17px}.stageBtns{gap:8px;display:flex}.stageBottom{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0c1019d9;border:1px solid #262c3b;border-radius:16px;justify-content:space-between;align-items:end;padding:14px 16px;display:flex;position:absolute;bottom:16px;left:18px;right:18px}.stageBottom b{font-size:13px;display:block}.stageBottom small{color:#8992a5;margin-top:4px;display:block}.chips{gap:7px;display:flex}.chips span{color:#b9c1d0;background:#181e2b;border-radius:9px;padding:7px 9px;font-size:10px}.chat{flex-direction:column;height:calc(100vh - 160px);min-height:560px;padding:18px;display:flex}.chatHead{border-bottom:1px solid #202536;justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.chatHead h2{margin:0 0 4px;font-size:16px}.chatHead span{color:#7f899d;font-size:10px}.provider{background:#090c13;border:1px solid #22293a;border-radius:10px;padding:3px;display:flex}.provider button{color:#7f899d;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 10px}.provider button.active{color:#fff;background:#242b3b}.messages{flex:1;padding:16px 2px;overflow:auto}.msg{white-space:pre-wrap;border-radius:15px;max-width:88%;margin:8px 0;padding:11px 13px;font-size:13px;line-height:1.55}.msg.user{background:#5b3bbf;margin-left:auto}.msg.ai{background:#171c28;border:1px solid #242b3a}.msg .meta{color:#8791a4;text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px;font-size:9px;display:block}.composer{align-items:end;gap:8px;display:flex}.composer textarea{resize:none;color:#fff;font:inherit;background:#0a0d14;border:1px solid #282f40;border-radius:14px;outline:none;flex:1;min-height:44px;max-height:130px;padding:12px}.round,.send{color:#fff;cursor:pointer;background:#141925;border:1px solid #2a3142;border-radius:13px;width:44px;height:44px}.send{background:#6845db;border-color:#7654e4}.hint{color:#687286;text-align:center;margin-top:9px;font-size:9px}.toolbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:#10141dcc;border:1px solid #272e3e;border-radius:15px;gap:6px;padding:6px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.toolbar button{color:#aeb7c8;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:8px 11px}.toolbar button:hover{color:#fff;background:#202636}.modal{z-index:20;background:#0009;place-items:center;display:grid;position:fixed;inset:0}.hidden{display:none}.modalBox{background:#111520;border:1px solid #2b3345;border-radius:18px;width:min(560px,92vw);padding:18px}.modalHead{justify-content:space-between;align-items:center;display:flex}.modalHead h3{margin:0}.modalHead button{color:#fff;cursor:pointer;background:0 0;border:0;font-size:24px}.memoryItem{background:#181e2b;border-radius:10px;margin:7px 0;padding:10px;font-size:12px}.modalActions{gap:8px;margin-top:12px;display:flex}.modalActions button{color:#fff;cursor:pointer;background:#171c28;border:1px solid #303748;border-radius:10px;padding:9px 12px}#webcam{display:none}@media (width>=900px){main{grid-template-columns:1.25fr .75fr;gap:16px;display:grid}}@media (width<=899px){.stage,.chat{height:70vh;min-height:480px}.toolbar button{padding:9px}.stageBottom .chips{display:none}}.profileBackdrop{z-index:30;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;position:fixed;inset:0}.profilePanel{background:#111520;border-left:1px solid #2b3345;flex-direction:column;width:min(390px,92vw);height:100%;padding:28px 24px;animation:.2s ease-out profileSlideIn;display:flex;position:absolute;top:0;right:0;box-shadow:-18px 0 50px #0008}.profilePanelHead{justify-content:space-between;align-items:flex-start;display:flex}.profileEyebrow{color:#8b95aa;letter-spacing:1.4px;text-transform:uppercase;font-size:10px;font-weight:800}.profilePanel h2{color:#f5f7fb;margin:5px 0 0;font-size:24px}.profileClose{color:#dce2ee;cursor:pointer;background:0 0;border:0;font-size:25px;line-height:1}.profileIdentity{background:#0c1019;border:1px solid #242c3e;border-radius:14px;align-items:center;gap:12px;margin:30px 0;padding:15px;display:flex}.profileAvatarLarge{width:46px;height:46px;font-size:17px}.profileIdentity div{gap:4px;min-width:0;display:grid}.profileIdentity strong{text-overflow:ellipsis;white-space:nowrap;color:#f5f7fb;overflow:hidden}.profileIdentity span{text-overflow:ellipsis;white-space:nowrap;color:#8b95aa;font-size:11px;overflow:hidden}.profileForm{gap:9px;display:grid}.profileForm label{color:#aeb7c8;font-size:11px}.profileForm input{color:#fff;width:100%;font:inherit;background:#0a0d14;border:1px solid #2b3345;border-radius:10px;outline:0;padding:12px}.profileForm input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633}.profileSave,.profileSignOut{color:#fff;font:inherit;cursor:pointer;background:#6845db;border:1px solid #7654e4;border-radius:10px;padding:11px 14px}.profileSave:disabled{opacity:.55;cursor:wait}.profileMessage{color:#8fe0ae;margin:3px 0;font-size:11px}.profilePanelFoot{border-top:1px solid #242c3e;justify-content:space-between;align-items:center;margin-top:auto;padding-top:20px;display:flex}.profileSignOut{color:#ffb6c4;background:#3a1d29;border-color:#713b4b}.profilePanelFoot a{color:#9ba6ba;font-size:11px;text-decoration:none}.profilePanelFoot a:hover{text-decoration:underline}@keyframes profileSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.formRow{gap:8px;display:grid}.formRow label{color:#aeb7c8;margin-top:8px;font-size:11px}.formRow input,.formRow select{color:#fff;width:100%;font:inherit;background:#0a0d14;border:1px solid #2b3345;border-radius:10px;outline:none;padding:11px}.formRow select option{background:#111520}.formRow small{color:#707a8f;font-size:10px}.formRow .modalActions{flex-wrap:wrap;gap:8px;display:flex}.formRow .modalActions button{color:#fff;cursor:pointer;background:#171c28;border:1px solid #303748;border-radius:10px;padding:10px 12px}.settingsNote{color:#8b95aa;margin:0;font-size:11px;line-height:1.5}.settingsSaveMsg.settingsError{color:#fca5a5;background:#f871711a;border-color:#f8717140}.keyStatus.unavailable{color:#fbbf24;background:#f59e0b1a;border:1px solid #f59e0b40}.modalActions button:disabled,.saveKeyBtn:disabled{opacity:.55;cursor:wait}.appHomeLink{color:#8b95aa;font-size:12px;text-decoration:none}.appHomeLink:hover{color:#eef1f7}.settingsSection{border-top:1px solid #1e2436;margin-top:18px;padding-top:14px}.settingsSection:first-child{border-top:none;margin-top:0;padding-top:0}.settingsSection h4{text-transform:uppercase;letter-spacing:1.4px;color:#7f899d;margin:0 0 12px;font-size:11px}.apiKeyRow{align-items:center;gap:8px;display:flex;position:relative}.apiKeyRow input{color:#fff;font:inherit;background:#0a0d14;border:1px solid #2b3345;border-radius:10px;outline:none;flex:1;padding:11px 40px 11px 11px}.apiKeyRow .eyeBtn{color:#707a8f;cursor:pointer;background:0 0;border:none;padding:4px;font-size:14px;position:absolute;right:52px}.apiKeyRow .saveKeyBtn{color:#fff;cursor:pointer;white-space:nowrap;background:#171c28;border:1px solid #303748;border-radius:10px;padding:10px 14px;font-size:12px}.apiKeyRow .saveKeyBtn:hover{background:#6845db;border-color:#7654e4}.keyLink{color:#22d3ee;margin-top:4px;font-size:11px;text-decoration:none;display:inline-block}.keyLink:hover{text-decoration:underline}.providerSelector{gap:8px;margin-top:4px;display:flex}.providerSelector button{color:#aeb7c8;cursor:pointer;background:#0a0d14;border:1px solid #2b3345;border-radius:10px;flex:1;padding:10px;font-size:12px;transition:all .2s}.providerSelector button.active-provider{color:#fff;background:linear-gradient(135deg,#8b5cf640,#22d3ee1f);border-color:#8b5cf666}.accountInfo{color:#8b95aa;background:#0a0d14;border:1px solid #1e2436;border-radius:10px;padding:12px;font-size:12px;line-height:1.7}.accountInfo b{color:#eef1f7}.keyStatus{border-radius:6px;margin-left:6px;padding:3px 8px;font-size:10px}.keyStatus.set{color:#34d399;background:#34d3991f;border:1px solid #34d39933}.keyStatus.notset{color:#f87171;background:#f871711a;border:1px solid #f8717133}.settingsSaveMsg{color:#34d399;background:#34d3991a;border:1px solid #34d39933;border-radius:8px;margin-top:8px;padding:8px 12px;font-size:11px;display:none}.voiceIdRow{align-items:center;gap:8px;display:flex}.voiceIdRow input{color:#fff;font:inherit;background:#0a0d14;border:1px solid #2b3345;border-radius:10px;outline:none;flex:1;padding:11px}.voiceIdRow button{color:#fff;cursor:pointer;white-space:nowrap;background:#171c28;border:1px solid #303748;border-radius:10px;padding:10px 14px;font-size:12px}#stageBg{z-index:0;background:radial-gradient(circle at 20% 20%,#2b1f57,#0000 60%),radial-gradient(circle at 80% 30%,#0f3d4a,#0000 55%),linear-gradient(160deg,#090b12,#0c0f1c 60%,#090b12);transition:background .6s;position:absolute;inset:0}#bgVideo{object-fit:cover;z-index:0;width:100%;height:100%;display:none;position:absolute;inset:0}.stage canvas{z-index:1;position:relative}.animBar{z-index:3;flex-wrap:wrap;justify-content:center;gap:6px;display:flex;position:absolute;bottom:92px;left:16px;right:16px}.animBar button{color:#c7cede;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#121724cc;border:1px solid #303748;border-radius:9px;padding:7px 11px;font-size:10px}.animBar button:hover{color:#fff;border-color:#454f68}.animBar button.active{color:#fff;background:#6845db;border-color:#7654e4}#debugPanel{z-index:6;color:#9ad1ff;white-space:pre-wrap;background:#0c1019ee;border:1px solid #2b3345;border-radius:12px;max-width:270px;max-height:60%;padding:10px 12px;font-family:ui-monospace,Consolas,monospace;font-size:10px;line-height:1.65;position:absolute;top:62px;right:16px;overflow:auto}.attentionBubble{z-index:6;color:#eef1f7;text-align:center;background:#171c28ee;border:1px solid #7654e4;border-radius:14px;max-width:80%;padding:10px 15px;font-size:12px;position:absolute;top:62px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0007}.swatchRow{flex-wrap:wrap;gap:6px;display:flex}.swatch{color:#fff;text-transform:capitalize;cursor:pointer;text-shadow:0 1px 3px #000a;border:1px solid #303748;border-radius:10px;flex:1;min-width:74px;padding:18px 8px;font-size:10px}@keyframes kaniKnockShake{0%,to{transform:translate(0)}15%{transform:translate(-4px,2px)}30%{transform:translate(4px,-2px)}45%{transform:translate(-3px,1px)}60%{transform:translate(3px,-1px)}75%{transform:translate(-2px,1px)}90%{transform:translate(2px)}}.stage.shakeKnock{animation:.55s kaniKnockShake}@media (width<=899px){.animBar{bottom:82px}.animBar button{padding:6px 8px}#debugPanel{max-width:60vw}}.app{background:#0d0e14;width:100%;max-width:none;height:100dvh;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.app>header{z-index:8;pointer-events:none;height:auto;position:absolute;inset:12px 16px auto}.app>header .brand{display:none}.app>header .header-right{justify-content:space-between;width:100%}.app>header .status{color:#9b98a4;letter-spacing:.01em;gap:7px;font-size:12px}.app>header .status i{background:#ee7895;width:6px;height:6px;box-shadow:0 0 12px #ee789577}.app>header .appHomeLink{pointer-events:auto;color:#a6a2ae;font-size:12px}.app main{width:100%;height:100%;margin:0;padding:0;display:block;position:absolute;inset:0}.app .stage{width:100%;height:100%;min-height:0;box-shadow:none;background:#0d0e14;border:0;border-radius:0;position:absolute;inset:0;overflow:hidden}.app #stageBg{background:radial-gradient(at 50% 48%,#171820 0,#111219 47%,#0c0d13 100%)}.app .stage canvas{z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}.app .stageTop{align-items:center;top:52px;left:16px;right:16px}.app .glass,.app .icon{color:#c2bfca;background:#101117a8;border-color:#ffffff17}.app .glass{color:#fff;letter-spacing:.01em;background:linear-gradient(135deg,#a84f6b,#713b63);border-color:#f18ba45c;border-radius:13px;min-height:40px;padding-inline:15px;font-size:12px;font-weight:700;transition:transform .18s,box-shadow .18s,filter .18s;box-shadow:0 6px 20px #8f3e5a4a}.app .glass:hover{filter:brightness(1.12);transform:translateY(-2px);box-shadow:0 9px 26px #8f3e5a70}.app .icon{color:#fff0f4;background:linear-gradient(155deg,#24212bef,#14141bef);border:1px solid #ffffff38;border-radius:13px;place-items:center;width:40px;height:40px;padding:0;font-size:17px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:grid;box-shadow:0 5px 16px #0006}.app .icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:18px;height:18px}.app .icon:hover{color:#fff;background:linear-gradient(155deg,#3a2634,#211a27);border-color:#f18ba4a8;transform:translateY(-2px);box-shadow:0 8px 20px #0008,0 0 14px #ed769326}.app .icon:focus-visible,.app .glass:focus-visible{outline-offset:3px;outline:2px solid #ffb1c1}.app .stageBtns{gap:8px}.app .stageBottom{display:none}.app #debugPanel{background:#101117ed;border-color:#ffffff20;top:98px;right:16px}.app .attentionBubble{background:#171219ed;border-color:#ed769377;top:56px}.app .chat{z-index:6;left:50%;bottom:max(8px,env(safe-area-inset-bottom));width:min(672px,100% - 32px);height:auto;min-height:0;max-height:42dvh;box-shadow:none;background:0 0;border:0;border-radius:0;gap:12px;padding:0;display:flex;position:absolute;transform:translate(-50%)}.app .chatHead{display:none}.app .messages{scrollbar-width:thin;scrollbar-color:#ffffff28 transparent;flex:0 auto;max-height:min(24dvh,176px);padding:0 48px 2px;overflow-y:auto}.app .msg{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090a0dcc;border:1px solid #ffffff17;border-radius:16px;width:100%;max-width:100%;margin:0 0 8px;padding:12px 17px;font-size:14px;line-height:1.55;box-shadow:0 8px 28px #0004}.app .msg.user{background:#17131ad9;width:fit-content;max-width:82%;margin-left:auto}.app .msg.ai{background:#090a0dcc}.app .msgHead{justify-content:space-between;align-items:center;gap:12px;margin-bottom:5px;display:flex}.app .msg .meta{color:#ef7594;letter-spacing:.02em;text-transform:none;margin:0;font-size:10px;font-weight:700}.app .msg.user .meta{color:#aaa6b1}.app .msgTools{color:#a5a1ad;align-items:center;gap:9px;display:flex}.app .msgTools .mood{font-size:10px}.app .copyMsg{color:#8d8994;cursor:pointer;background:0 0;border:0;place-items:center;width:20px;height:20px;padding:0;font-size:13px;display:grid}.app .copyMsg:hover{color:#fff}.app .composer{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090a0dcc;border:1px solid #ffffff20;border-radius:16px;align-items:center;gap:9px;min-height:50px;padding:5px 10px;display:flex;box-shadow:0 8px 30px #0005}.app .composer textarea{color:#f0edf4;background:0 0;border:0;border-radius:0;align-self:center;min-width:0;min-height:36px;max-height:100px;padding:8px 7px;font-size:13px}.app .composer textarea::placeholder{color:#77747f}.app .composerIcon,.app .send{color:#a6a2ae;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:0 0 32px;place-items:center;width:32px;height:32px;padding:0;font-size:17px;line-height:1;display:grid}.app .composerIcon:hover,.app .send:hover{color:#fff;background:#ffffff0d}.app .composerIcon svg{width:19px;height:19px}.app .composerIcon[hidden]{display:none}.app .send{color:#77737e;font-size:16px}.app .hint{display:none}.app>.toolbar{z-index:8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(160deg,#211b26f2,#13131bf2);border:1px solid #ffffff30;border-radius:19px;flex-direction:column;align-items:stretch;gap:6px;width:148px;padding:9px;display:flex;position:absolute;inset:50% auto auto 16px;transform:translateY(-50%);box-shadow:0 14px 38px #0008,0 0 28px #ed769314}.app>.toolbar .animBar{flex-direction:column;justify-content:stretch;gap:5px;display:flex;position:static;inset:auto}.app>.toolbar button,.app>.toolbar .animBar button{align-items:center;justify-content:initial;color:#f4eff5;letter-spacing:.015em;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;grid-template-columns:28px minmax(0,1fr);gap:8px;width:100%;min-width:0;min-height:46px;padding:0 9px;font:700 12px/1 Inter,system-ui,sans-serif;transition:background .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s;display:grid}.app>.toolbar button:hover,.app>.toolbar .animBar button:hover{color:#fff;background:#ffffff13;border-color:#f18ba47a;transform:translate(2px);box-shadow:0 5px 14px #0004}.app>.toolbar .animBar button.active{color:#fff;background:linear-gradient(110deg,#aa4c683f,#9c6bdc30);border-color:#f18ba4a6;box-shadow:inset 3px 0 #ff9db4,0 5px 16px #0004}.app>.toolbar .navIcon{color:#ffb1c2;background:#ffffff10;border:1px solid #ffffff24;border-radius:9px;flex:0 0 28px;place-items:center;width:28px;height:28px;font-size:16px;line-height:1;display:grid}.app>.toolbar button>span:last-child,.app>.toolbar .animBar button>span:last-child{text-overflow:ellipsis;white-space:nowrap;text-align:left;min-width:0;max-width:100%;display:block;overflow:hidden}.app>.toolbar button:hover .navIcon,.app>.toolbar .animBar button.active .navIcon{color:#fff;background:#ed769340;border-color:#f18ba4a6}.app>.toolbar .navDivider{background:linear-gradient(90deg,#0000,#ffffff45,#0000);height:1px;margin:3px 2px}.app>.toolbar button:focus-visible,.app>.toolbar .animBar button:focus-visible{outline-offset:2px;outline:2px solid #ffb1c1}.app .modal{z-index:20}@media (width<=700px){.app>header{inset:max(10px,env(safe-area-inset-top)) 12px auto}.app>header .status{font-size:11px}.app>header .header-right{gap:8px}.app>header .appHomeLink{padding:8px 2px}.app .stageTop{gap:6px;top:46px;left:12px;right:12px}.app .stageTop>.glass{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:calc(100% - 152px);overflow:hidden}.app .stageBtns{flex:none;gap:4px}.app .icon{flex:0 0 34px;width:34px;height:34px;padding:0}.app .glass{padding:9px 10px}.app>.toolbar{border-radius:15px;flex-direction:row;align-items:stretch;gap:3px;width:calc(100% - 24px);max-width:420px;padding:5px;inset:91px auto auto 50%;transform:translate(-50%)}.app>.toolbar .animBar{flex-direction:row;flex:2;gap:3px;min-width:0}.app>.toolbar button,.app>.toolbar .animBar button{letter-spacing:0;flex:1 1 0;grid-template-rows:22px auto;grid-template-columns:minmax(0,1fr);align-content:center;justify-items:center;gap:3px;min-width:0;min-height:52px;padding:3px 2px;font-size:9px;line-height:1.1;display:grid}.app>.toolbar .navIcon{flex:0 0 22px;width:22px;height:22px;font-size:13px}.app>.toolbar button>span:last-child,.app>.toolbar .animBar button>span:last-child{text-align:center;width:100%}.app>.toolbar .navDivider{background:linear-gradient(#0000,#ffffff45,#0000);flex:0 0 1px;align-self:center;width:1px;height:34px;margin:0 2px}.app .chat{bottom:max(8px,env(safe-area-inset-bottom));gap:8px;width:calc(100% - 20px)}.app .messages{max-height:22dvh;padding:0 12px 2px}.app .msg{padding:10px 13px;font-size:13px}.app .composer{border-radius:14px;gap:5px;min-height:48px;padding:4px 6px}.app .composerIcon,.app .send{flex-basis:29px;width:29px;height:30px}.app .composer textarea{font-size:12px}}@media (width<=380px){.app .stageTop{gap:4px;left:8px;right:8px}.app .stageTop>.glass{max-width:calc(100% - 126px);padding:7px;font-size:9px}.app .stageBtns{gap:3px}.app .icon{border-radius:9px;flex-basis:29px;width:29px;height:30px;font-size:13px}.app>.toolbar{gap:2px;width:calc(100% - 16px);padding:4px;top:88px}.app>.toolbar .animBar{gap:2px}.app>.toolbar button,.app>.toolbar .animBar button{grid-template-rows:20px auto;gap:2px;min-height:48px;padding:2px 1px;font-size:8px}.app>.toolbar .navIcon{flex-basis:20px;width:20px;height:20px;font-size:12px}.app>.toolbar .navDivider{height:30px;margin-inline:1px}.app .chat{width:calc(100% - 14px)}.app .composer{gap:2px;padding-inline:4px}.app .composerIcon,.app .send{flex-basis:26px;width:26px}}@media (width<=700px) and (orientation:landscape){.app>.toolbar{top:76px}.app .stageTop{top:12px}.app .chat{max-height:58dvh}.app .messages{max-height:30dvh}}.characterOptions{gap:9px;max-height:68dvh;padding:2px;display:grid;overflow-y:auto}.characterOption{color:#f6f1f7;text-align:left;cursor:pointer;background:linear-gradient(140deg,#1c1a23,#14151d);border:1px solid #34303b;border-radius:13px;align-items:center;gap:12px;width:100%;padding:12px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:flex}.characterOption:hover,.characterOption:focus-visible{background:linear-gradient(140deg,#29202b,#191821);border-color:#ed8ca5;outline:none;transform:translateY(-1px);box-shadow:0 8px 20px #0005}.characterOption.selected{background:linear-gradient(110deg,#532e405c,#38284a52);border-color:#ed8ca5;box-shadow:inset 3px 0 #f18ba4}.characterOptionMark{color:#ffc0cf;background:#ed76931c;border:1px solid #ed8ca54a;border-radius:13px;flex:0 0 42px;place-items:center;width:42px;height:42px;font:600 21px Georgia,serif;display:grid}.characterOptionCopy{gap:3px;min-width:0;display:grid}.characterOptionCopy strong{color:#fff;font-size:14px}.characterOptionCopy>span{color:#ffadbf;font-size:11px;font-weight:700}.characterOptionCopy small{color:#d0cbd5;font-size:11px;line-height:1.5}.characterOptionCheck{color:#f6dce4;border:1px solid #ffffff1c;border-radius:999px;flex:none;margin-left:auto;padding:6px 8px;font-size:10px;font-weight:700}.characterOption.selected .characterOptionCheck{color:#ffdce5;background:#ed769326;border-color:#ed8ca580}@media (width<=480px){.characterOption{gap:9px;padding:10px}.characterOptionMark{flex-basis:36px;width:36px;height:36px}.characterOptionCopy small{font-size:10px}.characterOptionCheck{padding:5px 6px;font-size:9px}}.app .modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03050ac7;padding:clamp(12px,3vw,28px);overflow-y:auto}.app .modalBox{background:linear-gradient(160deg,#151a27,#0d111b);border-color:#343b50;border-radius:22px;flex-direction:column;width:min(680px,100%);max-height:min(820px,100dvh - 32px);padding:0;display:flex;overflow:hidden;box-shadow:0 28px 90px #0000008c,0 0 0 1px #ffffff08}.app .modalHead{background:#121723eb;border-bottom:1px solid #252c3d;flex:none;min-height:70px;padding:18px 22px}.app .modalHead h3{color:#f5f7fb;letter-spacing:-.02em;font-size:18px}.app .modalHead button{color:#aeb7c8;border:1px solid #0000;border-radius:10px;place-items:center;width:34px;height:34px;font-size:22px;line-height:1;display:grid}.app .modalHead button:hover{color:#fff;background:#ffffff0c;border-color:#3c465d}.app #modalBody{scrollbar-color:#3a4357 transparent;scrollbar-width:thin;min-height:0;padding:4px 22px 22px;overflow-y:auto}.app #modalBody>.formRow{gap:0}.app .settingsSection{background:#0a0e179e;border:1px solid #252d40;border-radius:16px;margin-top:20px;padding:18px}.app .settingsSection:first-child{margin-top:16px}.app .settingsSection h4{color:#d7dcea;align-items:center;gap:8px;margin-bottom:14px;font-size:11px;display:flex}.app .settingsSection h4:before{content:"";background:#ed7897;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 12px #ed789766}.app .settingsSectionHead{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.app .settingsSectionHead h4{margin-bottom:5px}.app .settingsSectionLead{color:#8f9aae;margin:0 0 14px;font-size:11px;line-height:1.5}.app .accountBadge{color:#8ce0c0;letter-spacing:.08em;background:#16352f;border:1px solid #3c5360;border-radius:999px;flex:none;padding:5px 8px;font-size:9px;font-weight:800}.app .accountInfo{background:#080c14;border-color:#2a3347;margin-bottom:14px}.app .profileActions{flex-wrap:wrap;gap:9px;margin-top:14px;display:flex}.app .profileActions button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#bd5d7c,#8054b7);border:1px solid #ec8ba6;border-radius:11px;min-height:42px;padding:10px 14px;font:700 12px/1 Inter,system-ui,sans-serif;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}.app .profileActions #saveProfile:hover{background:linear-gradient(135deg,#d56b8d,#9564ca);border-color:#ffb1c2;transform:translateY(-1px);box-shadow:0 8px 20px #854a8460}.app .profileActions .signOutButton{color:#ffb7c7;background:#281923;border-color:#704052}.app .profileActions .signOutButton:hover{background:#3a1d2b;border-color:#dd718e;transform:translateY(-1px)}.app .profileActions button:focus-visible{outline-offset:3px;outline:2px solid #ffb1c2}.app .profileActions button:disabled{cursor:wait;opacity:.6;box-shadow:none;transform:none}.app .settingsSection label{color:#b9c1d0;margin-top:13px;font-size:11px;font-weight:600;display:block}.app .settingsSection input{background:#080c14;border-color:#2b3549;min-height:44px;margin-top:7px;transition:border-color .18s,box-shadow .18s}.app .settingsSection input:focus,.app .apiKeyRow input:focus{border-color:#d86b8a;box-shadow:0 0 0 3px #d86b8a22}.app .settingsNote{color:#8f9aae;margin-bottom:14px;line-height:1.65}.app .modalActions{margin-top:12px}.app .apiKeyRow .saveKeyBtn{color:#fff;letter-spacing:.01em;background:linear-gradient(135deg,#bd5d7c,#8054b7);border:1px solid #ec8ba6;border-radius:11px;min-height:42px;font:700 12px/1 Inter,system-ui,sans-serif;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s;box-shadow:0 7px 18px #854a843d,inset 0 1px #ffffff29}.app .apiKeyRow .saveKeyBtn:hover{background:linear-gradient(135deg,#d56b8d,#9564ca);border-color:#ffb1c2;transform:translateY(-1px);box-shadow:0 10px 24px #854a845c,inset 0 1px #fff3}.app .apiKeyRow .saveKeyBtn:focus-visible{outline-offset:3px;outline:2px solid #ffb1c2}.app .apiKeyRow .saveKeyBtn:active{transform:translateY(0);box-shadow:0 4px 12px #854a843d,inset 0 2px 5px #00000029}.app .apiKeyRow .saveKeyBtn:disabled{color:#aeb7c8;box-shadow:none;background:#252b39;border-color:#555d70}.app .apiKeyRow{align-items:stretch}.app .apiKeyRow input{min-width:0}@media (width<=600px){.app .modal{align-items:end;padding:8px}.app .modalBox{border-radius:20px;max-height:calc(100dvh - 16px)}.app .modalHead{min-height:62px;padding:14px 16px}.app #modalBody{padding-inline:14px}.app .settingsSection{border-radius:14px;margin-top:14px;padding:14px}.app .settingsSectionHead{display:block}.app .accountBadge{margin-bottom:4px;display:inline-block}.app .apiKeyRow{grid-template-columns:1fr auto;display:grid}.app .apiKeyRow input{grid-column:1/-1}.app .apiKeyRow .eyeBtn{top:10px;right:8px}.app .apiKeyRow .saveKeyBtn{grid-column:1/-1;width:100%;min-height:44px}.app .formRow .modalActions button{width:100%}.app .profileActions{grid-template-columns:1fr;display:grid}.app .profileActions button{width:100%}}.auth-page{color:#19251f;background:radial-gradient(at 12% 8%,#c9ed733d,#0000 35%),#f1f3ed;grid-template-columns:minmax(0,1fr);place-items:center;width:100%;min-height:100svh;padding:clamp(24px,5vh,56px) clamp(20px,5vw,72px);font-family:Inter,DM Sans,sans-serif;display:grid}.auth-layout{background:#fff;border:1px solid #e0e5db;border-radius:28px;grid-template-columns:1fr .88fr;width:min(1040px,100%);min-height:min(700px,100svh - 48px);display:grid;overflow:hidden;box-shadow:0 30px 80px #1a2c1f29,0 3px 10px #1a2c1f0d}.auth-story{color:#f7f8f2;background:radial-gradient(at 75% 18%,#c9ed732e,#0000 34%),radial-gradient(at 15% 100%,#679d7040,#0000 45%),#183a2a;flex-direction:column;justify-content:space-between;min-width:0;padding:42px;display:flex;position:relative;overflow:hidden}.auth-story:after{content:"";pointer-events:none;border:1px solid #dcf4c12e;border-radius:50%;width:350px;height:350px;position:absolute;top:44%;right:-145px;box-shadow:0 0 0 35px #dcf4c10b,0 0 0 72px #dcf4c109}.auth-brand{z-index:1;width:fit-content;color:inherit;align-items:center;gap:11px;font-size:17px;font-weight:800;text-decoration:none;display:inline-flex;position:relative}.auth-brand-mark{color:#183a2a;background:#d9f29b;border:1px solid #ffffff3d;border-radius:12px;place-items:center;width:35px;height:35px;font:700 18px Georgia,serif;display:grid}.auth-story-copy{z-index:1;max-width:455px;margin-block:64px;position:relative}.auth-story-kicker{color:#d8edbd;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:700}.auth-story-copy h2{letter-spacing:-.055em;max-width:420px;margin:17px 0 14px;font:600 clamp(34px,4vw,51px)/1.08 Manrope,Inter,sans-serif}.auth-story-copy>p{color:#c7d6c8;max-width:390px;font-size:14px;line-height:1.7}.auth-benefits{gap:18px;margin-top:38px;display:grid}.auth-benefits>div{align-items:center;gap:15px;display:flex}.auth-benefits>div>span{color:#d8edbd;border:1px solid #dcf4c147;border-radius:50%;flex:none;place-items:center;width:31px;height:31px;font-size:10px;font-weight:700;display:grid}.auth-benefits p{gap:3px;margin:0;display:grid}.auth-benefits strong{font-size:12px}.auth-benefits small{color:#b5c9b8;font-size:11px}.auth-story-foot{z-index:1;color:#b5c9b8;margin:0;font-size:11px;position:relative}.auth-card{background:#fff;align-self:center;width:100%;max-width:500px;margin-inline:auto;padding:56px clamp(32px,5vw,72px)}.auth-mobile-brand{color:#245c42;align-items:center;gap:9px;font-size:17px;font-weight:800;text-decoration:none;display:inline-flex}.auth-mobile-top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:34px;display:none}.auth-mobile-top .auth-brand-mark{border-color:#cfe4c7;width:29px;height:29px;font-size:15px}.auth-home-link{color:#718075;font-size:11px;font-weight:700;text-decoration:none}.auth-home-link:hover,.auth-home-link:focus-visible{color:#245c42;text-decoration:underline}.auth-eyebrow{color:#55745e;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:10px;font-weight:800}.auth-card h1{color:#1c2821;letter-spacing:-.045em;margin:0;font:700 clamp(34px,3vw,40px)/1.12 Manrope,Inter,sans-serif}.auth-description{color:#707a71;margin:11px 0 25px;font-size:13px;line-height:1.65}.auth-tabs{background:#f5f7f3;border:1px solid #e6eae3;border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:22px;padding:4px;display:grid}.auth-tabs button{color:#727c73;min-height:38px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;font-size:12px;font-weight:700}.auth-tabs button.active{color:#234c34;background:#fff;box-shadow:0 1px 4px #1932201f}.auth-form{gap:15px;display:grid}.auth-form label{color:#35433a;gap:7px;font-size:11px;font-weight:700;display:grid}.auth-field-hint{color:#8a938a;margin-top:-2px;font-size:10px;font-weight:500}.auth-form input{box-sizing:border-box;color:#1c2821;background:#fff;border:1px solid #dce2db;border-radius:8px;width:100%;min-height:45px;padding:11px 12px;font:13px Inter,DM Sans,sans-serif;transition:border-color .18s,box-shadow .18s}.auth-form input::placeholder{color:#a1aaa1}.auth-form input:focus{border-color:#4e805c;outline:0;box-shadow:0 0 0 3px #4e805c21}.auth-password-wrap{display:block;position:relative}.auth-password-wrap input{padding-right:58px}.auth-password-toggle{color:#55745e;width:32px;height:32px;font:inherit;cursor:pointer;background:0 0;border:0;padding:7px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.auth-password-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:18px;height:18px;display:block}.auth-password-toggle:hover,.auth-password-toggle:focus-visible{color:#194830}.auth-form input:invalid:not(:placeholder-shown){border-color:#d8a3a3}.auth-submit{color:#fff;min-height:46px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#2d7451,#245c42);border:1px solid #245c42;border-radius:10px;margin-top:3px;font-size:13px;font-weight:700;transition:background .18s,transform .18s}.auth-submit:not(:disabled):hover{background:linear-gradient(135deg,#347f5a,#194830);transform:translateY(-1px)}.auth-submit:disabled,.auth-text-button:disabled{cursor:not-allowed;opacity:.58}.auth-text-button{color:#245c42;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;font-weight:700}.auth-forgot{justify-self:center;margin-top:1px}.auth-terms{color:#8a938a;text-align:center;margin:24px 0 0;font-size:10px;line-height:1.6}.auth-message{border-radius:8px;gap:5px;padding:11px 12px;font-size:11px;line-height:1.5;display:grid}.auth-error{color:#8d2929;background:#fff0f0}.auth-notice{color:#245c42;background:#edf6e9}.auth-setup{color:#72551b;background:#fff9e9;border:1px solid #ead8ab;margin:0 0 16px}.auth-setup span{overflow-wrap:anywhere}.accountEmail{color:#eef1f7;overflow-wrap:anywhere;max-width:180px;font-size:12px;line-height:1.35;display:grid}.accountEmail small{color:#aab1c0;font-size:10px}.header-right button.appHomeLink{cursor:pointer;font:inherit;border:0}@media (width<=760px){.auth-page{padding:18px}.auth-layout{width:min(500px,100%);min-height:auto;display:block}.auth-story{display:none}.auth-mobile-top{display:flex}.auth-card{padding:30px clamp(22px,7vw,48px) 34px}.auth-card h1{font-size:clamp(29px,8vw,34px)}}@media (width<=600px){.auth-page{padding:12px;display:block}@media (width>=761px) and (height<=760px){.auth-page{align-items:start;padding-block:24px}.auth-layout{min-height:0}.auth-story,.auth-card{padding-block:34px}.auth-story-copy{margin-block:28px}}.auth-layout{border-radius:18px}.auth-description{margin-bottom:21px}.auth-terms{margin-top:20px}.app>header .header-right{gap:7px}@media (width<=380px){.auth-page{padding:0}.auth-layout{border:0;border-radius:0;min-height:100vh}.auth-card{padding-inline:20px}.auth-tabs button{font-size:11px}}.accountEmail{max-width:110px}.accountEmail small{display:none}}