:root{color-scheme:light;--ink:#26364c;--muted:#657389;--bg:#edf6f7;--yellow:#ffdc55;--red:#f26a58;--blue:#b7def0;--green:#b9db9b;--line:#d9e3e7;--white:#fffdf6;font-family:"Avenir Next","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0;background-image:radial-gradient(#d7e7e9 1px,transparent 1px);background-size:16px 16px}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1.5px solid var(--ink);border-radius:9px;padding:10px 14px;background:var(--white);color:var(--ink);font-weight:600;transition:transform .15s,background .15s,box-shadow .15s}button:hover{background:#fff1bd;transform:translateY(-1px)}button:active{transform:translateY(1px);box-shadow:none}button:disabled{opacity:.5;cursor:wait;transform:none}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #3779b4;outline-offset:3px}.primary{background:var(--yellow);box-shadow:0 3px 0 var(--ink)}.primary:hover{background:#ffe784}.quiet{background:transparent;border-color:#d1dde1;box-shadow:none}.muted{color:var(--muted)}.tiny{font-size:11px;line-height:1.7}.sprite-library{position:absolute;width:0;height:0;overflow:hidden}.pixel-companion{shape-rendering:crispEdges;image-rendering:pixelated}
header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#fffdf6;border-bottom:2px solid var(--ink)}.brand{display:flex;align-items:center;gap:12px}.brand strong{display:block;font-size:23px;letter-spacing:.05em;font-weight:850}.brand small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.brand-star{color:#e5b531;font-size:21px;margin-left:8px}.brand .edition{font-family:"SFMono-Regular",Consolas,monospace;font-size:9px;font-weight:700;letter-spacing:.15em;border-left:1px solid #cad4d8;margin-left:10px;padding-left:18px;writing-mode:vertical-rl;height:46px}.pokeball{display:inline-block;position:relative;border:2.5px solid var(--ink);border-radius:50%;width:24px;height:24px;background:linear-gradient(to bottom,var(--red) 0 43%,var(--ink) 43% 55%,#fffdf6 55%);flex-shrink:0}.pokeball:after{content:"";position:absolute;width:8px;height:8px;border:2px solid var(--ink);border-radius:50%;background:#fffdf6;left:50%;top:50%;transform:translate(-50%,-50%)}.brandmark{width:39px;height:39px;transform:rotate(-15deg);box-shadow:2px 3px 0 #dce3e7}.brandmark:after{width:13px;height:13px}.connection{display:flex;gap:16px;align-items:center;font-size:12px}.connection button{font-size:12px}.connection button span{margin-left:8px}#connection{color:#3a6c56;font-weight:600}
main{display:grid;grid-template-columns:210px minmax(380px,1fr) 222px;gap:20px;padding:20px 24px;height:calc(100dvh - 82px);min-height:584px;max-width:1640px;margin:auto}.task-dex{display:flex;flex-direction:column;min-height:0;background:#fafcf6;border:2px solid var(--ink);border-radius:15px;overflow:hidden;box-shadow:3px 4px 0 #d2e0e3}.dex-heading{display:flex;align-items:center;gap:10px;padding:16px 13px;background:var(--red);border-bottom:2px solid var(--ink);position:relative}.dex-heading h2{font-size:17px;margin:4px 0 0}.dex-heading .eyebrow{font-size:8px;letter-spacing:.12em;color:#26364c}.dex-lens{width:32px;height:32px;border:2px solid var(--ink);border-radius:50%;background:#82cce8;box-shadow:inset 0 0 0 4px #fffdf6;flex-shrink:0}.dex-lens:after{content:"";display:block;width:6px;height:6px;border-radius:50%;background:#fff;margin:7px}.dex-lights{font-size:6px;letter-spacing:2px;position:absolute;top:9px;right:12px;color:#ffd96d}.dex-body{display:flex;flex-direction:column;min-height:0;flex:1;padding:18px 13px 12px}label,.eyebrow{font-size:10px;font-weight:700;letter-spacing:.07em;color:var(--muted)}select{margin:8px 0 14px;padding:11px 8px;border:1.5px solid var(--ink);border-radius:7px;color:var(--ink);background:#fff;width:100%;font-size:13px}.dex-body>.primary{font-size:13px;padding:11px 8px}.section-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin:25px 2px 12px}.section-label span{font-family:monospace;font-size:8px;color:var(--muted);letter-spacing:.08em}nav{overflow:auto;flex:1;margin:0 -4px;padding:0 4px}nav>p{font-size:11px;line-height:1.8;padding:0 3px}nav button{display:block;width:100%;text-align:left;border-color:transparent;background:transparent;box-shadow:none;margin-bottom:7px;padding:10px 9px;line-height:1.55;font-size:12px;overflow-wrap:anywhere}nav button.selected{background:#e1eff6;border-color:#60859e;box-shadow:2px 2px 0 #c5dce7}nav button small{display:block;color:var(--muted);font-size:10px;margin-top:5px;font-weight:500}nav button small:before{content:"◆";font-size:6px;margin-right:6px;color:#648c6d}.device-note{border-top:1px dashed #b8c8c9;padding-top:14px;margin-top:14px;display:flex;gap:10px;align-items:center;font-size:10px;line-height:1.6;color:var(--muted)}.device-note b{color:var(--ink);font-size:11px}.device-note p{margin:2px 0}.mini-map-pin{width:29px;height:29px;border:1px solid #b8c8c9;border-radius:7px;display:grid;place-items:center;color:#63876c;background:#e7f0df;font-size:21px}
.workspace{display:flex;flex-direction:column;background:#fffefa;border:2px solid var(--ink);border-radius:15px;overflow:hidden;min-height:0;box-shadow:4px 4px 0 #cfdee3}.workspace-heading{padding:18px 20px 15px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;justify-content:space-between;background:#fffdf6}.workspace-heading>div{min-width:0}.workspace-heading .eyebrow{color:#65816d;font-size:10px;letter-spacing:.04em}.workspace-heading .eyebrow span{color:#dcac20;font-size:13px;margin-right:4px}h1{font-size:20px;font-weight:800;margin:6px 0 0;line-height:1.4;overflow-wrap:anywhere}.badge{font-size:10px;white-space:nowrap;border:1px solid #8eaf82;border-radius:6px;background:#eef6df;color:#456a3c;padding:6px 8px}.badge:before{content:"●";font-size:7px;vertical-align:1px;margin-right:5px}.conversation{flex:1;overflow:auto;padding:12px 20px;min-height:90px;scrollbar-width:thin;scrollbar-color:#c5d6d9 transparent}.welcome{text-align:center;max-width:510px;margin:0 auto 8px}.adventure-scene{height:170px;position:relative;isolation:isolate;background:#d9eff8;border:1px solid #a1c1cd;border-radius:9px;overflow:hidden}.scene-caption{position:absolute;top:13px;left:14px;font-family:monospace;font-size:8px;font-weight:700;letter-spacing:.12em;color:#547a91;z-index:3}.cloud{position:absolute;width:52px;height:10px;background:#fffdf6;top:43px;left:28px;box-shadow:10px -8px 0 #fffdf6,22px -14px 0 -2px #fffdf6,31px -6px 0 #fffdf6}.cloud-two{left:auto;right:53px;top:29px;transform:scale(.6)}.hill{position:absolute;bottom:21px;left:-20px;width:115%;height:68px;border-radius:55% 55% 0 0;background:#c1dfa6;border-top:3px solid #afcf96}.hill-front{height:50px;left:90px;bottom:0;background:#a9ce94;border-color:#95bc7f;border-radius:55% 0 0 0}.scene-path{position:absolute;bottom:0;left:29%;width:95px;height:40px;background:#eee1aa;transform:skew(-25deg);clip-path:polygon(24% 0,77% 0,100% 100%,0 100%)}.grass{position:absolute;bottom:25px;left:36px;font-size:27px;color:#78a46c;font-weight:bold;z-index:2}.grass-two{left:auto;right:25px;bottom:10px}.buddy-shadow{position:absolute;bottom:15px;left:calc(43% - 51px);width:100px;height:13px;border-radius:50%;background:#67906845}.buddy{width:120px;height:120px;position:absolute;bottom:20px;left:calc(43% - 60px);z-index:3;animation:partner-hop 4s ease-in-out infinite}.speech{position:absolute;left:calc(43% + 47px);top:58px;font-size:12px;font-weight:700;padding:11px 13px;background:#fffdf6;border:1.5px solid var(--ink);border-radius:10px 10px 10px 2px;box-shadow:2px 3px 0 #24364c16;white-space:nowrap;z-index:4}.speech i{font-style:normal;color:#d3a116;margin-left:5px}.scene-flower{position:absolute;color:#f2aa91;font-size:20px;bottom:12px;left:48px;text-shadow:1px 1px #6e926a;z-index:2}.flower-two{left:auto;right:78px;font-size:14px;bottom:36px;color:#fff0bb}.welcome h2{font-size:19px;font-weight:800;margin:18px 0 7px;letter-spacing:.02em}.welcome p{color:var(--muted);font-size:12px;line-height:1.8;margin:0}.suggestions{display:flex;gap:9px;justify-content:center;margin-top:14px}.suggestions button{font-size:11px;border:1px solid #ced9d8;border-radius:6px;padding:8px 12px;background:#f8faf2;box-shadow:0 2px 0 #e0e6db;font-weight:500}.suggestions button:hover{background:#fff0b8}.suggestions span{color:#64856a;font-size:15px;margin-right:5px}
.message{padding:15px 0;border-bottom:1px dashed #d7e0df}.message .role{font-size:10px;color:#557d64;font-weight:700;margin-bottom:9px}.message.assistant .role:before{content:"ϟ";display:inline-grid;place-items:center;width:19px;height:19px;margin-right:7px;border-radius:50%;background:#ffdc55;color:var(--ink)}.message.user{background:#eef5fa;border:1px solid #d5e2e9;border-radius:9px 9px 2px 9px;padding:13px 15px;margin:7px 0}.message p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-size:13px;margin:0}.run-error{color:#9d3b33;font-size:12px}.requests{max-height:245px;overflow:auto;background:#fff0c4;flex-shrink:0}.request{padding:14px 20px;border-top:2px solid #d7a840}.request h3{font-size:14px;margin:0 0 8px}.request pre{max-height:100px;overflow:auto;color:var(--ink)}.request button{margin:6px 7px 0 0;font-size:12px}.request input{display:block;width:100%;margin:8px 0;padding:8px;border:1px solid var(--ink);border-radius:5px}.error{color:#9b3c28;background:#fff0eb;padding:10px 20px;font-size:12px;flex-shrink:0}#composer{padding:12px 16px 14px;border-top:1px solid var(--line);background:#fffdf6;flex-shrink:0}.input-shell{display:flex;border:1.5px solid #b6c6ce;border-radius:8px;background:#fff;align-items:flex-start;padding:8px 11px;gap:10px}.input-spark{color:#cdab47;font-size:17px;margin-top:4px}textarea{border:0;resize:vertical;min-height:45px;max-height:140px;width:100%;padding:2px;line-height:1.65;font-size:13px;color:var(--ink);background:transparent}textarea::placeholder{color:#7b8797}textarea:focus-visible{outline-offset:1px;outline-width:2px}.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px}.composer-footer>span{font-size:10px;color:var(--muted)}.composer-footer>span:before{content:"◆";font-size:6px;color:#6b9663;margin-right:6px}.composer-footer button{padding:9px 13px;font-size:12px}.composer-footer button span{margin-left:8px}
.details{overflow:auto;min-width:0;scrollbar-width:thin}.partner-card{background:#fff8dc;border:1.5px solid var(--ink);border-radius:13px;box-shadow:3px 3px 0 #dfdfc8;overflow:hidden}.partner-heading{display:flex;justify-content:space-between;align-items:center;padding:12px 13px}.partner-heading .eyebrow{color:#7d6e3f;font-size:10px}.type-chip{font-size:9px;font-weight:700;background:#ffe78e;border:1px solid #dbbd5b;border-radius:4px;padding:3px 6px}.partner-portrait{height:93px;display:flex;justify-content:center;align-items:center;position:relative;margin-top:-3px}.partner-portrait:before{content:"";position:absolute;width:78px;height:78px;background:#ffe995;border-radius:50%}.partner-portrait svg{position:relative;width:88px;height:88px}.portrait-spark{position:absolute;font-size:16px;right:43px;top:13px;color:#d4a538}.partner-name{text-align:center}.partner-name h2{font-size:17px;margin:3px 0;font-weight:800}.partner-name>span{font-size:10px;color:#8b7a4d}.mini-buddy{display:flex;align-items:center;gap:8px;background:#fffcf0;border-top:1px dashed #e0ce8c;padding:12px;margin-top:13px;min-height:51px}.state-light{width:7px;height:7px;border-radius:50%;background:#83a662;flex-shrink:0}.mini-buddy p{font-size:11px;line-height:1.6;margin:0;color:#756a4d}.record-card{background:#fffefa;border:1px solid #cbd9dd;border-radius:10px;margin-top:14px;padding:14px}.record-card h2{font-size:12px;margin:0 0 10px;font-weight:700;display:flex;gap:7px}.record-card h2 span{color:#6b91a9;font-size:14px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:"SFMono-Regular",Consolas,monospace;font-size:10px;line-height:1.8;color:var(--muted);margin:0}#progress{max-height:170px;overflow:auto}#artifacts{font-size:11px;line-height:1.7}#artifacts p{margin:0}#artifacts img{width:100%;border-radius:6px;margin-top:5px}#artifacts button{width:100%;font-size:11px;margin:5px 0;text-align:left;overflow-wrap:anywhere}.detail-footer{display:flex;align-items:center;justify-content:center;gap:6px;margin:18px 0 6px;color:#778b92;font-size:9px}.detail-footer .pokeball{width:14px;height:14px;border-width:1.5px;opacity:.65}.detail-footer .pokeball:after{width:5px;height:5px;border-width:1px}body[data-state=running] .state-light{background:#dbb431;animation:pulse 1.5s infinite}body[data-state=waiting] .state-light{background:#df784a}body[data-state=waiting] .badge{background:#fff0c4;border-color:#d5ae5c;color:#836320}body[data-state=failed] .badge{background:#ffe5df;border-color:#d39b91;color:#9b493e}body[data-state=completed] .badge{background:#e8f4dd}
dialog{border:2px solid var(--ink);border-radius:15px;padding:27px;max-width:450px;width:90%;color:var(--ink);background:#fffdf6;box-shadow:7px 8px 0 #26364c40}dialog::backdrop{background:#26364c70;backdrop-filter:blur(3px)}dialog p{font-size:12px;line-height:1.8;color:var(--muted)}dialog h2{font-size:21px;margin:12px 0}dialog input{width:100%;margin:10px 0;padding:12px;border:1.5px solid var(--ink);border-radius:7px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@keyframes partner-hop{0%,70%,100%{transform:translateY(0)}78%{transform:translateY(-5px)}86%{transform:translateY(0)}92%{transform:translateY(-2px)}}@keyframes pulse{50%{opacity:.35}}
@media(min-width:1500px){main{grid-template-columns:235px minmax(380px,1fr) 255px;gap:25px;padding:26px}.adventure-scene{height:210px}.buddy{width:150px;height:150px}.welcome{margin-top:15px}.welcome h2{margin-top:25px;font-size:22px}}
@media(max-width:1080px){main{grid-template-columns:180px minmax(340px,1fr);gap:15px;padding:17px}.details{display:none}.dex-heading{padding:16px 10px;gap:7px}.dex-heading h2{font-size:16px}.dex-body{padding:15px 10px}.brand .edition{display:none}.welcome{max-width:540px}.adventure-scene{height:190px}.buddy{width:135px;height:135px}}
@media(max-width:650px){header{height:72px;padding:0 14px}.brand{gap:8px}.brandmark{width:30px;height:30px}.brandmark:after{width:10px;height:10px}.brand strong{font-size:19px}.brand small{font-size:9px}.brand-star{font-size:15px;margin-left:4px}.connection{gap:6px;flex-direction:column;align-items:flex-end;font-size:9px}.connection button{font-size:10px;padding:5px 8px;border:0}.connection button span{margin-left:3px}main{display:flex;flex-direction:column;padding:12px 10px;gap:11px;height:calc(100dvh - 72px);min-height:650px}.task-dex{flex-shrink:0;border-radius:9px;border-width:1.5px;box-shadow:2px 2px 0 #d2e0e3}.dex-heading{display:none}.dex-body{flex-direction:row;align-items:center;padding:9px;gap:10px}.dex-body label,.section-label,nav,.device-note{display:none}.dex-body select{margin:0;width:50%;flex:1;padding:8px;font-size:12px}.dex-body>.primary{font-size:11px;padding:8px 10px;white-space:nowrap}.workspace{flex:1;border-radius:12px}.workspace-heading{padding:15px 14px;gap:7px}.workspace-heading .eyebrow{font-size:9px}h1{font-size:17px}.badge{font-size:9px;padding:5px 6px}.conversation{padding:12px 13px}.adventure-scene{height:176px}.buddy{width:112px;height:112px;left:calc(35% - 55px)}.buddy-shadow{left:calc(35% - 45px)}.speech{font-size:10px;left:calc(35% + 41px);padding:9px;top:55px}.scene-caption{font-size:7px}.welcome h2{font-size:16px;margin-top:17px}.welcome p{font-size:11px}.suggestions{gap:8px;margin-top:15px}.suggestions button{padding:8px 9px;font-size:10px}.welcome{margin-bottom:10px}.scene-flower{left:25px}.flower-two{left:auto;right:30px}.composer-footer>span{font-size:9px;max-width:145px;line-height:1.6}.composer-footer button{font-size:11px;padding:8px 10px}#composer{padding:10px 12px 13px}.input-shell{padding:7px 9px;gap:6px}textarea{font-size:12px;min-height:47px}.request{padding:12px 14px}.message p{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Soft clay surfaces: restrained depth, rounded cards and calm water colors. */
:root{--ink:#365361;--muted:#758b95;--bg:#e9f2f2;--yellow:#abd7e3;--red:#efb7a2;--blue:#badde7;--green:#b7cbb4;--line:#dae5e6;--white:#fffcf6}
body{background-image:none}header{background:#f8faf6;border-bottom:1px solid #d8e5e4}.brand strong{font-weight:800;color:#41626c}.brand-star{color:#d6b68b}.brandmark{border-color:#69818a;box-shadow:inset 2px 2px 5px #ffffffaa,2px 4px 7px #627d8726}.pokeball{border-color:#69818a;background:linear-gradient(to bottom,#e9b49f 0 44%,#69818a 44% 54%,#fffaf1 54%)}.pokeball:after{border-color:#69818a}.brand .edition{color:#8aa1a8}button{border:1px solid #d0e0e2;border-radius:13px;background:#fffdf6;box-shadow:0 2px 3px #557b8910,inset 0 1px 0 #fff;font-weight:600}button:hover{background:#e9f5f7;box-shadow:0 3px 7px #557b8920}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#679faf}.primary{background:linear-gradient(160deg,#bcdfeb,#9dcedd);border:1px solid #93bdc9;color:#365967;box-shadow:inset 1px 2px 2px #e4f6fc,0 3px 0 #83aebc,0 4px 8px #668a9820}.primary:hover{background:#c5e4ec}.quiet{border-color:#d8e6e6;box-shadow:none}.task-dex{background:#f8faf5;border:1px solid #d4e2df;border-radius:22px;box-shadow:5px 7px 13px #5c7a8311,inset 0 1px 0 #fff}.dex-heading{background:#daecea;border-bottom:1px solid #cadfdc;padding-top:19px;padding-bottom:19px}.dex-heading .eyebrow{color:#839c9a}.dex-heading h2{color:#4c706e}.dex-lens{background:#98cbd9;border:1px solid #97b6bb;box-shadow:inset 2px 3px 3px #eaf8fa,0 2px 4px #71949f30}.dex-lights{color:#cfab83}.dex-body{padding-top:18px}select{border:1px solid #ccdcdd;border-radius:11px;background:#fdfefa;box-shadow:inset 0 2px 4px #567c8b09}nav button.selected{background:#e2f0f3;border-color:#c2dade;box-shadow:inset 0 1px 0 #fff,0 2px 4px #6d8f9d0d}.device-note{border-top-style:solid;border-color:#dce7e1}.mini-map-pin{background:#e7efde;border-color:#d1ddc8;border-radius:11px;box-shadow:inset 0 1px 2px #fff}.workspace{background:#fffefa;border:1px solid #d0dfe2;border-radius:23px;box-shadow:5px 7px 15px #5c7a8314,inset 0 1px 0 #fff}.workspace-heading{background:#fffdf7;padding-top:20px;padding-bottom:18px}.workspace-heading .eyebrow{color:#77948a}.workspace-heading .eyebrow span{color:#c0a57d}.badge{background:#edf4e9;border:1px solid #ccdbc5;border-radius:9px;color:#6c8760;box-shadow:inset 0 1px 0 #fff}.suggestions button{border-radius:12px;border-color:#d7e5e1;background:#f2f7ef;box-shadow:inset 0 1px 0 #fff,0 2px 3px #617c6b0d}.suggestions button:hover{background:#e5f1f0}.suggestions span{color:#789991}.input-shell{background:#f7fbfb;border-color:#d3e1e5;border-radius:14px;box-shadow:inset 1px 2px 4px #66818d0c}.input-spark{color:#91b8c1}#composer{background:#fffdf7}.message.user{background:#eff7f8;border-color:#dbe8eb;border-radius:15px 15px 4px 15px}.message.assistant .role:before{content:"≈";background:#d5edf2;color:#6b9eac}.partner-card{background:#f2f9fa;border:1px solid #cbdfe3;border-radius:22px;box-shadow:4px 5px 12px #4a778615}.partner-heading{padding:14px 14px}.partner-heading .eyebrow{color:#6f939d}.type-chip{background:#dcedf4;border:1px solid #c4dce6;border-radius:7px;color:#668d9c}.partner-portrait:before{background:#e1f0f3}.portrait-spark{color:#99bcca}.partner-name>span{color:#89a1a9}.mini-buddy{background:#f7fbfb;border-top-style:solid;border-color:#dcebee;color:#819eaa}.mini-buddy p{color:#78949e}.record-card{background:#fbfdf9;border:1px solid #d5e2e2;border-radius:17px;box-shadow:3px 4px 9px #5c7a830a}.detail-footer .pokeball{opacity:.5}dialog{border:1px solid #c5dce0;border-radius:24px;background:#fffdf7;box-shadow:0 18px 70px #36536140}dialog input{border:1px solid #bfd3d9;border-radius:12px;box-shadow:inset 0 2px 4px #3653610c}dialog::backdrop{background:#36536160}
@media(max-width:650px){.task-dex{border-radius:16px;border-width:1px}.workspace{border-radius:20px}.workspace-heading{padding:15px 14px}.dex-body{padding:10px}header{border-bottom-width:1px}}
/* Final companion: generated clay frog, shared with the Tab5 firmware. */
:root{--ink:#39534d;--muted:#789087;--bg:#edf3ee;--yellow:#bcd4a5;--line:#d2dfd8;--white:#fffcf4}
header{background:#f9faf4}.brand strong{color:#456454}.brand small{color:#8b9b8d}.brand-frog{height:47px;width:47px;object-fit:contain;filter:drop-shadow(0 3px 3px #5b785529)}.brand-star{color:#b4c094}.primary{background:linear-gradient(150deg,#d1e3bb,#b6cf9d);border-color:#adbf96;box-shadow:inset 1px 2px 2px #eff8e2,0 3px 0 #a1b78c,0 4px 8px #6c88651a;color:#4b6643}.primary:hover{background:#d4e6be}.dex-heading{background:#e0ebd7;border-color:#d2e0c8}.dex-heading h2{color:#58764c}.dex-lens{background:#b4cfa1;border-color:#adbf9e;box-shadow:inset 2px 3px 3px #f5fbe9,0 2px 4px #7b997230}.dex-body{background:#fbfcf7}.dex-lights{color:#c7b58d}.workspace-heading .eyebrow{color:#859975}.adventure-scene{height:181px;background:linear-gradient(135deg,#e9f4ef,#e0eeee);border:0;border-radius:20px;box-shadow:inset 0 2px 4px #97b1a80c;overflow:hidden}.scene-caption{font-size:7px;color:#91a89a;font-weight:500;letter-spacing:.12em;top:16px;left:18px}.buddy.clay-companion{width:161px;height:161px;left:calc(38% - 80px);bottom:7px;image-rendering:auto;animation:clay-breathe 5s ease-in-out infinite;filter:drop-shadow(1px 3px 3px #65795712);object-fit:contain}.clay-island{position:absolute;width:148px;height:20px;background:#dedfbd;border-radius:50%;left:calc(38% - 71px);bottom:12px;box-shadow:inset 2px 4px 5px #fff9dd88,0 3px 5px #769b8c20}.pond-ring{position:absolute;bottom:3px;left:16%;height:37px;width:70%;border:1px solid #c6deda;border-radius:50%;background:#cee5e12e;box-shadow:inset 0 2px 3px #fff9}.ring-two{bottom:-5px;left:9%;width:85%;height:53px;border-color:#d5e8e2;background:transparent;box-shadow:none}.clay-leaf{position:absolute;width:27px;height:13px;border-radius:80% 3px 80% 3px;background:#b8cf9f;box-shadow:inset 0 3px 4px #d9e8c3,1px 2px 3px #7a9e7420}.leaf-one{left:27px;bottom:35px;transform:rotate(-22deg)}.leaf-two{right:43px;bottom:24px;transform:rotate(13deg);width:20px;height:10px}.speech{top:67px;left:calc(38% + 68px);padding:11px 13px;background:#fffdf4;border:1px solid #e1e9dd;border-radius:15px 15px 15px 4px;font-size:11px;font-weight:500;color:#6b8069;box-shadow:2px 4px 9px #7c92851a}.speech i{color:#bdc5a0;font-size:14px}.partner-card{background:#f5f9ec;border-color:#d6e1c9;box-shadow:4px 5px 12px #74896512}.partner-heading .eyebrow{color:#8b9d70}.type-chip{background:#e9f0da;border-color:#d6e0c0;color:#829261}.partner-portrait{height:98px}.partner-portrait:before{width:88px;height:88px;background:#e9f0d9;box-shadow:inset 0 3px 6px #d7e1be55,0 1px 0 #fff}.partner-portrait .clay-companion{width:110px;height:110px;object-fit:contain;z-index:1;filter:drop-shadow(0 2px 2px #72885d1a)}.partner-name h2{color:#627a50}.partner-name>span{color:#93a37d}.portrait-spark{color:#c2caa0}.mini-buddy{background:#fafcf4;border-color:#e3ead8}.mini-buddy p{color:#859775}.record-card h2 span{color:#94a787}.input-spark{color:#a7b88f}.badge{color:#7a935e}.brand .edition{color:#9ba994;border-color:#dce5d6}.detail-footer{color:#a0af9a}.detail-footer>span:first-child{font-size:17px;color:#aebd93}.welcome h2{font-weight:700;font-size:18px;margin-top:17px}.welcome p{line-height:1.9;color:#8a9b90}.suggestions button{font-weight:500;color:#7b8f71}.workspace{box-shadow:5px 7px 15px #637d6910;border-color:#d6e0d5}.message.user{background:#f0f5eb;border-color:#dfe8d6}.message.assistant .role:before{content:"❧";background:#e8f0d9;color:#8da276}
@keyframes clay-breathe{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-2px) rotate(1deg)}}
@media(min-width:1500px){.adventure-scene{height:210px}.buddy.clay-companion{width:185px;height:185px;bottom:5px;left:calc(38% - 90px)}.speech{top:80px;left:calc(38% + 80px)}}
@media(max-width:650px){.brand-frog{height:36px;width:36px}.brand small{font-size:8px}.adventure-scene{height:185px;border-radius:18px}.buddy.clay-companion{width:149px;height:149px;left:calc(34% - 74px);bottom:12px}.speech{left:calc(34% + 50px);top:67px;font-size:10px;padding:10px}.scene-caption{font-size:6px;top:13px;left:14px}.clay-island{left:calc(34% - 65px);width:130px;bottom:15px}.clay-leaf.leaf-one{left:14px;width:20px}.clay-leaf.leaf-two{right:22px}.welcome h2{font-size:16px}.welcome p{font-size:11px}.partner-name h2{font-size:16px}}
/* Readable small-screen copy within the soft palette. */
:root{--muted:#647b6d}.welcome p{color:#647b6d}.mini-buddy p{color:#657c58}.partner-name>span{color:#71825e}.suggestions button{color:#5d7552}.type-chip{color:#65764e}.speech{color:#5c7358}.brand small{color:#72816d}