:root{color-scheme:dark;--bg:#0a1020;--text:#eaf1f7;--muted:#90a1b8;--mint:#b5ecdc;--lilac:#c9b9ee;--line:#d0eaff18}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100dvh}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0}button:disabled{cursor:wait;opacity:.5}a{color:inherit;text-decoration:none}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--mint);outline-offset:4px}.background{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 24% 40%,#40587a29,transparent 55%),linear-gradient(130deg,#0b1724,#131626 70%,#111925)}.cloud{position:absolute;border-radius:50%;filter:blur(75px);animation:cloud 25s ease-in-out infinite alternate}.cloud-one{width:65vw;height:60vh;top:10%;left:-15%;background:radial-gradient(ellipse,#7bbaac25,transparent 70%)}.cloud-two{width:55vw;height:65vh;right:-20%;top:20%;background:radial-gradient(ellipse,#9770b322,transparent 70%);animation-delay:-12s}.stars{position:absolute;inset:0;background-image:radial-gradient(circle,#d0eeff38 .7px,transparent 1px),radial-gradient(circle,#d0eeff20 .8px,transparent 1px);background-size:167px 193px,233px 277px;background-position:40px 50px,100px 130px;mask-image:linear-gradient(90deg,#0008,transparent)}@keyframes cloud{to{transform:translate(40px,30px) scale(1.15)}}.header{height:95px;display:flex;align-items:center;justify-content:space-between;padding:0 50px;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:11px;font-size:18px;letter-spacing:3px;font-weight:600}.brand>span{font-size:40px;font-weight:300;color:var(--mint);letter-spacing:-3px;transform:rotate(-16deg)}.brand small{font-size:9px;letter-spacing:0;color:#899aaf;border-left:1px solid var(--line);margin-left:5px;padding-left:15px;font-weight:400}.demo-pill{font-size:9px;letter-spacing:1px;color:#b2c2d1;padding:6px 12px;border:1px solid var(--line);border-radius:30px;margin-left:auto;margin-right:25px}.demo-pill i,.status-pill i{display:inline-block;width:5px;height:5px;background:var(--mint);border-radius:50%;margin-right:7px;box-shadow:0 0 12px #b5ecdc50}.icon-button{width:31px;height:31px;border:1px solid var(--line);border-radius:50%;font-size:14px;color:var(--muted)}.adoption-layout{max-width:1210px;margin:25px auto 40px;display:grid;grid-template-columns:1fr 1fr;min-height:680px;padding:0 30px;gap:65px}.companion-stage{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:650px}.stage-kicker{position:absolute;top:35px;font-size:8px;letter-spacing:2.2px;color:#9cb4bd}.stage-creature{width:225px;height:240px;z-index:1;display:grid;place-items:center;filter:drop-shadow(0 0 40px #b5ecdc20)}.stage-creature svg{width:225px;height:250px;overflow:visible}.halo{position:absolute;top:36%;left:50%;border:1px solid #b5ecdc20;border-radius:50%;pointer-events:none}.halo-one{width:370px;height:370px;transform:translate(-50%,-50%);box-shadow:0 0 100px #b5ecdc06,inset 0 0 90px #b5ecdc03}.halo-two{width:480px;height:480px;transform:translate(-50%,-50%) rotateX(60deg) rotateZ(-25deg);border-color:#c9b9ee20;animation:halo 18s ease-in-out infinite alternate}@keyframes halo{to{transform:translate(-50%,-50%) rotateX(65deg) rotateZ(20deg)}}.stage-spark{position:absolute;font-size:19px;color:var(--mint);animation:spark 6s ease-in-out infinite}.spark-one{top:25%;left:17%}.spark-two{right:18%;top:45%;font-size:12px;color:var(--lilac);animation-delay:-3s}@keyframes spark{50%{transform:translateY(-15px) rotate(25deg);opacity:.4}}.stage-caption{text-align:center;margin-top:35px;z-index:1}.stage-caption>span{font-size:9px;letter-spacing:1px;color:#a4c1c8}.stage-caption h2{font-size:30px;letter-spacing:-1px;font-weight:350;margin:9px 0 12px}.stage-caption p{font-size:12px;color:var(--muted);line-height:1.9;margin:0}.stage-baseline{position:absolute;bottom:20px;font-size:7px;letter-spacing:2px;color:#788ca0}.journey{align-self:center;min-width:0;padding:26px 0}.journey-top{display:flex;align-items:center;gap:15px;min-height:28px;margin-bottom:30px}.back-button{font-size:10px;color:var(--muted);padding:0}.step-label{font-size:8px;letter-spacing:1.6px;color:#94acbe}.progress{display:flex;gap:5px;margin-left:auto}.progress span{width:15px;height:3px;border-radius:3px;background:#ffffff12}.progress .done{background:var(--mint)}.screen{animation:screen-in .45s ease;min-height:400px}.eyebrow{color:var(--mint);font-size:8px;letter-spacing:1.8px;font-weight:500;margin:0 0 15px}.screen h1{font-size:43px;font-weight:350;letter-spacing:-1.5px;line-height:1.17;margin:0 0 20px}.screen h1 em{font-style:normal;color:var(--lilac)}.lead{font-size:13px;color:#a3b3c8;line-height:1.9;margin:0 0 25px;max-width:430px}.primary{background:var(--mint);color:#172f32;border:1px solid #d1fff350;border-radius:14px;padding:13px 19px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:47px;transition:background .2s,box-shadow .2s}.primary:hover{background:#d0f6eb;box-shadow:0 0 25px #b5ecdc17}.primary.full{width:100%}.secondary{border:1px solid var(--line);border-radius:13px;padding:11px 17px;font-size:11px;color:#c1d0dd;background:#ffffff03}.text-button{display:block;font-size:10px;color:var(--muted);padding:10px 0;margin-top:5px}.small-note{font-size:9px;color:#7f93a9;line-height:1.8;margin:12px 0 0}.feature-line{display:flex;gap:18px;margin:35px 0 30px;font-size:10px;color:#adbecb}.feature-line span{color:var(--mint);margin-right:5px}.journey-footer{display:grid;gap:7px;margin-top:30px;padding-top:20px;border-top:1px solid var(--line);font-size:9px;color:#8ca2b3}.journey-footer>span:last-child{font-size:8px;color:#71879c}.tutorial-cards{display:grid;gap:10px;margin-bottom:24px}.tutorial-card{display:flex;gap:17px;padding:16px;background:#ffffff03;border:1px solid var(--line);border-radius:17px}.tutorial-card>span{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;font-size:20px;color:var(--mint);background:#b5ecdc0b;flex-shrink:0}.tutorial-card h3{font-size:12px;font-weight:500;margin:0 0 3px}.tutorial-card p{font-size:10px;color:var(--muted);margin:0}.actions-row{display:flex;gap:15px;align-items:center;justify-content:space-between}.form-fields{display:grid;gap:17px;margin:25px 0}label.field-label{display:block;font-size:10px;color:#b8cad5;margin-bottom:7px}.input{display:block;width:100%;padding:13px 15px;border:1px solid #d0eaff20;border-radius:12px;background:#ffffff04;color:var(--text);outline:none;font-size:12px}.input::placeholder{color:#71859b}.input:focus{border-color:#b5ecdc80;background:#b5ecdc05}.offer{display:flex;gap:13px;background:linear-gradient(110deg,#b5ecdc08,#c9b9ee06);border:1px solid #b5ecdc20;padding:15px;border-radius:15px;margin:20px 0}.offer>span{color:var(--mint);font-size:21px}.offer strong{font-size:11px;font-weight:500;color:#cce7df}.offer p{font-size:9px;margin:4px 0 0;color:var(--muted);line-height:1.8}.check-label{display:flex;gap:9px;font-size:10px;color:#9db0c4;margin:18px 0 22px;align-items:flex-start}.check-label input{accent-color:var(--mint);margin-top:4px}.appearance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:23px 0}.appearance-card{border:1px solid var(--line);border-radius:18px;padding:12px 8px;background:#ffffff03;text-align:center;position:relative;transition:border-color .2s,background .2s}.appearance-card svg{display:block;width:80px;height:93px;margin:0 auto;overflow:visible}.appearance-card strong{font-size:11px;font-weight:500;display:block}.appearance-card small{font-size:8px;color:var(--muted)}.appearance-card.selected,.personality-card.selected{border-color:#b5ecdc80;background:#b5ecdc0a;box-shadow:0 0 25px #b5ecdc04}.appearance-card.selected:after{content:"✓";position:absolute;top:8px;right:10px;color:var(--mint);font-size:10px}.personality-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:20px 0}.personality-card{position:relative;text-align:left;border:1px solid var(--line);border-radius:13px;padding:12px 14px;background:#ffffff03}.personality-card strong{font-size:11px;font-weight:500;display:block}.personality-card small{font-size:8px;color:var(--muted)}.personality-preview{padding:16px 18px;margin:16px 0 22px;border:1px solid #c9b9ee25;border-radius:14px;background:#c9b9ee05}.personality-preview span{font-size:7px;letter-spacing:1px;color:var(--lilac)}.personality-preview p{font-size:11px;margin:8px 0 0;color:#cad2e3}.name-preview{font-size:12px;color:var(--muted);margin:20px 0 25px}.name-preview strong{font-weight:400;color:var(--mint)}.hatch-wrap{text-align:center}.hatch-wrap .lead{margin-left:auto;margin-right:auto}.hatch-target{display:block;width:190px;height:210px;margin:20px auto;filter:drop-shadow(0 0 25px #b5ecdc20)}.hatch-target svg{width:190px;height:210px;overflow:visible}.hatch-target:hover{filter:drop-shadow(0 0 40px #b5ecdc40)}.hatch-target.hatching{animation:egg-shake .35s ease-in-out 4}.hatch-reveal{animation:reveal .9s cubic-bezier(.15,.8,.3,1)}@keyframes egg-shake{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(6deg) translateY(-5px)}}@keyframes reveal{from{opacity:0;transform:scale(.7) translateY(25px)}to{opacity:1;transform:scale(1) translateY(0)}}.creature-body{transform-origin:80px 95px;animation:float 5s ease-in-out infinite}.creature-eyes{transform-origin:80px 85px;animation:blink 7s infinite}.egg-core{transform-origin:80px 100px;animation:float 6s ease-in-out infinite}.creature-shadow{animation:shadow 5s ease-in-out infinite}@keyframes float{50%{transform:translateY(-9px) rotate(2deg)}}@keyframes blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.1)}}@keyframes shadow{50%{opacity:.08;transform:translateX(7px) scaleX(.8)}}@keyframes screen-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.conversation{max-width:1100px;margin:20px auto 35px;padding:0 25px;display:grid;grid-template-columns:280px 1fr;gap:40px}.companion-home{text-align:center;padding:30px 20px;align-self:start}.home-creature{width:165px;height:185px;margin:25px auto 0;filter:drop-shadow(0 0 40px #b5ecdc30)}.home-creature svg{width:165px;height:185px;overflow:visible}.companion-home h1{font-size:32px;font-weight:350;letter-spacing:-1px;margin:8px 0 3px}.companion-home>p{font-size:10px;color:var(--muted);margin:0 0 18px}.status-pill{display:inline-block;border:1px solid var(--line);border-radius:25px;padding:6px 10px;font-size:8px;color:#a9c5c5}.home-note{margin:30px 0 20px;padding-top:25px;border-top:1px solid var(--line)}.home-note>span{color:var(--mint);font-size:22px}.home-note h3{font-size:12px;font-weight:400;margin:8px 0}.home-note p{font-size:10px;color:var(--muted);line-height:1.9}.companion-home .text-button{margin:10px auto}.chat-shell{border:1px solid var(--line);border-radius:25px;background:linear-gradient(140deg,#d0eaff06,#d0eaff02);padding:25px;display:flex;flex-direction:column;min-height:640px;backdrop-filter:blur(20px)}.chat-header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-bottom:20px;border-bottom:1px solid var(--line)}.chat-header .eyebrow{font-size:7px;margin-bottom:6px}.chat-header h2{font-size:21px;font-weight:350;letter-spacing:-.5px;margin:0}.premium-pill{font-size:8px;border:1px solid #c9b9ee30;padding:6px 9px;border-radius:20px;color:var(--lilac);white-space:nowrap}.chat-date{font-size:7px;letter-spacing:1.2px;text-align:center;color:#7e94aa;margin:25px 0}.messages{flex:1;max-height:390px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#b5ecdc30 transparent;padding:0 3px}.message{max-width:87%;padding:15px 18px;border-radius:18px 18px 18px 5px;background:#b5ecdc06;border:1px solid #b5ecdc12;margin-bottom:15px;animation:screen-in .3s ease}.message-label{font-size:8px;color:var(--mint);letter-spacing:1px}.message p{font-size:12px;color:#c3d2df;line-height:1.9;margin:7px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.message.user{margin-left:auto;background:#c9b9ee09;border-color:#c9b9ee15;border-radius:18px 18px 5px 18px}.message.user .message-label{color:var(--lilac)}.suggestions{display:flex;gap:6px;flex-wrap:wrap;margin:15px 0}.suggestions button{font-size:9px;border:1px solid var(--line);border-radius:20px;padding:7px 10px;color:#adc3d2;background:#ffffff02}.composer{display:flex;gap:10px;align-items:center;border:1px solid #b5ecdc25;border-radius:16px;padding:10px 12px;background:#08142040}.composer textarea{width:100%;resize:none;max-height:110px;background:none;border:0;outline:none;color:var(--text);font-size:12px;padding:5px 2px}.composer textarea::placeholder{color:#7f93a9}.composer button{width:35px;height:35px;border-radius:12px;flex-shrink:0;background:var(--mint);color:#19383b;font-size:20px}.chat-footnote{font-size:7px;text-align:center;color:#6d879b;margin:12px 0 0}.typing{display:flex;align-items:center;gap:4px;margin:8px 0}.typing>span{width:4px;height:4px;background:var(--mint);border-radius:50%;animation:typing 1s ease-in-out infinite}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}.typing small{font-size:8px;color:var(--muted);margin-left:8px}@keyframes typing{50%{opacity:.2;transform:translateY(-3px)}}dialog{width:min(480px,calc(100vw - 30px));border:1px solid #d0eaff25;border-radius:22px;background:#142131;color:var(--text);padding:25px;box-shadow:0 30px 100px #0006}dialog::backdrop{background:#050b1680;backdrop-filter:blur(8px)}.dialog-head,.dialog-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.dialog-head .eyebrow{margin:0}.dialog-head button{color:var(--muted)}dialog h2{font-size:25px;font-weight:350;margin:18px 0}dialog p,.muted{font-size:11px;color:var(--muted)}.identity-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px}.identity-row span{color:var(--muted)}.dialog-actions{margin-top:25px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:90vw;padding:12px 20px;border:1px solid #b5ecdc40;border-radius:15px;background:#18383b;color:#d0f4e9;font-size:11px;z-index:5}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.paused *,.paused *:before,.paused *:after{animation-play-state:paused!important}.reduced-motion *{animation:none!important;transition:none!important}@media(min-width:1450px){.adoption-layout{margin-top:55px}.companion-stage{min-height:700px}.journey{padding-right:30px}}@media(max-width:900px){.header{padding:0 25px;height:75px}.adoption-layout{gap:30px;margin-top:10px;padding:0 25px}.companion-stage{min-height:600px}.stage-creature{width:180px;height:200px}.stage-creature svg{width:180px;height:200px}.halo-one{width:290px;height:290px}.halo-two{width:360px;height:360px}.stage-caption h2{font-size:24px}.screen h1{font-size:34px}.conversation{gap:20px;grid-template-columns:220px 1fr}.chat-shell{padding:18px}.premium-pill{font-size:7px}}@media(max-width:650px){.header{height:66px;padding:0 20px}.brand{font-size:15px;gap:8px}.brand>span{font-size:32px}.brand small{font-size:8px;padding-left:9px;margin-left:0}.demo-pill{font-size:7px;margin-right:12px;padding:5px 8px}.icon-button{width:27px;height:27px;font-size:12px}.adoption-layout{grid-template-columns:1fr;gap:0;margin:0 auto 25px;padding:0 24px;min-height:0;max-width:500px}.companion-stage{min-height:190px;height:190px;justify-content:flex-start;padding-top:8px}.stage-kicker,.stage-caption,.stage-baseline{display:none}.stage-creature{height:175px;width:160px}.stage-creature svg{width:155px;height:174px}.halo-one{width:210px;height:210px;top:46%;opacity:.65}.halo-two{width:270px;height:270px;top:46%;opacity:.6}.spark-one{top:32%;left:15%;font-size:13px}.spark-two{top:60%;right:16%}.journey{padding:5px 0 0}.journey-top{margin-bottom:20px}.screen{min-height:0}.screen h1{font-size:34px;letter-spacing:-1px;margin-bottom:15px}.lead{font-size:12px;margin-bottom:20px}.feature-line{margin:22px 0;font-size:9px;gap:14px}.journey-footer{margin-top:23px;padding-top:15px;font-size:8px}.journey-footer>span:last-child{font-size:7px}.appearance-grid{margin:18px 0}.appearance-card{padding:10px 5px}.appearance-card svg{width:70px;height:80px}.appearance-card small{font-size:7px}.personality-grid{gap:7px;margin:15px 0}.personality-card{padding:10px 12px}.personality-card small{font-size:7px}.personality-preview{margin:12px 0 18px}.form-fields{gap:14px;margin:20px 0}.hatch-target{width:150px;height:170px;margin:15px auto}.hatch-target svg{width:150px;height:170px}.conversation{grid-template-columns:1fr;margin:0 auto 20px;padding:0 15px;gap:15px;max-width:500px}.companion-home{padding:5px 15px;position:relative;display:grid;grid-template-columns:85px 1fr;align-items:center;text-align:left;column-gap:15px}.companion-home>.eyebrow,.home-note,.status-pill{display:none}.home-creature{width:85px;height:100px;margin:0;grid-row:1/4}.home-creature svg{width:85px;height:100px}.companion-home h1{font-size:25px;margin:10px 0 0}.companion-home>p{margin:0;font-size:9px}.companion-home .secondary{padding:0;border:0;background:none;text-align:left;font-size:8px;color:var(--mint);margin-bottom:10px}.companion-home .text-button{grid-column:1/-1;margin:0;padding:4px 0;font-size:8px;color:#6f8b9e;text-align:center}.chat-shell{min-height:520px;border-radius:20px;padding:16px}.chat-header h2{font-size:18px}.chat-header .eyebrow{font-size:6px}.chat-header{gap:8px}.premium-pill{font-size:6px;padding:5px 7px}.chat-date{font-size:6px;letter-spacing:.8px;margin:18px 0}.messages{max-height:350px}.message p{font-size:11px}.message{padding:12px 14px;max-width:94%}.suggestions button{font-size:8px;padding:6px 8px}.chat-footnote{font-size:6px}.dialog-actions{flex-wrap:wrap}.hatch-screen .companion-stage{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.memory-panel{max-width:1100px;margin:25px auto 70px;padding:30px;border:1px solid var(--line);border-radius:24px;background:#101b2bcc}.memory-panel>p,.memory-panel details p{color:var(--muted)}.memory-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.memory-card{border:1px solid var(--line);padding:18px;margin:12px 0;border-radius:14px}.memory-card p{white-space:pre-wrap;overflow-wrap:anywhere}.memory-card button{margin-right:12px}.memory-panel details{margin:20px 0}.memory-panel summary{cursor:pointer;color:var(--mint)}#memory-trace{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}#demo-result{white-space:pre-line}#edit-value{display:block;margin:12px 0;width:100%}body:has(#conversation[hidden]) .memory-panel{display:none}.messages{overflow-anchor:none}@media(max-width:700px){.memory-panel{margin:15px;padding:20px}.memory-card button{margin:5px}}
#ai-settings{width:min(620px,94vw);max-height:90dvh;overflow:auto}#ai-settings .input{width:100%;margin-bottom:16px}#ai-settings-status,#ai-error{white-space:pre-wrap;color:var(--mint)}#configure-ai{margin-right:15px}.header .secondary{padding:8px 12px}.check-label{align-items:center}select.input{color:var(--text);background:#152235}.chat-footnote{padding:0 10px}@media(max-width:700px){.header{padding:15px;gap:8px;flex-wrap:wrap;height:auto}.demo-pill{display:none}#configure-ai{margin-left:auto;margin-right:0}}
#graph-dialog{width:min(1450px,96vw);max-width:96vw;max-height:94dvh;overflow:auto}#graph-dialog h2{margin:0}.graph-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.graph-controls label{display:grid;gap:5px}.graph-controls .input{padding:8px;max-width:260px}.graph-options{display:flex;flex-wrap:wrap;gap:20px;margin:20px 0}.graph-legend{color:var(--muted);font-size:12px}.graph-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px}#memory-graph{width:100%;height:auto;background:radial-gradient(ellipse,#203445,#0b1522);border:1px solid var(--line);border-radius:18px;touch-action:none;user-select:none}#graph-detail{padding:15px;border:1px solid var(--line);border-radius:14px;overflow-wrap:anywhere}#graph-detail p{white-space:pre-wrap}#graph-detail ul{padding-left:15px}#graph-detail .text-button{padding:5px;text-align:left;font-size:12px}.graph-edge{stroke:#809bab;stroke-width:1.4;opacity:.65}.graph-source{stroke:#96c9f5}.graph-retrieval{stroke:#efc573}.graph-similar{stroke:#aaa;stroke-dasharray:5 5}.graph-node{cursor:grab}.graph-node circle{fill:#9adccc;stroke:#22394d;stroke-width:2}.graph-root circle{fill:#d0f9ed}.graph-topic circle{fill:#c9b9ee}.graph-message circle{fill:#96c9f5}.graph-retrieval circle{fill:#efc573}.graph-node text{fill:#eaf1f7;font:12px system-ui;pointer-events:none;paint-order:stroke;stroke:#0c1725;stroke-width:3px}.graph-chosen circle,.graph-recalled circle{stroke:#efc573;stroke-width:3}.graph-node:focus{outline:none}.graph-node:focus circle{stroke:#fff;stroke-width:4}.graph-dim{opacity:.15}@media(max-width:850px){.graph-layout{grid-template-columns:1fr}#memory-graph{min-height:350px}#graph-detail{max-height:300px;overflow:auto}.graph-controls label{width:100%}.graph-controls .input{max-width:none;width:100%}}

.character-panel{border:1px solid var(--line);border-radius:18px;padding:22px;margin:25px 0;background:#16302e30}.character-gauges{display:grid;grid-template-columns:1fr 1fr;gap:20px}.character-gauges label{display:grid;grid-template-columns:1fr auto;gap:6px}.character-gauges progress{grid-column:1 / -1;width:100%;height:12px;accent-color:var(--mint)}.character-gauges span{color:var(--muted);font-size:12px}#character-events .text-button{text-align:left}#rate-helpful[aria-pressed=true],#rate-improve[aria-pressed=true]{border-color:var(--mint);background:#b5ecdc20}@media(max-width:700px){.character-gauges{grid-template-columns:1fr}}

#development-panel{border:1px solid var(--line);padding:20px;border-radius:16px;margin:20px 0}#development-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 ui-monospace,monospace;max-height:480px;overflow:auto}#development-panel .input{margin:10px;max-width:450px}#soul-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}#soul-fields label{display:grid}#soul-fields .input{width:95%;margin:8px 0}.tokens-table{overflow:auto;max-height:420px}.tokens-table table{border-collapse:collapse;width:100%;font-size:12px}.tokens-table td,.tokens-table th{padding:10px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}.tokens-table tr{cursor:pointer}#tokens-chart{width:100%;max-height:190px}#clock-status{color:var(--mint)}@media(max-width:700px){#soul-fields{grid-template-columns:1fr}}
.html-artifact{margin-top:12px;max-width:300px;border:1px solid #cedde4;border-radius:14px;padding:12px;background:#f8fcff;display:grid;gap:10px}.html-thumbnail{width:240px;height:160px;overflow:hidden;border-radius:8px;background:white;pointer-events:none}.html-thumbnail iframe{width:960px;height:640px;border:0;transform:scale(.25);transform-origin:top left}.artifact-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.artifact-actions a{text-decoration:none;display:inline-block}.html-artifact small{color:#536776;font-size:11px}#agenda-dialog{width:min(760px,94vw)}.agenda-controls,.agenda-times{display:flex;flex-wrap:wrap;gap:16px;align-items:end}.agenda-event{border:1px solid #d4e2e6;border-radius:12px;padding:14px;margin:12px 0}.agenda-event p{margin:6px 0;white-space:pre-wrap}#agenda-form label{display:grid;gap:6px;margin:10px 0}.agenda-times label{flex:1;min-width:200px}#agenda-list{max-height:320px;overflow:auto}

.conversation-tools{position:relative;flex-shrink:0}.conversation-tools>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:34px;height:34px;font-size:24px;color:var(--muted);border-radius:8px}.conversation-tools>summary::-webkit-details-marker{display:none}.conversation-tools>summary:hover,.conversation-tools[open]>summary{background:#25374d;color:var(--text)}.conversation-tool-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:230px;padding:8px;border:1px solid var(--line);border-radius:12px;background:#152235;box-shadow:0 10px 30px #0005;display:grid;gap:6px}.conversation-tool-menu .secondary{width:100%;text-align:left;padding:10px 12px}.conversation-tools>summary:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
.agenda-inline-controls{margin-top:14px;max-width:440px}.agenda-inline-controls fieldset{border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;gap:12px;min-width:0}.agenda-inline-controls legend{font-size:13px;color:var(--mint);padding:0 5px}.agenda-inline-controls label{display:grid;gap:8px;font-size:13px}.agenda-inline-controls input{width:100%;min-width:0;color-scheme:dark}.agenda-inline-controls small{color:var(--muted);font-size:12px}.agenda-inline-controls fieldset:disabled{opacity:.65}

.message-markdown{font-size:12px;line-height:1.8;color:#c3d2df;overflow-wrap:anywhere}.message-markdown>:first-child{margin-top:7px}.message-markdown>:last-child{margin-bottom:0}.message .message-markdown p{white-space:normal;line-height:1.8;margin:10px 0}.message-markdown strong{font-weight:700;color:#e8f2f8}.message-markdown blockquote{margin:12px 0;padding:8px 14px;border-left:3px solid var(--mint);background:#b5ecdc08;border-radius:0 8px 8px 0}.message-markdown ul,.message-markdown ol{padding-left:24px;margin:10px 0}.message-markdown li{margin:4px 0}.message-markdown h1,.message-markdown h2,.message-markdown h3,.message-markdown h4,.message-markdown h5,.message-markdown h6{font-size:1.1em;line-height:1.5;margin:14px 0 8px;color:#e8f2f8}.message-markdown code{font-family:ui-monospace,monospace;background:#ffffff0c;padding:2px 5px;border-radius:4px}.message-markdown pre{max-width:100%;overflow-x:auto;white-space:pre;padding:12px;background:#0003;border-radius:8px}.message-markdown pre code{padding:0;background:none}.message-markdown hr{border:0;border-top:1px solid var(--line);margin:14px 0}@media(max-width:650px){.message-markdown{font-size:11px}}

.weather-choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:12px}.weather-choices legend{font-size:12px;color:var(--mint)}.weather-choices button{white-space:normal;text-align:left}.weather-choices:disabled{opacity:.65}

#weather-location-dialog{width:min(580px,94vw)}#weather-location-fields{border:0;padding:0;min-width:0;display:grid;gap:12px}#weather-location-form label{display:grid;gap:6px}#weather-location-status{white-space:pre-wrap;overflow-wrap:anywhere}#weather-location-choices button{white-space:normal;text-align:left}.weather-setup{display:block;margin-top:12px;text-align:left}