:root{--bg:#16171a;--fg:#1d1d1f;--dim:#55595f;--faint:#868a92;--accent:#1d1d1f;--accent-dim:#c4c6cb;--accent-soft:#1d1d1f12;--accent-line:#1d1d1f38;--on-accent:#fff;--live:#30c75a;--warn:#b7791f;--danger:#d2463a;--glass:#fff6;--glass-active:#ffffffdb;--glass-solid:#fffffffa;--edge:#ffffff8c;--glass-line:#00000012;--glass-fill:#0000000a;--glass-hover:#0001;--track:#0000001a;--shadow:0 8px 28px #0000001f, 0 1px 4px #0000000f;--mono:ui-monospace, SFMono-Regular, Menlo, monospace;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font:14px/1.6 -apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif}button{font:inherit}.app{height:100%;position:relative;overflow:hidden}.stage{background:radial-gradient(120% 90% at 50% 8%,#2a3348 0%,#171b26 45%,#0d0f15 100%);position:absolute;inset:0}.stage canvas{cursor:grab;width:100%;height:100%;display:block}.stage canvas:active{cursor:grabbing}.overlay{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#141518b3;place-items:center;display:grid;position:absolute;inset:0}.boot{z-index:50;background:radial-gradient(120% 90% at 50% 18%,#2b2d36 0%,#17181d 55%,#0d0e11 100%);place-items:center;transition:opacity .7s .12s;display:grid;position:absolute;inset:0;overflow:hidden}.boot.out{opacity:0;pointer-events:none}.boot-glow{filter:blur(70px);opacity:.55;pointer-events:none;will-change:transform;border-radius:50%;width:62vmax;height:62vmax;position:absolute}.boot-glow.a{background:radial-gradient(circle,#ffba9699,#0000 65%);animation:14s ease-in-out infinite alternate glow-a;top:-22vmax;left:-18vmax}.boot-glow.b{background:radial-gradient(circle,#8c9eff80,#0000 65%);animation:17s ease-in-out infinite alternate glow-b;bottom:-26vmax;right:-18vmax}.boot-fx{pointer-events:none;position:absolute;inset:0}.boot-fx canvas{width:100%;height:100%;display:block}.boot-center{z-index:1}@keyframes glow-a{to{transform:translate(20vmax,14vmax)scale(1.15)}}@keyframes glow-b{to{transform:translate(-18vmax,-12vmax)scale(1.1)}}.boot-center{animation:boot-in .8s var(--ease-out) backwards;flex-direction:column;align-items:center;gap:14px;display:flex;position:relative}@keyframes boot-in{0%{opacity:0;transform:translateY(12px)scale(.96)}}.boot.out .boot-center{opacity:0;filter:blur(8px);transition:transform .8s cubic-bezier(.4,0,.2,1),filter .8s,opacity .55s;transform:scale(1.2)}.boot-ring{place-items:center;width:136px;height:136px;margin-bottom:40px;display:grid;position:relative}.boot-ring svg{position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.boot-ring .track{fill:none;stroke:#ffffff1f;stroke-width:3px}.boot-ring .bar{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;filter:drop-shadow(0 0 6px #ffffff8c);transition:stroke-dashoffset .45s var(--ease-out)}.boot-ring.idle svg{animation:1.1s linear infinite ring-spin}@keyframes ring-spin{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}.boot-ring img,.boot-initial{object-fit:cover;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 30%,#fbfbfc 0%,#ececef 60%,#d6d8de 100%);border-radius:50%;place-items:center;width:108px;height:108px;animation:2.8s ease-in-out infinite avatar-breathe;display:grid;box-shadow:0 12px 34px #0006,inset 0 0 0 2px #ffffffe6}.boot-initial{color:#55595f;font-size:42px;font-weight:700}.boot-ring.idle .boot-initial{background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff14}@keyframes avatar-breathe{50%{transform:scale(1.035)}}.boot-name{color:#fff;letter-spacing:.14em;text-indent:.14em;font-size:20px;font-weight:650}.boot-status{color:#fff9;letter-spacing:.08em;align-items:center;gap:6px;margin-top:-6px;font-size:12.5px;display:flex}.boot-dots{gap:3px;margin-left:-2px;display:inline-flex}.boot-dots i{background:currentColor;border-radius:50%;width:3px;height:3px;animation:1.2s ease-in-out infinite dot}.boot-dots i:nth-child(2){animation-delay:.15s}.boot-dots i:nth-child(3){animation-delay:.3s}.boot-pct{color:#ffffffd9;font-variant-numeric:tabular-nums;margin-left:4px}.app.ui-boot :is(.dock-char,.corner-bl,.chatbar,.panel,.panel-fab,.time-card,.degraded){opacity:0;visibility:hidden;pointer-events:none}.app.ui-in .dock-char{animation:ui-from-top .7s var(--ease-out) .35s backwards}.app.ui-in :is(.panel,.panel-fab){animation:ui-from-top .7s var(--ease-out) .45s backwards}.app.ui-in .chatbar{animation:ui-from-bottom .7s var(--ease-out) .5s backwards}.app.ui-in .corner-bl{animation:ui-from-bottom .7s var(--ease-out) .6s backwards}.app.ui-in .time-card{animation:ui-from-bottom .7s var(--ease-out) .66s backwards}@keyframes ui-from-top{0%{opacity:0;translate:0 -14px}}@keyframes ui-from-bottom{0%{opacity:0;translate:0 16px}}.err{background:#1c1319;border:1px solid #4a2530;border-radius:10px;max-width:420px;padding:18px 20px}.err strong{color:#ff9d9d;margin-bottom:8px;display:block}.err code{color:var(--dim);word-break:break-all;font-size:12px}.glass{background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(1.5)brightness(1.12);backdrop-filter:blur(24px)saturate(1.5)brightness(1.12);border:1px solid var(--edge);box-shadow:var(--shadow);border-radius:18px;transition:background .3s,box-shadow .3s}.glass:hover,.glass:focus-within,.glass.solid{background:var(--glass-active);box-shadow:0 12px 36px #00000029,0 1px 4px #0000000f}.icon-btn{width:32px;height:32px;color:var(--dim);cursor:pointer;background:0 0;border:none;border-radius:10px;flex-shrink:0;place-items:center;transition:background .15s,color .15s;display:inline-grid;position:relative}.icon-btn:hover{background:var(--glass-hover);color:var(--fg)}.icon-btn.on{color:var(--accent)}.icon-btn svg{transition:transform .3s var(--ease-out)}.text-btn{border:1px solid var(--glass-line);color:var(--dim);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:11.5px;display:inline-flex}.text-btn:hover:not(:disabled){color:var(--accent);border-color:var(--accent-line)}.text-btn:disabled{opacity:.4;cursor:default}.switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:inline-flex}.switch input{opacity:0;pointer-events:none;position:absolute}.switch .knob{background:var(--track);border-radius:999px;width:30px;height:17px;transition:background .2s;position:relative}.switch .knob:after{content:"";width:13px;height:13px;transition:transform .25s var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}.switch.on .knob{background:var(--accent)}.switch.on .knob:after{transform:translate(13px)}.switch input:focus-visible+.knob{outline:2px solid var(--accent);outline-offset:2px}.switch.disabled{opacity:.45;cursor:default}.switch-label{color:var(--dim);min-width:2em;font-size:11px}.avatar{color:var(--dim);background:radial-gradient(circle at 50% 30%,#fbfbfc 0%,#ececef 60%,#dcdde2 100%);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:inline-grid;position:relative;overflow:hidden;box-shadow:0 1px 4px #00000026}.avatar:after{content:"";pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #ffffffe6}.avatar img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%}.spinner{border:1.5px solid var(--track);border-top-color:var(--accent);vertical-align:-1px;border-radius:50%;width:11px;height:11px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.picker{min-width:0;position:relative}.picker-btn{border:1px solid var(--glass-line);background:var(--glass-fill);width:100%;color:var(--fg);text-align:left;cursor:pointer;border-radius:11px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;transition:background .15s,border-color .15s;display:flex}.picker-btn:hover:not(:disabled){background:var(--glass-hover)}.picker.open .picker-btn{border-color:var(--accent-line)}.picker-btn:disabled{opacity:.5;cursor:default}.picker-btn>svg{color:var(--faint);transition:transform .25s var(--ease-out);flex-shrink:0}.picker.open .picker-btn>svg{transform:rotate(180deg)}.picker-value{white-space:nowrap;flex:1;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.picker-pop{z-index:30;border:1px solid var(--glass-line);background:var(--glass-solid);min-width:250px;max-height:min(340px,55vh);animation:pop-down .18s var(--ease-out);scrollbar-width:thin;scrollbar-color:#00000029 transparent;border-radius:13px;padding:5px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 50px #0000002e}@keyframes pop-down{0%{opacity:0;transform:translateY(-4px)scale(.98)}}.picker-group{letter-spacing:.08em;color:var(--faint);padding:8px 9px 4px;font-size:10.5px}.picker-item{cursor:pointer;border-radius:9px;align-items:center;gap:10px;padding:7px 9px;display:flex}.picker-item.hover{background:var(--glass-hover)}.picker-item.on{color:var(--accent)}.picker-item.off{opacity:.4;cursor:default}.picker-item>svg{flex-shrink:0}.picker-text{flex-direction:column;flex:1;min-width:0;display:flex}.picker-label{font-size:13px;font-weight:500}.picker-label em{background:var(--glass-fill);color:var(--faint);border-radius:999px;margin-left:6px;padding:0 6px;font-size:10px;font-style:normal}.picker-desc{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.picker-item.on .picker-desc{color:color-mix(in srgb, var(--accent) 70%, transparent)}.dock{z-index:13;--pill-w:120px;--pill-h:36px;position:absolute}.dock-char{top:16px;left:16px}.corner-bl{z-index:13;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:14px;left:16px}.corner-bl .dock{z-index:2;position:relative}.dock-pill{color:var(--fg);cursor:pointer;transition:opacity 80ms linear .26s, transform .25s var(--ease-spring), background .3s, box-shadow .3s;border-radius:999px;align-items:center;gap:7px;padding:4px 11px 4px 4px;font-size:12.5px;display:inline-flex}.dock-pill .avatar{box-shadow:none}.dock-pill .avatar:after{box-shadow:inset 0 0 0 1.5px #fffc}.dock-pill>svg{color:var(--dim)}.dock-pill:hover{transform:scale(1.03)}.dock-pill-label{white-space:nowrap}.dock-pill-icon{background:var(--glass-fill);width:26px;height:26px;color:var(--dim);border-radius:50%;place-items:center;display:grid}.dock-pill-icon svg{width:15px;height:15px}.dock.open .dock-pill{opacity:0;pointer-events:none;transition:opacity .12s,background .3s,box-shadow .3s;transform:none}.dock-card{opacity:0;pointer-events:none;width:min(312px,100vw - 32px);clip-path:inset(0 calc(100% - var(--pill-w)) calc(100% - var(--pill-h)) 0 round calc(var(--pill-h) / 2));padding:10px;transition:clip-path .3s cubic-bezier(.4,0,.2,1) 50ms,opacity 0s linear .34s,background .3s,box-shadow .3s;position:absolute;top:0;left:0}.dock[data-from=bottom] .dock-card{clip-path:inset(calc(100% - var(--pill-h)) calc(100% - var(--pill-w)) 0 0 round calc(var(--pill-h) / 2));top:auto;bottom:0}.dock-scene .dock-card{width:min(268px,100vw - 32px)}.dock.open .dock-card{opacity:1;pointer-events:auto;clip-path:inset(0 round 18px);transition:clip-path .48s cubic-bezier(.32,.72,0,1),opacity,background .3s,box-shadow .3s}.dock.open.settled .dock-card{clip-path:none}.dock-card>*{opacity:0;transition:opacity .1s}.dock.open .dock-card>*{opacity:1;animation:dock-rise .34s var(--ease-out) backwards}.dock.open .dock-card>:first-child{animation-delay:.1s}.dock.open .dock-card>:nth-child(2){animation-delay:.14s}.dock.open .dock-card>:nth-child(3){animation-delay:.18s}.dock.open .dock-card>:nth-child(4){animation-delay:.22s}.dock[data-from=bottom].open .dock-card>*{animation-name:dock-rise-up}@keyframes dock-rise{0%{opacity:0;transform:translateY(-4px)}}@keyframes dock-rise-up{0%{opacity:0;transform:translateY(4px)}}.ambient-btn{z-index:1;width:36px;height:36px;color:var(--fg);cursor:pointer;transition:transform .25s var(--ease-spring), color .2s, background .3s, box-shadow .3s;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.ambient-btn.off{color:var(--faint)}.ambient-btn:hover{transform:scale(1.08)}.ambient-btn:active{transform:scale(.94)}.ambient-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ambient-btn:after{content:attr(data-tip);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease, transform .2s var(--ease-out);background:#1d1d1fe6;border-radius:8px;padding:5px 10px;font-size:11.5px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.ambient-btn:hover:after,.ambient-btn:focus-visible:after{opacity:1;transition-delay:.25s;transform:translate(-50%)}.dock-who{align-items:center;gap:10px;padding:2px 4px 10px;display:flex}.who{flex-direction:column;min-width:0;line-height:1.35;display:flex}.who b{letter-spacing:.02em;font-size:15.5px;font-weight:650}.who small{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.dock-note{color:var(--dim);align-items:center;gap:8px;margin:-4px 4px 8px 54px;font-size:11.5px;display:flex}.dock-note.error{color:var(--danger)}.mini-bar{background:var(--track);border-radius:2px;flex:1;height:3px;overflow:hidden}.mini-bar i{background:var(--accent);height:100%;transition:width .2s;display:block}.dock-sec{border-top:1px solid var(--glass-line);padding:10px 2px 4px;position:relative}.dock-scene .dock-sec{border-top:none;padding-top:2px}.dock-sec-head{letter-spacing:.06em;height:22px;color:var(--dim);align-items:center;gap:6px;margin-bottom:8px;font-size:12px;display:flex}.dock-sec-head>svg{color:var(--faint)}.dock-sec-head>:last-child:not(svg){margin-left:auto}.char-grid{scrollbar-width:thin;scrollbar-color:#00000029 transparent;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px 2px;max-height:232px;display:grid;overflow-y:auto}.char-cell{color:var(--dim);cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:5px 0 4px;font-size:11px;transition:background .15s,color .15s;display:flex}.char-cell>span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 2px;overflow:hidden}.char-cell .avatar{transition:transform .25s var(--ease-spring), box-shadow .2s}.char-cell:hover:not(:disabled){background:var(--glass-hover);color:var(--fg)}.char-cell:hover:not(:disabled) .avatar{transform:scale(1.06)}.char-cell.on{color:var(--fg);font-weight:600}.char-cell.on .avatar{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--accent)}.char-cell:disabled{cursor:default}.char-cell.na{opacity:.4}.leaf-hint{background:var(--glass-fill);color:var(--dim);border-radius:11px;align-items:center;gap:7px;padding:7px 10px;font-size:12px;display:flex}.voice-name{flex-shrink:0;font-weight:600}.voice-desc{text-overflow:ellipsis;min-width:0;color:var(--dim);font-size:11.5px;overflow:hidden}.chip-toggle{border:1px solid var(--glass-line);color:var(--faint);letter-spacing:.02em;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:4px;padding:2px 9px 2px 7px;font-size:11px;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.chip-toggle:hover{color:var(--fg)}.chip-toggle.on{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.seg{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.seg button{background:var(--glass-fill);color:var(--dim);cursor:pointer;transition:background .15s, color .15s, border-color .15s, transform .2s var(--ease-spring);border:1px solid #0000;border-radius:11px;flex-direction:column;align-items:center;gap:3px;padding:8px 0 6px;font-size:11px;display:flex}.seg button>span{white-space:nowrap;letter-spacing:-.02em}.seg button:hover{background:var(--glass-hover);color:var(--fg)}.seg button:active{transform:scale(.95)}.seg button.on{color:var(--fg);background:#fff;border-color:#00000014;box-shadow:0 1px 4px #0000001a}.time-card{z-index:12;width:212px;animation:rise .28s var(--ease-out);border-radius:16px;padding:10px 12px 12px;position:absolute;bottom:16px;right:16px;overflow:hidden}.app.has-time .chatbar{width:min(680px,max(340px,100% - 520px))}.app.has-time .panel{max-height:calc(100% - 120px)}.time:before{content:"";z-index:-1;background:radial-gradient(120% 130% at 0% 0%, color-mix(in srgb, var(--glow) 16%, transparent) 0%, transparent 60%);pointer-events:none;transition:background .6s;position:absolute;inset:0}.time-head{align-items:center;gap:6px;height:22px;display:flex}.time-icon{border-radius:50%;place-items:center;width:22px;height:22px;transition:background .4s,color .4s;display:grid}.time.day .time-icon{background:var(--glass-fill);color:#e8890c}.time.night .time-icon{background:var(--glass-fill);color:#5b5bd6}.time-clock{font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--fg);font-size:15px;font-weight:700}.time-period{color:var(--dim);font-size:11px}.live-chip{border:1px solid var(--glass-line);color:var(--faint);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border-radius:999px;align-items:center;gap:5px;margin-left:auto;padding:2px 9px 2px 7px;font-size:11px;transition:color .2s,background .2s,border-color .2s;display:inline-flex;position:relative}.live-chip:hover{color:var(--dim)}.live-chip input{opacity:0;pointer-events:none;position:absolute}.live-chip .dot{background:var(--track);border-radius:50%;width:6px;height:6px;transition:background .2s;position:relative}.time.live .live-chip{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.time.live .live-chip .dot{background:var(--live)}.time.live .live-chip .dot:after{content:"";background:var(--live);border-radius:50%;animation:1.8s ease-out infinite ping;position:absolute;inset:0}.live-chip:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}@keyframes ping{to{opacity:0;transform:scale(3)}}.time-track{cursor:pointer;touch-action:none;border-radius:999px;outline:none;height:6px;margin:12px 2px 2px;position:relative;box-shadow:inset 0 0 0 1px #0000000f,inset 0 1px 2px #00000026}.time-track:before{content:"";position:absolute;inset:-9px 0}.time-track:focus-visible{box-shadow:0 0 0 2px var(--accent)}.time-track .notch{pointer-events:none;background:#ffffffb3;width:1px;height:3px;position:absolute;top:1.5px}.time-thumb{width:16px;height:16px;transition:transform .2s var(--ease-spring);pointer-events:none;background:#fff;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000014,0 2px 6px #00000040}.time-track:hover .time-thumb,.time-track:active .time-thumb{transform:translate(-50%,-50%)scale(1.15)}.time.live .time-thumb{transition:left 1.2s var(--ease-out), transform .2s var(--ease-spring)}.chatbar{z-index:12;flex-direction:column;gap:8px;width:min(680px,100% - 300px);display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.composer{border-radius:26px;align-items:flex-end;gap:4px;padding:6px;transition:border-color .2s,box-shadow .2s;display:flex}.composer:focus-within{border-color:var(--accent-line);box-shadow:0 12px 36px #00000029,0 0 0 4px #ffffff59}.composer textarea{resize:none;min-width:0;min-height:40px;max-height:132px;color:var(--fg);font:inherit;background:0 0;border:none;outline:none;flex:1;padding:8.5px 6px;font-size:15px;line-height:1.53}.composer textarea::placeholder{color:var(--faint)}.composer .history{border-radius:50%;width:40px;height:40px}.badge{background:var(--accent);min-width:16px;height:16px;color:var(--on-accent);text-align:center;border-radius:999px;padding:0 4px;font-size:9.5px;font-weight:700;line-height:16px;position:absolute;top:2px;right:0}.send{background:var(--accent);width:40px;height:40px;color:var(--on-accent);cursor:pointer;transition:transform .2s var(--ease-spring), background .2s, color .2s;border:none;border-radius:50%;flex-shrink:0;place-items:center;display:grid;box-shadow:0 2px 8px #0003}.send:hover:not(:disabled){transform:scale(1.07)}.send:active:not(:disabled){transform:scale(.94)}.send:disabled{background:var(--glass-fill);color:var(--faint);cursor:default;box-shadow:none}.send svg{stroke-width:2.4px}.composer-hint{text-align:center;color:#ebf0f8b3;text-shadow:0 1px 3px #0009;opacity:0;pointer-events:none;height:0;margin-top:-8px;font-size:11px;transition:opacity .2s;overflow:visible}.chatbar:focus-within .composer-hint{opacity:1;height:auto;margin-top:-2px}.chatlog{max-height:min(48vh,440px);animation:rise .28s var(--ease-out);flex-direction:column;display:flex;overflow:hidden}@keyframes rise{0%{opacity:0;transform:translateY(10px)scale(.985)}}.chatlog-head{border-bottom:1px solid var(--glass-line);color:var(--dim);align-items:center;gap:8px;padding:8px 8px 8px 16px;font-size:12.5px;display:flex}.chatlog-head>span{flex:1}.chatlog-head em{color:var(--faint);font-style:normal}.chat-error{color:var(--danger);padding:6px 16px;font-size:12px}.log{scrollbar-width:thin;scrollbar-color:#00000029 transparent;flex-direction:column;flex:1;gap:9px;padding:14px 16px;display:flex;overflow-y:auto}.log-empty{color:var(--faint);margin:16px auto;font-size:12px}.turn{white-space:pre-wrap;word-break:break-word;border-radius:16px;max-width:82%;padding:8px 13px;font-size:13.5px}.turn.user{background:var(--accent);color:var(--on-accent);border:1px solid #0000;border-bottom-right-radius:5px;align-self:flex-end}.turn.character{border:1px solid var(--glass-line);background:#0000000d;border-bottom-left-radius:5px;align-self:flex-start}.turn.thinking{gap:4px;padding:13px 14px;display:flex}.turn.thinking i{background:var(--dim);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite dot}.turn.thinking i:nth-child(2){animation-delay:.15s}.turn.thinking i:nth-child(3){animation-delay:.3s}@keyframes dot{0%,60%,to{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.echo{max-width:72%;color:var(--on-accent);white-space:pre-wrap;word-break:break-word;animation:echo 4.2s var(--ease-out) forwards;pointer-events:none;background:#1d1d1fe0;border-radius:18px 18px 5px;align-self:flex-end;margin-right:50px;padding:7px 14px;font-size:13.5px;box-shadow:0 6px 20px #00000040}@keyframes echo{0%{opacity:0;transform:translateY(14px)scale(.92)}8%{opacity:1;transform:translateY(0)scale(1)}78%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-14px)}}.degraded{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--warn);cursor:help;background:#fff6e4e0;border:1px solid #c9831859;border-radius:999px;padding:5px 12px;font-size:11.5px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.panel{z-index:10;width:min(352px,100% - 32px);max-height:calc(100% - 112px);animation:panel-in .3s var(--ease-out);transform-origin:100% 0;flex-direction:column;display:flex;position:absolute;top:16px;right:16px;overflow:hidden}@keyframes panel-in{0%{opacity:0;transform:scale(.96)translateY(-6px)}}.panel header{border-bottom:1px solid var(--glass-line);justify-content:space-between;align-items:flex-start;gap:8px;padding:14px 10px 12px 18px;display:flex}.panel h1{letter-spacing:.01em;margin:0;font-size:14px;font-weight:650}.panel header p{color:var(--dim);margin:2px 0 0;font-size:11.5px}.panel-scroll{scrollbar-width:thin;scrollbar-color:#00000029 transparent;flex:1;min-height:0;overflow-y:auto}.panel-fab{z-index:10;color:var(--fg);cursor:pointer;transition:transform .2s var(--ease-spring), background .2s;animation:panel-in .25s var(--ease-out);border-radius:999px;align-items:center;gap:7px;padding:8px 15px 8px 13px;font-size:12.5px;display:inline-flex;position:absolute;top:16px;right:16px}.panel-fab:hover{transform:scale(1.04)}.panel-fab svg{color:var(--accent)}.dot.warn{background:var(--warn);border-radius:50%;width:7px;height:7px}.opt-row{border-bottom:1px solid var(--glass-line);align-items:center;gap:12px;padding:12px 18px;display:flex}.opt-text{flex-direction:column;min-width:0;line-height:1.4;display:flex}.opt-text b{font-size:13px;font-weight:600}.opt-text small{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.section{border-bottom:1px solid var(--glass-line)}.section:last-of-type{border-bottom:none}.section summary{color:var(--dim);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:11px 18px;font-size:12px;list-style:none;display:flex}.section summary::-webkit-details-marker{display:none}.section summary:before{content:"";width:6px;height:6px;transition:transform .2s var(--ease-out);opacity:.7;border-bottom:1.5px solid;border-right:1.5px solid;margin-right:2px;transform:rotate(-45deg)}.section[open]>summary:before{transform:rotate(45deg)translate(-1px,-1px)}.section summary:hover{color:var(--fg)}.section summary .count{font-family:var(--mono);background:var(--glass-fill);color:var(--dim);border-radius:999px;padding:1px 7px;font-size:10px}.section summary .mini,.mini{border:1px solid var(--glass-line);color:var(--dim);cursor:pointer;background:0 0;border-radius:999px;margin-left:auto;padding:2px 10px;font-size:10.5px}.mini:hover:not(:disabled){border-color:var(--accent-dim);color:var(--accent)}.mini:disabled{opacity:.4;cursor:default}.section pre{font-family:var(--mono);color:#5d5470;white-space:pre-wrap;word-break:break-word;max-height:340px;margin:0;padding:0 18px 16px;font-size:11px;line-height:1.55;overflow-y:auto}.section pre.schema{color:#8a7f9c}.hint{color:var(--faint);padding:0 18px 10px;font-size:11px;line-height:1.55}.tracks{font-family:var(--mono);flex-direction:column;gap:3px;padding:0 18px 14px;font-size:11px;display:flex}.track{opacity:.55;align-items:baseline;gap:10px;transition:opacity .2s;display:flex}.track.on{opacity:1}.track .k{width:30px;color:var(--faint);flex-shrink:0;font-family:inherit}.track.on .k{color:var(--accent)}.track .v{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track.on .v{color:var(--fg)}.sliders{flex-direction:column;gap:2px;padding:0 18px 16px;display:flex}.sliders label{font-family:var(--mono);color:var(--faint);grid-template-columns:82px 1fr 34px;align-items:center;gap:9px;font-size:11px;display:grid}.sliders label.on{color:var(--accent)}.sliders .n{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sliders .n.sub{color:var(--faint);padding-left:6px}.sliders .w{text-align:right;color:var(--faint)}.sliders label.on .w{color:var(--accent)}.sliders .v-wide{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sliders .v-wide .seg-text{opacity:.6}.sliders .bar{background:var(--track);border-radius:2px;height:4px;overflow:hidden}.sliders .bar i{background:var(--accent-dim);border-radius:2px;height:100%;display:block}.sliders label.on .bar i{background:var(--accent)}.sliders label.derived{border-top:1px dashed var(--glass-line);margin-top:6px;padding-top:6px}.preview-row{justify-content:space-between;align-items:center;padding:2px 18px 6px;display:flex}.preview-k{color:var(--faint);letter-spacing:.06em;font-size:11px}.preview .chips{padding-bottom:12px}.chips{flex-wrap:wrap;gap:6px;padding:0 18px 16px;display:flex}.chips button{border:1px solid var(--glass-line);background:var(--glass-fill);color:var(--dim);cursor:pointer;border-radius:999px;padding:4px 11px;font-size:12px;transition:border-color .15s,color .15s,background .15s}.chips button:hover{border-color:var(--accent-dim);color:var(--accent)}.chips button.on{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.player{padding:0 18px 6px}.player .hint{padding:6px 0 4px}.player-bar{align-items:center;gap:10px;display:flex}.player-bar .mini{min-width:48px;margin-left:0}.player-bar .hold{color:var(--dim);cursor:pointer;align-items:center;gap:5px;margin-left:auto;font-size:11px;display:flex}.speeds{gap:3px;display:flex}.speeds button{font-size:10px;font-family:var(--mono);border:1px solid var(--glass-line);color:var(--dim);cursor:pointer;background:0 0;border-radius:999px;padding:2px 8px}.speeds button.on{border-color:var(--accent);color:var(--accent)}.timeline{margin-top:10px}.track-wrap{padding-top:4px;position:relative}.track-wrap input[type=range]{z-index:1;width:100%;position:relative}.timeline-meta{font-family:var(--mono);color:var(--faint);justify-content:space-between;margin-top:4px;font-size:10px;display:flex}input[type=range]{appearance:none;background:var(--track);border-radius:2px;outline:none;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:12px;height:12px}.credits{color:var(--faint);padding:10px 18px 14px;font-size:11px}.bubble{--b-bg:#fffdf8;--b-ink:#1f1d29;--b-text:#23212d;--b-fx:#1f1d29;--b-line:2.5px;--b-radius:30px 24px 28px 22px / 24px 30px 22px 28px;--pop-rot:-8deg;z-index:11;opacity:0;pointer-events:none;will-change:transform, opacity;transition:opacity .3s;position:absolute;top:0;left:0}.bubble.show{opacity:1}.bubble[data-side=l]{--pop-rot:8deg;--dir:-1}.bubble-defs{width:0;height:0;position:absolute;overflow:hidden}.bubble-inner,.bubble-mood{transform-origin:var(--tip-x,-10px) calc(100% + 34px);position:relative}.bubble-inner{filter:drop-shadow(3px 4px #00000024)drop-shadow(0 10px 20px #0003);transition:transform .25s var(--ease-out)}.bubble:not(.show) .bubble-inner{transform:scale(.55) rotate(var(--pop-rot));transition:transform .32s cubic-bezier(.5,0,.75,0)}.bubble.pop.show .bubble-inner{animation:.62s linear bubble-pop}@keyframes bubble-pop{0%{transform:scale(.2) rotate(var(--pop-rot));opacity:0;animation-timing-function:cubic-bezier(.2,.9,.3,1)}42%{opacity:1;animation-timing-function:ease-in-out;transform:scale(1.1,.9)rotate(0)}62%{animation-timing-function:ease-in-out;transform:scale(.95,1.06)}80%{animation-timing-function:ease-in-out;transform:scale(1.02,.98)}to{transform:none}}.bubble.speaking .bubble-mood{animation:2.6s ease-in-out infinite drift}@keyframes drift{0%,to{transform:translateY(0)rotate(-.4deg)}50%{transform:translateY(-3px)rotate(.4deg)}}.bubble-body{z-index:1;width:max-content;min-width:56px;max-width:330px;color:var(--b-text);letter-spacing:.02em;padding:13px 19px 14px;font-size:16px;font-weight:500;line-height:1.62;transition:color .5s;position:relative}.bubble-body:before{content:"";z-index:-1;border:var(--b-line) solid var(--b-ink);border-radius:var(--b-radius);background:var(--b-bg);filter:url(#bubble-wobble);transition:background .5s,border-color .5s,border-radius .4s;position:absolute;inset:0}.bubble[data-size=xl] .bubble-body{letter-spacing:.05em;padding:12px 22px 13px;font-size:24px;font-weight:700;line-height:1.4}.bubble[data-size=l] .bubble-body{font-size:19px;font-weight:600;line-height:1.5}.bubble[data-size=s] .bubble-body{font-size:14.5px}.bubble-text{word-break:break-word;max-height:11.34em;overflow:hidden}.bubble-text .ch{white-space:pre;opacity:.16;transition:opacity .2s;display:inline-block}.bubble-text .ch.on{opacity:1;animation:char-pop .4s var(--ease-spring)}.bubble-text .ch.bang.on{color:var(--b-fx);animation:bang-pop .55s var(--ease-spring)}@keyframes char-pop{0%{transform:translateY(6px)scale(.5)}60%{transform:translateY(-2px)scale(1.12)}to{transform:none}}@keyframes bang-pop{0%{transform:scale(.3)rotate(-14deg)}55%{transform:scale(1.55)rotate(8deg)}to{transform:none}}.bubble-name{background:var(--b-ink);color:var(--b-bg);letter-spacing:.14em;border-radius:6px;align-items:center;gap:6px;padding:1px 9px;font-size:11px;font-weight:700;line-height:20px;transition:background .5s;display:inline-flex;position:absolute;top:-13px;left:14px;transform:rotate(-4deg);box-shadow:2px 2px #00000024}.bubble[data-side=l] .bubble-name{left:auto;right:14px;transform:rotate(4deg)}.bubble[data-size=xl] .bubble-name{letter-spacing:.14em;font-size:11px;font-weight:700}.bubble-wave{align-items:flex-end;gap:2px;height:10px;display:none}.bubble.speaking .bubble-wave{display:inline-flex}.bubble-wave i{background:var(--b-bg);transform-origin:bottom;border-radius:1px;width:2px;height:10px;animation:.9s ease-in-out infinite wave}.bubble-wave i:nth-child(2){animation-delay:-.3s}.bubble-wave i:nth-child(3){animation-delay:-.6s}@keyframes wave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.bubble-tail{left:var(--tail-x,-10px);transform-origin:50% 0;filter:url(#bubble-wobble);width:52px;height:46px;transition:transform .3s var(--ease-out);position:absolute;top:calc(100% - 12px);overflow:visible}.bubble-tail path{fill:var(--b-bg);stroke-linejoin:round;transition:fill .5s,stroke .5s}.bubble-tail.under{z-index:0}.bubble-tail.under path{stroke:var(--b-ink);stroke-width:calc(var(--b-line) * 2)}.bubble-tail.over{z-index:2}.bubble[data-side=l] .bubble-tail{transform:scaleX(-1)}.bubble.clamped .bubble-tail{transform:scale(.55)}.bubble.clamped[data-side=l] .bubble-tail{transform:scale(-.55,.55)}.bubble-cloud{z-index:0;filter:url(#bubble-wobble);transform-origin:40% 60%;width:104px;height:64px;animation:1.8s ease-in-out infinite breathe;display:none;position:absolute;top:0;left:0;overflow:visible}.bubble-cloud .line circle{fill:var(--b-ink);stroke:var(--b-ink);stroke-width:5px}.bubble-cloud .fill circle{fill:var(--b-bg)}@keyframes breathe{50%{transform:scale(1.04,.97)}}.bubble-dots{gap:7px;padding-top:6px;display:none}.bubble-dots i{background:var(--b-ink);border-radius:50%;width:8px;height:8px;animation:1.1s ease-in-out infinite dot}.bubble-dots i:nth-child(2){animation-delay:.15s}.bubble-dots i:nth-child(3){animation-delay:.3s}.thought-puff{border:2.5px solid var(--b-ink);background:var(--b-bg);border-radius:50%;display:none;position:absolute}.thought-puff.p1{width:16px;height:14px;left:calc(var(--tip-x,-10px) + 16px * var(--dir,1));margin-left:-8px;top:calc(100% + 4px)}.thought-puff.p2{width:9px;height:8px;left:calc(var(--tip-x,-10px) + 3px * var(--dir,1));margin-left:-4.5px;top:calc(100% + 22px)}.bubble[data-mode=thought] .bubble-body{place-items:center;width:104px;min-width:0;height:64px;padding:0;display:grid}.bubble[data-mode=thought] .bubble-body:before{display:none}.bubble[data-mode=thought] .bubble-cloud{display:block}.bubble[data-mode=thought] .bubble-dots{display:flex}.bubble[data-mode=thought] .bubble-text,.bubble[data-mode=thought] .bubble-name,.bubble[data-mode=thought] .bubble-tail,.bubble[data-mode=thought] .bubble-fx{display:none}.bubble[data-mode=thought] .thought-puff{animation:1.6s ease-in-out infinite puff;display:block}.bubble[data-mode=thought] .thought-puff.p2{animation-delay:.25s}@keyframes puff{50%{transform:scale(1.18)}}.bubble-fx{z-index:3;fill:none;width:36px;height:36px;stroke:var(--b-fx);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;position:absolute;top:-22px;right:-20px;overflow:visible}.bubble[data-side=l] .bubble-fx{left:-20px;right:auto;transform:scaleX(-1)}.bubble-fx g{display:none}.bubble[data-mood=happy]{--b-bg:#fff8ea;--b-ink:#3a2616;--b-text:#3a2616;--b-fx:#f0843c}.bubble[data-mood=happy] .bubble-mood,.bubble.speaking[data-mood=happy] .bubble-mood{animation:1.3s ease-in-out infinite bob}.bubble[data-mood=happy] .fx-happy{animation:1.3s ease-in-out infinite note;display:inline}.fx-happy ellipse{fill:var(--b-fx)}@keyframes bob{50%{transform:translateY(-4px)rotate(-.6deg)}}@keyframes note{50%{transform:translateY(-3px)rotate(8deg)}}.bubble[data-mood=surprised]{--b-ink:#15131f;--b-fx:#15131f;--b-line:3.5px;--b-radius:18px 26px 16px 24px / 26px 16px 24px 18px}.bubble[data-mood=surprised] .bubble-mood,.bubble.speaking[data-mood=surprised] .bubble-mood{animation:jolt .45s var(--ease-spring)}.bubble[data-mood=surprised] .fx-surprised{animation:burst .5s var(--ease-spring);display:inline}@keyframes jolt{0%{transform:scale(1)}30%{transform:scale(1.08)rotate(1.5deg)}55%{transform:scale(.98)rotate(-1deg)}to{transform:none}}@keyframes burst{0%{opacity:0;transform:scale(.2)}}.bubble[data-mood=angry]{--b-bg:#fff1ee;--b-ink:#9a1c1c;--b-text:#4b1111;--b-fx:#e03131;--b-line:3px;--b-radius:16px 20px 14px 22px / 20px 14px 22px 16px}.bubble[data-mood=angry] .bubble-mood,.bubble.speaking[data-mood=angry] .bubble-mood{animation:.36s linear 2 shake}.bubble[data-mood=angry] .fx-angry{animation:.8s ease-in-out infinite throb;display:inline}@keyframes shake{20%{transform:translate(-3px)rotate(-1deg)}40%{transform:translate(3px)rotate(1deg)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@keyframes throb{50%{transform:scale(1.18)}}.fx-angry{transform-origin:20px 20px}.bubble[data-mood=sad]{--b-bg:#eef3fb;--b-ink:#2d3f5e;--b-text:#273450;--b-fx:#5b8def;--b-radius:26px 26px 30px 30px / 22px 22px 32px 32px}.bubble[data-mood=sad] .bubble-mood,.bubble.speaking[data-mood=sad] .bubble-mood{animation:2.8s ease-in-out infinite sink}.bubble[data-mood=sad] .fx-sad{animation:2.4s ease-in infinite drip;display:inline}.fx-sad path{fill:#cfe0ff}@keyframes sink{50%{transform:translateY(3px)}}@keyframes drip{0%{opacity:0;transform:translateY(-4px)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(8px)}}.bubble[data-mood=relaxed]{--b-bg:#f2fbf4;--b-ink:#23473a;--b-text:#22392f;--b-fx:#3f9f73}.bubble[data-mood=relaxed] .bubble-mood,.bubble.speaking[data-mood=relaxed] .bubble-mood{animation:3.6s ease-in-out infinite sway}.bubble[data-mood=relaxed] .fx-relaxed{animation:3.6s ease-in-out infinite reverse sway;display:inline}@keyframes sway{25%{transform:rotate(-1.2deg)}75%{transform:rotate(1.2deg)}}.bubble[data-mood=shy]{--b-bg:#fff2f5;--b-ink:#a33a5c;--b-text:#5a2236;--b-fx:#f06292}.bubble[data-mood=shy] .bubble-mood,.bubble.speaking[data-mood=shy] .bubble-mood{animation:2.2s ease-in-out infinite shrink}.bubble[data-mood=shy] .fx-shy{animation:1.6s ease-in-out infinite flutter;display:inline}.fx-shy path{fill:#ffc1d4}@keyframes shrink{0%,to{transform:scale(1)}40%{transform:scale(.97)translateY(1px)}}@keyframes flutter{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-3px)scale(1.12)}}.bubble[data-mood=smug]{--b-bg:#fffaea;--b-ink:#8a5a00;--b-text:#4a3300;--b-fx:#f2b11a}.bubble[data-mood=smug] .bubble-mood,.bubble.speaking[data-mood=smug] .bubble-mood{animation:1.8s ease-in-out infinite puffup}.bubble[data-mood=smug] .fx-smug{animation:1.4s ease-in-out infinite twinkle;display:inline}.fx-smug path{fill:#ffe27a}.fx-smug{transform-origin:20px 19px}@keyframes puffup{0%,to{transform:translateY(0)}30%{transform:translateY(-3px)scale(1.02)}}@keyframes twinkle{0%,to{opacity:.7;transform:scale(.8)rotate(0)}50%{opacity:1;transform:scale(1.15)rotate(20deg)}}.bubble[data-mood=confused]{--b-bg:#f1f5ff;--b-ink:#2f4a8f;--b-text:#23305a;--b-fx:#5b8cff}.bubble[data-mood=confused] .bubble-mood,.bubble.speaking[data-mood=confused] .bubble-mood{animation:2.4s ease-in-out infinite tilt}.bubble[data-mood=confused] .fx-confused{animation:1.6s ease-in-out infinite reverse tilt;display:inline}.fx-confused path{fill:none}.fx-confused{transform-origin:20px 30px}@keyframes tilt{0%,to{transform:rotate(0)}50%{transform:rotate(-2.5deg)}}.bubble[data-mood=disgusted]{--b-bg:#eef4f3;--b-ink:#2c5257;--b-text:#23393c;--b-fx:#3f8a92}.bubble[data-mood=disgusted] .bubble-mood,.bubble.speaking[data-mood=disgusted] .bubble-mood{animation:2.6s ease-in-out infinite recoil}.bubble[data-mood=disgusted] .fx-disgusted{animation:2.4s ease-in infinite drip;display:inline}.fx-disgusted path{fill:none}@keyframes recoil{0%,to{transform:translate(0)}35%{transform:translate(2px)scale(.985)}}@media (prefers-reduced-motion:reduce){.bubble *,.bubble{transition:opacity .2s!important;animation:none!important}}@media (width<=720px){.dock-char{top:10px;left:10px}.dock-card{width:min(300px,100vw - 20px)}.panel,.panel-fab{top:auto;bottom:86px;right:10px}.panel{max-height:60%}.chatbar,.app.has-time .chatbar{width:calc(100% - 20px);bottom:10px}.corner-bl{bottom:72px;left:10px}.time-card{width:min(212px,100% - 150px);bottom:72px;right:10px}.app.has-time .panel,.app.has-time .panel-fab{bottom:182px}.bubble-body{font-size:14.5px}}.sky-sliders{gap:10px}.sky-sliders label{grid-template-columns:66px minmax(0,1fr) 50px}.sky-sliders input[type=range]{width:100%;min-width:0;accent-color:var(--accent);cursor:pointer}.sky-options{color:var(--dim);justify-content:space-between;align-items:center;gap:12px;padding:0 18px 16px;font-size:11px;display:flex}.sky-options select{color:var(--fg);border:1px solid var(--glass-line);background:var(--glass);font:inherit;border-radius:6px;padding:4px 6px}.sky-options .live-chip{margin-left:0}.sky-options .live-chip:has(input:checked){color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.sky-options .live-chip:has(input:checked) .dot{background:var(--live)}.sky-fields{border:0;min-width:0;margin:0;padding:0}.sky-save{color:var(--dim);align-items:center;gap:10px;padding:0 18px 16px;font-size:11px;display:flex}.sky-save-button{border:1px solid var(--accent-line);background:var(--accent-soft);color:var(--accent);font:inherit;cursor:pointer;border-radius:6px;padding:5px 14px}.sky-save-button:hover{background:var(--glass-hover)}.sky-save-button:disabled{opacity:.5;cursor:default}.environment-heading{color:var(--dim);padding:0 18px 10px;font-size:11px}
