:root{--backgroundTop: #e6f3ff;--backgroundBottom: #9cc8f2;--windowBody: rgb(255 255 255 / .97);--windowBorder: #6e9fd6;--titleBarTop: #6fb4f5;--titleBarBottom: #1f64c4;--titleText: #fff;--text: #14304f;--textMuted: #5b7493;--accent: #2a7de1;--onAccent: #fff;--glossTop: #d2ecff;--glossBottom: #3e92e9;--field: #fff;--fieldBorder: #9bbee6;--divider: #d3e2f3;--online: #38b34a;--away: #f0ae2e;--offline: #9aa7b5;--danger: #d24a4a;--titleGloss: rgb(255 255 255 / .45);--windowShadow: rgb(42 90 140 / .33);--chat-background: #f4f9ff;--chat-mineTop: #d8eeff;--chat-mineBottom: #a9d3fa;--chat-mineText: #0f2b4a;--chat-theirsTop: #fff;--chat-theirsBottom: #e9eef5;--chat-theirsText: #14304f;--chat-bubbleBorder: #9bbee6;--chat-systemText: #6b7f99;--chat-nudgeText: #c2410c;--chat-toolbarTop: #eaf4ff;--chat-toolbarBottom: #c9dff7;--window-radius: 10px;--button-radius: 16px;--field-radius: 8px;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:ThemeBody,Varela Round,system-ui,-apple-system,sans-serif;color:var(--text);background:linear-gradient(var(--backgroundTop),var(--backgroundBottom)) fixed;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#root,#app{min-height:100%}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}b{font-weight:600}p{margin:0;line-height:1.45}h1,h2{margin:0}.screen{min-height:100dvh;display:flex;flex-direction:column;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))}.screen.center{align-items:center;justify-content:center}.screen.scroll{overflow-y:auto}.stack-page{width:100%;max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.window{width:100%;max-width:560px;margin:0 auto;display:flex;flex-direction:column;background:var(--windowBody);border:1px solid var(--windowBorder);border-radius:var(--window-radius);overflow:hidden;box-shadow:0 10px 28px var(--windowShadow)}.window.narrow{max-width:420px}.window.full{flex:1;min-height:0}.titlebar{position:relative;display:flex;align-items:center;gap:8px;padding:8px 12px;color:var(--titleText);background:linear-gradient(var(--titleBarTop),var(--titleBarBottom))}.titlebar:after,.gloss:after{content:"";position:absolute;inset:0 0 45%;pointer-events:none;background:linear-gradient(var(--titleGloss),transparent)}.titlebar h1{flex:1;font-size:16px;font-weight:700;text-shadow:0 2px 3px var(--titleBarBottom);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.window-body{display:flex;flex-direction:column;gap:10px;padding:14px;min-height:0}.title-button{position:relative;z-index:1;padding:5px 12px;border-radius:10px;color:var(--titleText);font-size:13px;font-weight:600;background:#ffffff2e;border:1px solid rgb(255 255 255 / .55)}.gloss{position:relative;overflow:hidden;min-height:44px;padding:10px 16px;border-radius:var(--button-radius);border:1px solid var(--windowBorder);color:var(--onAccent);font-weight:600;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(var(--glossTop),var(--glossBottom))}.gloss:disabled{background:linear-gradient(var(--divider),var(--offline));cursor:default}.gloss.wide{width:100%}.quiet{background:none;border:0;padding:10px 8px;color:var(--accent)}.quiet.danger,.menu .danger{color:var(--danger)}.quiet:disabled{opacity:.5}.field{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--textMuted)}.field input{min-height:44px;padding:8px 10px;font-size:16px;color:var(--text);background:var(--field);border:1px solid var(--fieldBorder);border-radius:var(--field-radius)}.field input:focus,.composer textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}.muted{color:var(--textMuted);font-size:13px}.block{display:block}.center-text{text-align:center}.lede{text-align:center;color:var(--textMuted)}.headline{text-align:center;font-size:24px}.note{background:var(--chat-background);border:1px solid var(--fieldBorder);border-radius:var(--field-radius);padding:8px 10px;font-size:14px}.inline{display:flex;align-items:flex-end;gap:8px}.grow{flex:1;min-width:0}.button-row{display:flex;gap:8px;align-items:center}.button-row .grow{flex:1 1 0}.button-row.spread{justify-content:space-between}.center-row{display:flex;justify-content:center;align-items:center}.center-row.gap{gap:12px}.center-row.left{justify-content:flex-start}.big{font-size:18px}.code{font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:700;font-size:26px;letter-spacing:1px}.mono{font-family:ui-monospace,Menlo,Consolas,monospace}.spinner{width:36px;height:36px;border-radius:50%;border:4px solid rgb(255 255 255 / .6);border-top-color:var(--accent);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.avatar{flex:none;filter:drop-shadow(0 1px 1px rgb(0 0 0 / .15))}.emoticon{vertical-align:-4px;margin:0 1px}.dot{flex:none;display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--offline);box-shadow:inset 0 2px 2px #fffc}.dot.online{background:var(--online)}.dot.away{background:var(--away)}.buddy-body{flex:1}.me{display:flex;align-items:center;gap:12px}.me-main{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.me-main b{font-size:18px}.status-pick{background:none;border:0;padding:2px 0;color:var(--textMuted);display:flex;align-items:center;gap:6px}.list{flex:1;overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:2px}.group-header{display:flex;align-items:center;gap:6px;width:100%;text-align:left;padding:8px 10px;margin-top:6px;border:0;border-radius:8px;font-weight:600;background:linear-gradient(var(--chat-toolbarTop),var(--chat-toolbarBottom))}.caret{color:var(--accent);font-size:11px;transition:transform .15s}.caret.closed{transform:rotate(-90deg)}.row-wrap{display:flex;align-items:center}.row{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:8px 6px;background:none;border:0;border-radius:8px;text-align:left}.row:active,.person.pick:active{background:var(--chat-background)}.row-main{display:flex;flex-direction:column;min-width:0}.row-main b,.row-main small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-main small{color:var(--textMuted);font-size:13px}.listening{color:var(--accent)!important}.row-menu{background:none;border:0;padding:8px 12px;color:var(--textMuted);font-size:18px}.unread{min-width:22px;padding:2px 7px;border-radius:11px;background:var(--danger);color:#fff;font-size:12px;font-weight:700;text-align:center}.circle-badge{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:700;background:linear-gradient(var(--glossTop),var(--glossBottom))}.empty{text-align:center;padding:16px 8px}.person{display:flex;align-items:center;gap:10px;padding:6px 0;width:100%;background:none;border:0;text-align:left}.person.check input{width:20px;height:20px}.banner{display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:center;margin:max(8px,env(safe-area-inset-top)) 12px 0;padding:8px 12px;border-radius:10px;background:var(--windowBody);border:1px solid var(--windowBorder);font-size:14px}.banner+.screen{padding-top:8px;min-height:calc(100dvh - 80px)}.chat-body{flex:1;padding:0;gap:0;background:var(--chat-background)}.chat-head{display:flex;gap:10px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--divider);background:var(--windowBody)}.messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:6px;min-height:0}.bubble-row{display:flex;align-items:flex-end;gap:6px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.bubble-row.mine{justify-content:flex-end}.bubble{max-width:80%;padding:7px 10px;border-radius:12px;border:1px solid var(--chat-bubbleBorder);display:flex;flex-direction:column;gap:2px;word-wrap:break-word;overflow-wrap:anywhere}.mine .bubble{color:var(--chat-mineText);background:linear-gradient(var(--chat-mineTop),var(--chat-mineBottom));border-bottom-right-radius:4px}.theirs .bubble{color:var(--chat-theirsText);background:linear-gradient(var(--chat-theirsTop),var(--chat-theirsBottom));border-bottom-left-radius:4px}.bubble .sender{font-size:12px;font-weight:700;color:var(--accent)}.bubble .body{white-space:pre-wrap}.bubble time,.system time{font-size:11px;color:var(--chat-systemText);align-self:flex-end}.system{text-align:center;color:var(--chat-systemText);font-size:13px;padding:4px 0}.nudge-text{color:var(--chat-nudgeText);font-weight:700}.typing{color:var(--chat-systemText);font-size:13px;font-style:italic}.composer{display:flex;align-items:flex-end;gap:6px;padding:8px;padding-bottom:max(8px,env(safe-area-inset-bottom));background:linear-gradient(var(--chat-toolbarTop),var(--chat-toolbarBottom));border-top:1px solid var(--divider)}.composer textarea{flex:1;min-width:0;min-height:44px;max-height:120px;resize:none;padding:10px;font-size:16px;border:1px solid var(--fieldBorder);border-radius:var(--field-radius);background:var(--field)}.tool{min-height:44px;padding:0 10px;border:1px solid var(--fieldBorder);border-radius:var(--field-radius);background:var(--field)}.tool.nudge{color:var(--chat-nudgeText);font-weight:700}.send{padding:10px 14px}.picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:4px;padding:8px;background:var(--windowBody);border-top:1px solid var(--divider)}.picker button{height:44px;background:none;border:0;border-radius:8px}.scrim{position:fixed;inset:0;z-index:20;background:#0a1e3c59;display:flex;align-items:center;justify-content:center;padding:16px}.scrim.clear{background:#0a1e3c26;align-items:flex-end}.dialog{width:100%;max-width:420px;max-height:90dvh;overflow-y:auto;background:var(--windowBody);border:1px solid var(--windowBorder);border-radius:var(--window-radius);padding:16px;box-shadow:0 10px 28px var(--windowShadow)}.dialog h2{font-size:18px;margin-bottom:10px}.dialog-body{display:flex;flex-direction:column;gap:10px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.menu{width:100%;max-width:420px;margin-bottom:env(safe-area-inset-bottom);background:var(--windowBody);border:1px solid var(--windowBorder);border-radius:var(--window-radius);overflow:hidden}.menu button{display:block;width:100%;padding:14px 16px;text-align:left;background:none;border:0;border-bottom:1px solid var(--divider)}.menu button:last-child{border-bottom:0}.presets{display:flex;flex-wrap:wrap;gap:6px}.chip-button,.chip{padding:6px 12px;border-radius:14px;border:1px solid var(--fieldBorder);background:var(--field);display:inline-flex;align-items:center;gap:6px}.radio-list{display:flex;flex-direction:column}.radio{display:flex;align-items:center;gap:10px;padding:7px 0}.radio input{width:18px;height:18px}.snackbar,.toast{position:fixed;left:50%;transform:translate(-50%);z-index:30;max-width:calc(100% - 32px);padding:10px 14px;border-radius:12px;box-shadow:0 6px 18px var(--windowShadow)}.snackbar{bottom:max(16px,env(safe-area-inset-bottom));background:#1d2d44;color:#fff}.toast{top:max(12px,env(safe-area-inset-top));display:flex;align-items:center;gap:10px;color:var(--titleText);font-weight:600;border:1px solid var(--windowBorder);background:linear-gradient(var(--titleBarTop),var(--titleBarBottom));animation:drop .25s ease-out}@keyframes drop{0%{transform:translate(-50%,-120%)}}#app.shaking{animation:shake .6s}@keyframes shake{10%,50%,90%{transform:translate(-14px)}30%,70%{transform:translate(14px)}0%,to{transform:none}}.install-hero{display:flex;justify-content:center;align-items:flex-end;gap:8px}.avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.avatar-grid button{padding:6px;border-radius:12px;border:2px solid transparent;background:none}.avatar-grid button.picked{border-color:var(--accent);background:var(--chat-background)}.steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.steps li{display:flex;align-items:center;gap:12px}.steps small{display:block;color:var(--textMuted);font-size:13px}.step-icon{flex:none;width:48px;height:48px;border-radius:12px;display:grid;place-items:center;color:var(--accent);background:var(--chat-background);border:1px solid var(--fieldBorder)}.install-arrow{margin-top:10px;font-size:32px;color:var(--accent);animation:bob 1.2s ease-in-out infinite alternate}@keyframes bob{to{transform:translateY(8px)}}details.dev{font-size:13px;color:var(--textMuted)}.overlay{position:fixed;inset:0;z-index:15;display:flex;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));background:linear-gradient(var(--backgroundTop),var(--backgroundBottom))}.window.tour{flex:1}.window.tour .window-body{flex:1;justify-content:flex-end}.art{flex:1;position:relative;display:flex;align-items:center;justify-content:center;min-height:220px}.art.stack{flex-direction:column;gap:12px}.art.nope{flex-wrap:wrap;gap:10px;align-content:center}.crossed{position:relative;padding:10px 16px;border-radius:12px;border:1px solid var(--fieldBorder);background:var(--field);color:var(--textMuted)}.crossed:after{content:"";position:absolute;left:8%;right:8%;top:50%;border-top:3px solid var(--danger);transform:rotate(-12deg)}.art-corner{position:absolute}.art-corner.tl{top:8%;left:12%}.art-corner.tr{top:12%;right:14%}.art-corner.br{bottom:12%;right:16%}.mini-window{width:220px;border:1px solid var(--windowBorder);border-radius:8px;overflow:hidden;background:var(--windowBody);box-shadow:0 6px 16px var(--windowShadow)}.mini-window.bob{animation:bob 1s ease-in-out infinite alternate}.mini-window.shake-loop{animation:shake 1.2s infinite}.mini-bar{padding:6px 10px;color:#fff;font-weight:700;background:linear-gradient(var(--titleBarTop),var(--titleBarBottom))}.mini-row{display:flex;align-items:center;gap:8px;padding:6px 10px}.arrows{font-size:28px;color:var(--accent)}.thirty{font-size:30px;font-weight:700;color:var(--accent);padding:8px 14px;border:1px solid var(--windowBorder);border-radius:10px}.fading{animation:fade 2s ease-in-out infinite alternate}@keyframes fade{to{opacity:.1}}.dots{display:flex;justify-content:center;gap:8px}.dots span{width:9px;height:9px;border-radius:50%;background:var(--divider)}.dots span.on{background:var(--accent)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}