:root{--bg:#0c0d0e;--card:#151618;--border:#222428;--text:#e6e8eb;--text-dim:#858b95;--accent:#58a6ff;--danger:#ff8585}*{box-sizing:border-box;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background:var(--bg);color:var(--text);flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;overflow:hidden}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.gear-btn{top:max(24px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));color:var(--text-dim);cursor:pointer;z-index:10;background:0 0;border:0;border-radius:50%;padding:8px;transition:color .3s,transform .4s;position:absolute}.gear-btn:hover{color:var(--text);transform:rotate(90deg)}.gear-btn svg{width:22px;height:22px;display:block}.center-stage{flex-direction:column;align-items:center;margin-bottom:80px;display:flex;position:relative}.bubble-wrapper{justify-content:center;align-items:flex-end;width:min(380px,100vw - 40px);min-height:50px;margin-bottom:24px;display:flex}.speech-bubble{background:var(--card);border:1px solid var(--border);color:var(--text);text-align:center;overflow-wrap:anywhere;opacity:0;visibility:hidden;border-radius:14px;max-width:380px;padding:14px 20px;font-size:14px;line-height:1.5;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1),visibility .4s;transform:translateY(8px)scale(.98);box-shadow:0 4px 20px #0006}.speech-bubble.visible{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.avatar{cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 10px 24px #0005);width:120px;height:120px;animation:4s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.eye{transform-box:fill-box;transform-origin:50%;transition:transform .24s,fill .3s}.hand{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s,visibility .28s}.hand-drift,.hand-pose{transform-box:fill-box;transform-origin:50%}.hand-palm{fill:#a9c9e8;stroke:#d6e8fa;stroke-width:1.2px;stroke-linejoin:round;stroke-linecap:round}.hand-detail{fill:none;stroke:#7899ba;stroke-width:1.1px;stroke-linecap:round;opacity:.8}.avatar.gesture-wave .hand,.avatar.gesture-hug .hand,.avatar.gesture-clap .hand,.avatar.gesture-shrug .hand,.avatar.gesture-point .hand{opacity:1;visibility:visible}.avatar.gesture-wave .hand-drift,.avatar.gesture-hug .hand-drift,.avatar.gesture-clap .hand-drift,.avatar.gesture-shrug .hand-drift,.avatar.gesture-point .hand-drift{animation:2.1s ease-in-out infinite hand-hover}.avatar.gesture-wave .hand-right .hand-pose{animation:.82s cubic-bezier(.4,0,.2,1) 2 hand-wave}.avatar.gesture-hug .hand-left .hand-pose{transform:translate(6px,-2px)rotate(25deg)}.avatar.gesture-hug .hand-right .hand-pose{transform:translate(-6px,-2px)rotate(-25deg)}.avatar.gesture-clap .hand-left .hand-pose{animation:.42s cubic-bezier(.4,0,.2,1) 2 alternate clap-left}.avatar.gesture-clap .hand-right .hand-pose{animation:.42s cubic-bezier(.4,0,.2,1) 2 alternate clap-right}.avatar.gesture-shrug .hand-left .hand-pose{transform:translate(-1px,-6px)rotate(-27deg)}.avatar.gesture-shrug .hand-right .hand-pose{transform:translate(1px,-6px)rotate(27deg)}.avatar.gesture-point .hand-right .hand-pose{transform:translate(4px,-1px)rotate(-38deg)}.avatar.gesture-point .hand-left{opacity:.65}@keyframes hand-hover{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes hand-wave{0%,to{transform:rotate(0)}28%{transform:rotate(-24deg)translateY(-2px)}66%{transform:rotate(18deg)translateY(-1px)}}@keyframes clap-left{to{transform:translate(5px)}}@keyframes clap-right{to{transform:translate(-5px)}}.avatar.exp-happy .eye{transform:translateY(-1px)scale(1.12)}.avatar.exp-curious .eyeL{transform:translate(2px,-1px)scale(1.18)}.avatar.exp-sleepy .eye{transform:scaleY(.18)}.avatar.exp-surprised .eye{transform:scale(1.35)}.avatar.exp-sad .eye{fill:#8bbcff;transform:translateY(2px)scale(.82)}.avatar.exp-love .eye{fill:#ff78aa;transform:scale(1.12)}.avatar.exp-thinking .eyeL{transform:translate(3px,-2px)}.avatar.exp-thinking .eyeR{transform:translate(4px,-2px)}.avatar.exp-playful .eyeL{transform:scaleY(.16)}.avatar.exp-excited .eye{fill:#83d5ff;transform:scale(1.25)}.avatar.var-calm .eye{transform:scale(.96)}.avatar.var-alert .eye{transform:scale(1.08)}.avatar.var-blink .eye{animation:.35s blink}.avatar.var-bright .eye{transform:scale(1.28)}.avatar.var-squint .eye{transform:scaleY(.62)}.avatar.var-wide .eye{transform:scale(1.38)}.avatar.exp-happy.var-soft .eye{transform:translateY(-1px)scale(1.04)}.avatar.exp-surprised.var-soft .eye{transform:scale(1.12)}.avatar.exp-sad.var-soft .eye{fill:#a8caff;transform:translateY(1px)scale(.9)}.avatar.var-left .eyeL{transform:translate(-3px,1px)}.avatar.var-right .eyeR{transform:translate(3px,1px)}.avatar.var-peek .eyeR{transform:translate(4px,1px)scale(.78)}.avatar.var-drowsy .eye{transform:scaleY(.26)}.avatar.var-deep .eye{transform:scaleY(.12)}.avatar.var-wake .eye{transform:scale(1.2)}.avatar.var-downcast .eye{fill:#8bbcff;transform:translateY(3px)scale(.78)}.avatar.var-heavy .eye{transform:scale(.9,.55)}.avatar.var-shy .eye{fill:#ff91b5;transform:scale(.94)}.avatar.var-dreamy .eye{fill:#e69bff;transform:scale(1.1)}.avatar.var-focused .eye{transform:scale(.92,1.16)}.avatar.var-unsure .eyeL{transform:translateY(-2px)scale(1.1)}.avatar.var-wink_left .eyeL,.avatar.var-wink_right .eyeR{transform:scaleY(.12)}.avatar.var-tease .eyeL{transform:scaleY(.16)}.avatar.var-spark .eye{fill:#83d5ff;transform:scale(1.32)}.avatar.var-eager .eye{transform:scale(1.18)}.avatar.anim-pet{animation:.55s pet}.avatar.anim-boop{animation:.62s cubic-bezier(.2,.8,.3,1) boop}.avatar.anim-bounce{animation:.72s bounce}.avatar.anim-wiggle{animation:.6s wiggle}.avatar.anim-spin{animation:.72s spin}.avatar.anim-blink .eye{animation:.35s blink}.avatar.anim-nod{animation:.6s nod}.avatar.anim-pulse{animation:.8s pulse}.avatar.anim-shake{animation:.6s shake}.avatar.anim-float{animation:.85s float}@keyframes pet{50%{transform:translateY(-9px)scale(1.05)}}@keyframes boop{25%{transform:translateY(4px)rotate(-7deg)}55%{transform:translateY(-6px)rotate(4deg)}}@keyframes bounce{35%{transform:translateY(-15px)}70%{transform:translateY(2px)}}@keyframes wiggle{25%{transform:rotate(-9deg)}75%{transform:rotate(9deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{50%{transform:scaleY(.12)}}@keyframes nod{35%{transform:rotate(8deg)}70%{transform:rotate(-4deg)}}@keyframes pulse{50%{transform:scale(1.08)}}@keyframes shake{20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}.avatar.anim-tilt{animation:.72s tilt}.avatar.anim-sway{animation:1s sway}.avatar.anim-hop{animation:.7s cubic-bezier(.2,.8,.3,1) hop}.avatar.anim-drift{animation:1s drift}.avatar.anim-recoil{animation:.55s recoil}.avatar.anim-stretch{animation:.65s stretch}.avatar.anim-tremble{animation:.55s tremble}.avatar.anim-double-blink{animation:.78s double-blink-body}.avatar.anim-double-blink .eye{animation:.78s double-blink}.avatar.anim-spin-small{animation:.65s spin-small}.avatar.anim-pulse-soft{animation:.9s pulse-soft}.avatar.anim-nod-double{animation:.75s nod-double}.avatar.anim-wiggle-small{animation:.55s wiggle-small}.avatar.anim-lean-in{animation:.6s lean-in}.avatar.anim-bounce-soft{animation:.85s bounce-soft}.avatar.anim-look-around{animation:1s look-around-body}.avatar.anim-look-around .eyeL{animation:1s look-left}.avatar.anim-look-around .eyeR{animation:1s look-right}.avatar.anim-settle{animation:.8s settle}.avatar.anim-float-fast{animation:.65s float-fast}.avatar.anim-startle{animation:.62s startle}.avatar.anim-excited-hop{animation:.8s cubic-bezier(.2,.8,.3,1) excited-hop}.avatar.anim-peek{animation:.7s peek}.avatar.anim-somersault{animation:1.35s cubic-bezier(.35,.05,.25,1) somersault}.avatar.anim-cartwheel{animation:1.1s cubic-bezier(.3,.7,.2,1) cartwheel}.avatar.anim-dance{animation:1.25s ease-in-out dance}.avatar.anim-twirl{animation:.9s cubic-bezier(.2,.8,.3,1) twirl}.avatar.anim-moonwalk{animation:1.15s ease-in-out moonwalk}.avatar.anim-bow{animation:.85s ease-in-out bow}.avatar.anim-peekaboo{animation:1.05s ease-in-out peekaboo}.avatar.anim-celebrate{animation:.95s cubic-bezier(.2,.8,.3,1) celebrate}.avatar.anim-handstand{animation:1.1s cubic-bezier(.3,.7,.2,1) handstand}.avatar.anim-hop-spin{animation:1s cubic-bezier(.2,.8,.3,1) hop-spin}@keyframes tilt{35%{transform:rotate(-8deg)translateY(-2px)}70%{transform:rotate(5deg)}}@keyframes sway{25%{transform:rotate(5deg)translate(4px)}75%{transform:rotate(-5deg)translate(-4px)}}@keyframes hop{40%{transform:translateY(-13px)}70%{transform:translateY(1px)}}@keyframes drift{35%{transform:translate(5px,-5px)}70%{transform:translate(-4px,1px)}}@keyframes recoil{25%{transform:translateY(4px)scale(.96)}60%{transform:translateY(-4px)scale(1.02)}}@keyframes stretch{35%{transform:scale(1.06,.94)}70%{transform:scale(.97,1.04)}}@keyframes tremble{20%,60%{transform:translate(-2px,1px)}40%,80%{transform:translate(2px,-1px)}}@keyframes double-blink{0%,15%,35%,to{transform:scaleY(1)}8%,28%{transform:scaleY(.1)}}@keyframes double-blink-body{50%{transform:translateY(-2px)}}@keyframes spin-small{to{transform:rotate(22deg)}}@keyframes pulse-soft{50%{transform:scale(1.045)}}@keyframes nod-double{25%,70%{transform:rotate(6deg)}48%,90%{transform:rotate(-3deg)}}@keyframes wiggle-small{30%{transform:rotate(-4deg)}70%{transform:rotate(4deg)}}@keyframes lean-in{45%{transform:translateY(-5px)scale(1.035)}}@keyframes bounce-soft{35%{transform:translateY(-8px)}70%{transform:translateY(1px)}}@keyframes look-around-body{50%{transform:translateY(-2px)}}@keyframes look-left{25%,75%{transform:translate(-4px)}}@keyframes look-right{25%,75%{transform:translate(4px)}}@keyframes settle{35%{transform:translateY(-4px)rotate(2deg)}75%{transform:translateY(1px)rotate(-1deg)}}@keyframes float-fast{50%{transform:translateY(-6px)}}@keyframes startle{20%{transform:scale(1.08)}45%{transform:translateY(-6px)scale(1.03)}}@keyframes excited-hop{25%,70%{transform:translateY(-11px)rotate(-4deg)}50%,90%{transform:translateY(1px)rotate(4deg)}}@keyframes peek{35%{transform:translate(5px)rotate(3deg)}70%{transform:translate(-2px)}}@keyframes somersault{0%{transform:perspective(420px)rotateX(0)translateY(0)}32%{transform:perspective(420px)rotateX(150deg)translateY(-18px)}68%{transform:perspective(420px)rotateX(305deg)translateY(-16px)}to{transform:perspective(420px)rotateX(360deg)translateY(0)}}@keyframes cartwheel{25%{transform:translate(-10px,-10px)rotate(-100deg)}50%{transform:translateY(-16px)rotate(-200deg)}75%{transform:translate(10px,-8px)rotate(-280deg)}}@keyframes dance{15%,45%,75%{transform:translateY(-6px)rotate(-9deg)}30%,60%,90%{transform:translateY(1px)rotate(9deg)}}@keyframes twirl{to{transform:rotate(720deg)}}@keyframes moonwalk{25%{transform:translate(12px)}50%{transform:translate(0)}75%{transform:translate(-12px)}}@keyframes bow{35%{transform:rotate(16deg)translateY(5px)}70%{transform:rotate(-3deg)}}@keyframes peekaboo{25%{transform:translate(18px)scale(.92)}50%{transform:translate(18px)scale(.92)}75%{transform:translate(0)scale(1.04)}}@keyframes celebrate{25%,75%{transform:translateY(-12px)rotate(-9deg)}50%{transform:translateY(0)rotate(9deg)}}@keyframes handstand{40%{transform:rotate(120deg)translateY(-8px)}70%{transform:rotate(205deg)translateY(-4px)}}@keyframes hop-spin{35%{transform:translateY(-12px)rotate(150deg)}70%{transform:translateY(1px)rotate(320deg)}}.input-container{bottom:max(32px,env(safe-area-inset-bottom));width:100%;max-width:480px;padding:0 20px;position:absolute;left:50%;transform:translate(-50%)}.input-form{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:6px 16px;transition:border-color .3s;display:flex}.input-form:focus-within{border-color:#383a40}.input-field{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;padding:9px 0;font-size:16px}.input-field::placeholder{color:var(--text-dim)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.modal-overlay{overscroll-behavior:contain;opacity:0;visibility:hidden;pointer-events:none;z-index:20;scrollbar-width:thin;scrollbar-color:#3a3e45 transparent;background:#000000d1;justify-content:center;align-items:flex-start;padding:16px;transition:opacity .24s,visibility .24s;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-overlay.open{opacity:1;visibility:visible;pointer-events:auto}.modal{overscroll-behavior:contain;touch-action:pan-y;scrollbar-gutter:stable;scrollbar-color:#3a3e45 transparent;scrollbar-width:thin;background:linear-gradient(155deg,#191b1e,#111214);border:1px solid #30343a;border-radius:18px;width:min(760px,100vw - 40px);max-height:calc(100dvh - 32px);margin:auto 0;padding:28px;transition:transform .24s cubic-bezier(.16,1,.3,1);overflow-y:auto;transform:translateY(8px)scale(.99);box-shadow:0 16px 48px #0009}.modal::-webkit-scrollbar{width:9px;height:9px}.config-textarea::-webkit-scrollbar{width:9px;height:9px}.model-options::-webkit-scrollbar{width:9px;height:9px}.modal::-webkit-scrollbar-thumb{background:#3a3e45 padding-box padding-box;border:2px solid #0000;border-radius:10px}.config-textarea::-webkit-scrollbar-thumb{background:#3a3e45 padding-box padding-box;border:2px solid #0000;border-radius:10px}.model-options::-webkit-scrollbar-thumb{background:#3a3e45 padding-box padding-box;border:2px solid #0000;border-radius:10px}.modal::-webkit-scrollbar-track{background:0 0}.config-textarea::-webkit-scrollbar-track{background:0 0}.model-options::-webkit-scrollbar-track{background:0 0}.modal-overlay.open .modal{transform:translateY(0)scale(1)}.settings-open .avatar{animation-play-state:paused}.modal-head{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-title{letter-spacing:.01em;font-size:18px;font-weight:550}.close-icon{color:#a4a9b1;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;width:38px;height:38px;font-size:21px;line-height:1;transition:color .2s,background .2s,border-color .2s}.close-icon:hover{color:#fff;background:#25282d;border-color:#353940}.settings-layout{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:stretch;gap:28px;display:grid}.settings-main,.settings-prompt{min-width:0}.settings-prompt{flex-direction:column;display:flex}.settings-prompt .config-textarea{resize:vertical;flex:1;height:360px;min-height:300px;max-height:48dvh}.config-field{min-width:0;margin-bottom:20px}.config-field label{color:#c1c6ce;margin-bottom:8px;font-size:13px;display:block}.config-input,.config-textarea{width:100%;min-width:0;color:var(--text);background:#0d0f11;border:1px solid #30343a;border-radius:10px;padding:12px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s;display:block}.config-input:hover,.config-textarea:hover{border-color:#41464f}.config-input:focus,.config-textarea:focus{border-color:#527ba6;outline:none;box-shadow:0 0 0 3px #58a6ff16}.config-input::placeholder{color:#6e747e}.provider-picker{min-width:0;position:relative}.config-input[type=number]{appearance:textfield}.config-input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.config-input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.config-textarea{scrollbar-color:#3a3e45 transparent;scrollbar-width:thin;overscroll-behavior:contain;line-height:1.55}.field-help{color:#9298a1;margin-top:7px;font-size:12px;line-height:1.5;display:block}.key-row,.model-row{align-items:stretch;gap:10px;display:flex}.key-row .config-input{flex:1}.small-btn,.close-btn,.save-btn,.danger-btn{cursor:pointer;border-radius:10px;min-height:42px;padding:10px 15px;font-size:13px;font-weight:500;transition:transform .18s,background .2s,border-color .2s,box-shadow .2s}.small-btn{color:#e0e3e8;background:linear-gradient(#24272c,#1c1e22);border:1px solid #373b42}.small-btn:hover,.close-btn:hover{background:#2b2e34;border-color:#4a4e57;box-shadow:0 4px 12px #0004}.small-btn:active,.close-btn:active,.save-btn:active,.danger-btn:active{transform:scale(.98)}.small-btn:disabled{opacity:.55;cursor:wait}.close-btn{color:var(--text);background:#202226;border:1px solid #34373d;flex:1}.save-btn{color:#111923;background:linear-gradient(#e8f3ff,#c8e2ff);border:1px solid #d8ebff;flex:1;font-weight:650;box-shadow:0 4px 16px #58a6ff1c}.save-btn:hover{background:#fff;box-shadow:0 6px 22px #58a6ff30}.danger-btn{color:#eab0b2;background:#211719;border:1px solid #553437}.danger-btn:hover{background:#2d1c1e;border-color:#71454a}.model-picker{flex:1;min-width:0;position:relative}.model-button{color:#e3e7ec;text-align:left;cursor:pointer;background:linear-gradient(#111315,#0c0e10);border:1px solid #30343a;border-radius:11px;justify-content:space-between;align-items:center;gap:14px;width:100%;min-height:48px;padding:10px 14px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.model-button:hover,.model-button[aria-expanded=true]{background:#11161b;border-color:#4b6682;box-shadow:0 0 0 3px #58a6ff0b}.model-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.model-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;overflow:hidden}.model-chevron{border-bottom:1.7px solid #9ea6b1;border-right:1.7px solid #9ea6b1;flex:none;width:9px;height:9px;transition:transform .2s;transform:rotate(45deg)translateY(-2px)}.model-button[aria-expanded=true] .model-chevron{transform:rotate(225deg)translate(-1px,-1px)}.model-options{z-index:30;scrollbar-color:#3a3e45 transparent;scrollbar-width:thin;transform-origin:top;background:#17191d;border:1px solid #373c44;border-radius:12px;max-height:300px;padding:5px;animation:.18s cubic-bezier(.16,1,.3,1) list-open;position:absolute;top:calc(100% + 7px);left:0;right:0;overflow:auto;box-shadow:0 18px 44px #000a}.model-options[hidden]{display:none}@keyframes list-open{0%{opacity:0;transform:translateY(-5px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.model-option{color:#cbd0d7;cursor:pointer;border-radius:8px;align-items:center;min-height:42px;padding:9px 11px;font-size:13px;transition:background .15s,color .15s;display:flex}.model-option:hover,.model-option.active{color:#f2f6fb;background:#242a31}.model-option[aria-selected=true]{color:#d8ebff;background:#1d2d3d}.model-empty{color:#9298a1;padding:13px;font-size:12px}.model-status{color:#9298a1;min-height:17px;margin-top:8px;font-size:12px;line-height:1.45}.api-warning{color:#d8c99f;background:linear-gradient(135deg,#211d14,#1a1712);border:1px solid #51442d;border-radius:10px;margin-bottom:22px;padding:12px 14px;font-size:12px;line-height:1.5}.range-row{align-items:center;gap:14px;min-height:34px;display:flex}.range-row input{appearance:none;cursor:pointer;background:linear-gradient(90deg,#58a6ff,#457fba);border:0;border-radius:99px;flex:1;min-width:0;height:5px}.range-row input::-webkit-slider-thumb{appearance:none;background:#58a6ff;border:3px solid #d8eaff;border-radius:50%;width:17px;height:17px;transition:transform .16s,box-shadow .16s;box-shadow:0 1px 7px #0008}.range-row input::-webkit-slider-thumb:hover{transform:scale(1.16);box-shadow:0 0 0 5px #58a6ff20}.range-row input::-moz-range-thumb{background:#58a6ff;border:3px solid #d8eaff;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 7px #0008}.range-row output{text-align:right;color:#c5cbd3;font-variant-numeric:tabular-nums;width:44px;font-size:13px}.settings-grid{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.modal-actions{border-top:1px solid #292c31;gap:10px;margin-top:26px;padding-top:18px;display:flex}.config-field:has(#systemPrompt){margin-top:4px}.thinking-field[hidden]{display:none}.field-label{color:#c1c6ce;margin-bottom:8px;font-size:13px;display:block}.thinking-options{grid-template-columns:1fr 1fr;gap:9px;display:grid}.thinking-option{color:#cbd0d7;text-align:left;cursor:pointer;background:linear-gradient(#121416,#0d0f11);border:1px solid #30343a;border-radius:10px;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;min-height:58px;padding:10px 13px;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s;display:flex}.thinking-option:hover{background:#151b21;border-color:#52677f}.thinking-option:active{transform:scale(.99)}.thinking-option[aria-pressed=true]{background:linear-gradient(145deg,#1b2a38,#151d25);border-color:#47719a;box-shadow:inset 0 0 0 1px #58a6ff1c}.thinking-option strong{color:#e3e8ef;font-size:13px;font-weight:600}.thinking-option small{color:#9299a3;font-size:11px;line-height:1.35}.thinking-option[aria-pressed=true] strong{color:#d6eaff}@media (width<=640px){.modal{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:22px}.settings-layout,.settings-grid{grid-template-columns:1fr;gap:0}.settings-prompt .config-textarea{height:230px;min-height:180px;max-height:36dvh}.modal-actions{flex-wrap:wrap}.danger-btn{flex:100%}}@media (width<=480px){.center-stage{margin-bottom:62px}.bubble-wrapper{margin-bottom:20px}.input-container{bottom:max(24px,env(safe-area-inset-bottom))}.modal-head{margin-bottom:18px}.key-row,.model-row{flex-direction:column}}@media (height<=520px){.center-stage{margin-bottom:54px}.avatar{width:96px;height:96px}.bubble-wrapper{min-height:40px;margin-bottom:12px}.input-container{bottom:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html,body{overscroll-behavior:none;touch-action:pan-x pan-y}body{height:100svh;min-height:0;position:relative}.gear-btn{width:44px;height:44px;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));touch-action:manipulation;place-items:center;display:grid}.input-container{bottom:max(12px,env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));transition:bottom .24s cubic-bezier(.16,1,.3,1)}.keyboard-open .input-container{bottom:calc(12px + var(--keyboard-inset,0px))}.modal-overlay{height:100svh;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.modal{max-height:calc(100svh - 24px)}.modal button,.modal .model-button,.modal .provider-button{min-height:44px}@media (width<=640px){.modal{max-height:calc(100svh - max(24px,env(safe-area-inset-top) + env(safe-area-inset-bottom)));overscroll-behavior:contain}.modal input,.modal textarea,.modal select{font-size:16px}.settings-prompt .config-textarea{max-height:32dvh}}@media (prefers-reduced-motion:reduce){.avatar{animation:none!important}}html,body,#root{width:100%;height:100%;margin:0}#root{height:100svh;display:flex;overflow:hidden}[data-testid=robot-app]{flex:1;justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative}#settingsBtn{top:max(24px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));z-index:10;color:var(--text-dim);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:50%;padding:8px;transition:color .3s,transform .4s;position:absolute}#settingsBtn:hover{color:var(--text);transform:rotate(90deg)}#settingsBtn svg{width:22px;height:22px;display:block}[data-testid=center-stage]{flex-direction:column;align-items:center;margin-bottom:80px;display:flex;position:relative}[data-testid=bubble-wrapper]{justify-content:center;align-items:flex-end;width:min(380px,100vw - 40px);min-height:50px;margin-bottom:24px;display:flex}#speechBubble{border:1px solid var(--border);background:var(--card);max-width:380px;color:var(--text);text-align:center;overflow-wrap:anywhere;opacity:0;visibility:hidden;border-radius:14px;padding:14px 20px;font-size:14px;line-height:1.5;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1),visibility .4s;display:block;transform:translateY(8px)scale(.98);box-shadow:0 4px 20px #0006}#speechBubble.visible{opacity:1;visibility:visible;transform:translateY(0)scale(1)}[data-testid=robot-art]{justify-content:center;align-items:center;display:flex}#inputContainer{bottom:max(32px,env(safe-area-inset-bottom));width:100%;max-width:480px;padding:0 20px;position:absolute;left:50%;transform:translate(-50%)}#inputForm{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:6px 16px;transition:border-color .3s;display:flex}#inputForm:focus-within{border-color:#383a40}#userInput{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;padding:9px 0;font-size:16px;line-height:1.35;display:block}#userInput::placeholder{color:var(--text-dim)}.keyboard-open #inputContainer{bottom:calc(12px + var(--keyboard-inset,0px))}@media (prefers-reduced-motion:reduce){#settingsBtn,.speech-bubble{transition-duration:.01ms!important}}body{height:100svh}@media (width<=480px){[data-testid=center-stage]{margin-bottom:62px}[data-testid=bubble-wrapper]{margin-bottom:20px}#inputContainer{bottom:max(12px,env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}#settingsBtn{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));place-items:center;width:44px;height:44px;display:grid}}@media (height<=520px){[data-testid=center-stage]{margin-bottom:54px}[data-testid=bubble-wrapper]{min-height:40px;margin-bottom:12px}#avatar{width:96px;height:96px}#inputContainer{bottom:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
/*$vite$:1*/