/* Kintsugi observation window */
:root{font-family:"Segoe UI",Arial,sans-serif;color:#e6edf7;background:#080d19;font-synthesis:none;--muted:#91a0b9;--line:#26324a;--accent:#75e4d5;--cyan:#75e4d5;--violet:#b2a0ff;--mono:"Cascadia Code","Consolas",monospace}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 13% 10%,#12333952,transparent 45%),radial-gradient(ellipse at 92% 75%,#27204555,transparent 45%),#080d19}button,textarea{font:inherit}button{cursor:pointer;color:inherit;background:#172235;border:1px solid #34445c;border-radius:9px;padding:9px 13px;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}button:hover{background:#23364b;border-color:#65879a}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.masthead{height:87px;padding:0 36px;display:flex;align-items:center;gap:28px;flex-shrink:0;border-bottom:1px solid #28354d80;background:#090f1c99}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:#e7eef8;font-size:17px;letter-spacing:3px;font-weight:650}.brand-mark{width:31px;height:37px;color:var(--cyan);filter:drop-shadow(0 0 9px #7ce5d54d)}.brand small{display:block;font-size:10px;letter-spacing:1px;color:#8c9db1;font-weight:400;margin-top:5px}.brain-label{display:flex;align-items:center;gap:9px;border:1px solid #2d4150;border-radius:20px;padding:7px 12px;color:#b4cece;font:10px var(--mono);background:#14282c55}.status-dot{display:inline-block;width:5px;height:5px;background:var(--cyan);border-radius:50%;box-shadow:0 0 8px #75e4d555;vertical-align:middle}.header-caption{margin-left:auto;color:#70839b;font:9px var(--mono);letter-spacing:1.2px}#visit-controls{margin-left:auto;display:flex;align-items:center;gap:15px}body:has(#visit-controls:not([hidden])) .header-caption{display:none}#visit-time{font:11px var(--mono);color:var(--muted)}#leave{font-size:11px;background:#121d2d;padding:8px 12px}
.notices{flex-shrink:0;padding:0 36px}.notice{display:flex;align-items:center;gap:12px;padding:11px 0 4px;font-size:11px;color:#95a5bf}.preview-label{font:9px var(--mono);letter-spacing:1px;color:#b9acfa;border:1px solid #76609c66;background:#63508120;border-radius:4px;padding:3px 6px}.public-notice{display:flex;align-items:center;gap:10px;padding:10px 0 12px;border-bottom:1px solid #33405970;font-size:11px;line-height:1.6;color:#8e9db6}.public-notice strong{color:#cbd6e8;font-weight:500}.broadcast-icon{color:#77cfc6;font-size:17px}
main{display:grid;grid-template-columns:minmax(0,2.45fr) minmax(300px,1fr);padding:26px 36px 20px;gap:26px}section{min-width:0;min-height:0}.activity,.conversation{display:flex;flex-direction:column}.activity{position:relative}.section-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.eyebrow{color:#8da0b7;font:9px var(--mono);letter-spacing:1.7px}.tiny-cross{color:var(--cyan);font-size:15px;margin-right:6px}h1{font-size:39px;line-height:1.15;letter-spacing:-1.3px;font-weight:500;margin:9px 0 7px}.title-dot{color:var(--cyan)}.section-subtitle{color:#8a9cb4;font-size:12px;margin:0 0 20px;line-height:1.6}h2{font-size:16px;font-weight:500;margin:0}.quiet{background:#111c2d80;font-size:11px;border-color:#35475d;margin-top:12px;flex-shrink:0}.quiet::before{content:"Ⅱ";color:var(--cyan);margin-right:8px}.quiet[aria-pressed=true]{background:#254848;border-color:#60a49c}.quiet[aria-pressed=true]::before{content:"▷"}
.state-strip{display:flex;align-items:center;flex-wrap:wrap;gap:10px;border:1px solid #31515870;border-radius:9px;background:linear-gradient(110deg,#122b30b0,#15203399 75%);padding:11px 14px;margin-bottom:17px;font:10px var(--mono);line-height:1.7;box-shadow:inset 0 1px #8affdc07}.state-symbol{color:var(--cyan);font-size:19px;line-height:1}.state-divider{height:14px;width:1px;background:#3d4b60;margin:0 8px}.input-dot{width:5px;height:5px;border:1px solid #bfafec;border-radius:50%}#input-marker{color:#c0b6dd}#mood{color:#a3d9d1}.signal-bars{height:19px;margin-left:auto;display:flex;align-items:center;gap:3px;opacity:.65}.signal-bars i{width:2px;height:5px;background:var(--cyan);border-radius:2px;animation:signal 2.5s ease-in-out infinite alternate}.signal-bars i:nth-child(3n){height:15px;animation-delay:-.7s}.signal-bars i:nth-child(3n+1){height:9px;animation-delay:-1.5s}.signal-bars i:nth-child(4n){height:19px;animation-delay:-2s}
.filter-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:14px}.filters{display:flex;gap:3px}.filters button{padding:7px 11px;border-color:transparent;background:none;font-size:11px;color:#91a2bb;border-radius:7px}.filters button:hover{color:#e3f5f2;background:#192a39}.filters button[aria-pressed=true]{color:#99ecde;border-color:#43746680;background:#243f3d75}.filters #event-count{font:9px var(--mono);background:#61c7b523;padding:2px 5px;margin-left:5px;border-radius:4px}.hint{font-size:10px;color:#8091a9;white-space:nowrap}.hint span{color:#6bcdbf;margin-left:5px}
.feed{position:relative;flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:#34455a transparent;min-height:150px;padding:2px 9px 12px 0;overscroll-behavior:contain}.event{--event-color:#78dfd1;--event-wash:#61dbc907;display:flex;align-items:flex-start;gap:13px;position:relative;width:100%;text-align:left;background:linear-gradient(110deg,var(--event-wash),#111c2c88 75%),#0e1828;border:1px solid #2a3a518f;padding:17px 16px;margin:0 0 10px;border-radius:11px;color:inherit;box-shadow:0 4px 14px #00000010,inset 0 1px #b0d0ff04}.event::before{content:"";position:absolute;left:-1px;top:21px;height:22px;width:2px;background:var(--event-color);border-radius:3px;opacity:.7}.event:hover{border-color:color-mix(in srgb,var(--event-color) 45%,#243649);background:linear-gradient(110deg,var(--event-wash),#19263c),#172638;box-shadow:0 5px 20px #0003;transform:translateY(-1px)}.event[data-kind=memory]{--event-color:#e3b67e;--event-wash:#edbd8010}.event[data-kind=writing]{--event-color:#b5a0fc;--event-wash:#ad8aff12}.event[data-kind=image]{--event-color:#aaa1ff;--event-wash:#a192ff12}.event[data-kind=search]{--event-color:#84b9fa;--event-wash:#91b6ff09}.event[data-kind=activity]{--event-color:#b7c6d6;--event-wash:#bdcdee05}
.event-icon{display:flex;align-items:center;justify-content:center;width:31px;height:31px;flex-shrink:0;color:var(--event-color);background:color-mix(in srgb,var(--event-color) 8%,transparent);border:1px solid color-mix(in srgb,var(--event-color) 23%,transparent);border-radius:8px}.event-icon svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.event-copy{min-width:0;flex:1}.event-meta{display:flex;align-items:center;gap:8px;color:var(--event-color);font:9px var(--mono);line-height:1.5;margin:0 0 8px}.event-kind{text-transform:uppercase;letter-spacing:1px}.event-meta time{margin-left:auto;white-space:nowrap;color:#71829e;font-size:9px}.example-mark{font-size:8px;color:#8996b0;letter-spacing:.5px;padding-left:7px;border-left:1px solid #3a4256}.event-title{display:block;font-size:12px;color:#c2cfe3;font-weight:500;margin-bottom:5px}.event-summary{font-size:15px;line-height:1.6;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#dbe5f3;font-weight:400}.event[data-kind=thought] .event-summary{font-size:17px;letter-spacing:-.15px}.event[data-kind=thought] .event-title{display:none}.event[data-kind=activity] .event-summary{font-size:13px;color:#a9b9cf}.event[data-kind=activity]{padding-top:13px;padding-bottom:13px}.event-arrow{font-size:17px;color:#6f849b;align-self:center;transition:color .2s}.event:hover .event-arrow{color:var(--event-color)}.event-tag{display:inline-flex;color:var(--event-color);font:9px var(--mono);margin-top:10px;border:1px solid #5c526b50;border-radius:4px;padding:4px 7px;background:#ffffff03}.event-thumbnail{width:155px;height:108px;object-fit:cover;border-radius:7px;border:1px solid #7b82b74d;align-self:center;box-shadow:0 0 25px #7674ff0b}.event[data-kind=image] .event-summary{font-size:14px}.event[data-kind=image] .event-title{font-size:17px;color:#dedcf8}.event[data-kind=writing] .event-title{font-size:16px;color:#dbd2f6}.event[data-kind=writing] .event-summary{border-left:2px solid #8874be60;padding-left:12px;color:#bcb9d4;font-size:14px}.flag{display:inline-block;font:9px var(--mono);color:#a5d6b9;margin-top:10px}.new-events{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);background:#22433f;border-color:#4b8c7f;box-shadow:0 8px 30px #0008;font-size:11px;z-index:2}.feed-foot{display:flex;justify-content:space-between;color:#7588a3;font:9px var(--mono);gap:12px;padding-top:12px;border-top:1px solid #26334a80}.feed-foot .status-dot{width:4px;height:4px;margin-right:5px}
.conversation{border:1px solid #34405b80;border-radius:15px;padding:20px;background:linear-gradient(150deg,#1a273882,#11182a99 50%,#231d3740);box-shadow:0 15px 45px #00000017,inset 0 1px #b0c5ff08;overflow:auto;scrollbar-width:thin;scrollbar-color:#354259 transparent}.conversation>.section-heading{min-height:24px;margin-bottom:15px;flex-shrink:0}.conversation h2{font-size:15px;letter-spacing:-.2px}#speaker-label{font-size:8px;letter-spacing:1px;color:#a7c7c5;background:#5dd7c90b;border:1px solid #5dd7c923;border-radius:4px;padding:5px 7px}
.presence{height:118px;min-height:118px;border:1px solid #354d684d;border-radius:9px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 28% 65%,#237e8260,transparent 52%),radial-gradient(ellipse at 70% 10%,#574a8a40,transparent 70%),repeating-linear-gradient(0deg,transparent 0 19px,#77a5ce08 20px),repeating-linear-gradient(90deg,transparent 0 19px,#77a5ce08 20px),#0c1625;display:flex;align-items:center;gap:6px;padding:0 12px}.orbital{width:106px;height:106px;position:relative;flex-shrink:0;perspective:250px}.orbit{position:absolute;inset:19px;border:1px solid #9df7e8bb;border-radius:50%;box-shadow:0 0 8px #66ffdf26,inset 0 0 7px #61ffe317}.orbit-one{transform:rotateX(62deg) rotateZ(-35deg);animation:orbit-one 18s linear infinite}.orbit-two{transform:rotateY(65deg) rotateZ(40deg);border-color:#bba6ff;animation:orbit-two 21s linear infinite}.orbit-three{inset:24px;border-color:#7cdace88;transform:rotateZ(-30deg) rotateX(30deg);border-style:dashed;animation:orbit-three 28s linear infinite}.orb-core{position:absolute;inset:35px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#caffee,#68d9d5 18%,#4279ac88 55%,transparent 74%);box-shadow:0 0 28px #74e9dc66;filter:blur(.5px)}.orbit-node{position:absolute;width:4px;height:4px;border-radius:50%;background:#d4fff3;left:27px;top:20px;box-shadow:0 0 10px #acffef}.presence-caption{display:flex;flex-direction:column;gap:8px;font:11px var(--mono);letter-spacing:2px;color:#c5e5e9}.presence-caption span+span{color:#859eb5;font:9px var(--mono);letter-spacing:0;line-height:1.7}.presence-coordinate{position:absolute;bottom:8px;right:10px;color:#748aa4;font:8px var(--mono)}
.waiting{margin:23px 0 0}.waiting-kicker{font:8px var(--mono);letter-spacing:1.2px;color:#73bcb8}.conversation .waiting h2{font-size:24px;line-height:1.25;font-weight:450;letter-spacing:-.6px;margin-top:9px;max-width:280px}#access-message{font-size:12px;color:#99abc2;line-height:1.8;margin:12px 0 16px}#enter{width:100%;color:#071d22;font-size:12px;font-weight:600;background:linear-gradient(115deg,#a3efdb,#70cfd0);border-color:#b5ffea80;box-shadow:0 2px 17px #6cf7d31c;padding:11px}#enter::after{content:"↗";margin-left:12px}#enter:hover{background:#b4ffe9;box-shadow:0 0 22px #77fdd52a}.access-note{font-size:10px;color:#8191aa;line-height:1.7;margin:13px 0 18px}.access-note span{margin-right:4px;color:#90c4c4}
.preview-conversation{border-top:1px solid #35435b88;padding-top:16px;margin-top:2px}.example-chat-label{font:8px var(--mono);letter-spacing:1px;color:#a197be;margin-bottom:17px}.example-user{background:linear-gradient(120deg,#34345490,#242d4590);border:1px solid #6660853a;border-radius:10px 10px 2px 10px;margin:0 0 14px 34px;padding:10px 12px;font-size:12px;line-height:1.7;color:#d8d5ed}.example-agent{display:flex;align-items:flex-start;gap:10px;margin-bottom:16px;color:#afc5d8;font-size:12px;line-height:1.8}.example-agent p{margin:0}.mini-mark{display:flex;align-items:center;justify-content:center;color:#8adaca;font:10px var(--mono);width:22px;height:24px;flex-shrink:0;background:#21434077;border:1px solid #498b7755;border-radius:5px}.example-composer{display:flex;justify-content:space-between;gap:8px;border:1px solid #37455f;border-radius:8px;background:#0a1423;padding:13px 10px;color:#71869f;font-size:10px;margin-top:12px}.example-composer span{color:#a7d3d2}#talk-body{display:flex;flex-direction:column;flex:1;min-height:210px}.intro{font-size:11px;color:#8ca2b7;line-height:1.8;margin:15px 0 8px}.transcript{flex:1;overflow:auto;scrollbar-width:thin;padding:6px 3px 12px 0;min-height:80px}.empty{color:#8a9db6;font-size:12px;line-height:1.8;padding:22px 6px}.turn{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;padding:13px 10px;margin-bottom:12px;border-left:1px solid #70c6b660}.turn.user{color:#d0cbea;background:#887ac117;border:1px solid #8c7daa33;border-radius:9px 9px 2px 9px;margin-left:20px}.turn small{display:block;font:8px var(--mono);letter-spacing:1px;color:#87cdbf;text-transform:uppercase;margin-bottom:7px}.turn.user small{color:#b2a3d4}.status{min-height:0;font-size:11px;color:#b5cddd;line-height:1.7}.status:empty{margin:4px 0}textarea{resize:vertical;max-height:150px;min-height:85px;width:100%;padding:13px;background:#0a1322;color:#e3edf8;border:1px solid #40506c;border-radius:9px;font-size:13px;line-height:1.6;box-shadow:inset 0 2px 8px #0002}textarea::placeholder{color:#8294ae}.composer-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.composer-foot span{font-size:9px;color:#8195ae;line-height:1.6}#send{color:#112e2e;background:#99dfd0;border-color:#b1ffec80;font-size:11px;padding:8px 12px}#send span{color:inherit;margin-left:5px}.conversation-foot{display:flex;align-items:center;gap:7px;color:#7f97ac;font:8px var(--mono);margin-top:auto;padding-top:21px;line-height:1.7;flex-shrink:0}.conversation-foot .status-dot{width:4px;height:4px}
dialog{background:radial-gradient(ellipse at 95% 0,#39335c70,transparent 60%),#101b2d;color:inherit;border:1px solid #65817b88;border-radius:17px;padding:25px 32px;width:calc(100% - 32px);max-width:760px;max-height:88dvh;box-shadow:0 30px 150px #000b,0 0 50px #6bdecb0a;scrollbar-width:thin;scrollbar-color:#485973 transparent}dialog::backdrop{background:#030a16cf;backdrop-filter:blur(9px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}#detail-kind{color:var(--cyan);border:1px solid #66ac9955;border-radius:5px;padding:6px 9px;font-size:10px}#close-detail{font-size:23px;line-height:1;padding:5px 9px;background:#1b283b;border-color:#4e5d79}dialog h2{font-size:29px;letter-spacing:-.6px;font-weight:500}.detail-time{font:10px var(--mono);color:#869bb3;margin:14px 0 24px}.detail-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font-size:16px;color:#d1dcec}#detail-media img,#detail-media video{display:block;width:100%;max-height:47dvh;object-fit:contain;margin-bottom:24px;border-radius:10px;border:1px solid #7c8bc042;background:#080e1d}#detail-media audio{width:100%;margin-bottom:22px}.media-error{font-size:12px;color:var(--muted)}.detail-foot{font:9px var(--mono);letter-spacing:1px;color:#91c2bd;border-top:1px solid #3b4b6355;padding-top:20px;margin-top:30px}.detail-foot span{color:#7c8ea8;letter-spacing:0}
@keyframes signal{to{transform:scaleY(.35);opacity:.45}}@keyframes orbit-one{to{transform:rotateX(62deg) rotateZ(325deg)}}@keyframes orbit-two{to{transform:rotateY(65deg) rotateZ(400deg)}}@keyframes orbit-three{to{transform:rotateZ(330deg) rotateX(30deg)}}
@media(min-width:701px){body{height:100dvh;display:flex;flex-direction:column}main{min-height:0;flex:1}}
@media(min-width:1500px){main{gap:35px;padding-inline:48px;grid-template-columns:minmax(0,2.6fr) minmax(340px,1fr)}.masthead{padding-inline:48px}.notices{padding-inline:48px}.event{padding:20px}.event-summary{font-size:16px}}
@media(max-width:1100px){.hint,.header-caption{display:none}.masthead{padding-inline:24px}.notices{padding-inline:24px}main{padding:22px 24px 18px;gap:20px;grid-template-columns:minmax(0,2.15fr) minmax(275px,1fr)}.conversation{padding:16px}.filters button{padding-inline:8px;font-size:10px}.event-thumbnail{width:110px;height:96px}.event[data-kind=thought] .event-summary{font-size:16px}.state-strip{gap:8px}.signal-bars{display:none}.state-divider{margin-inline:2px}.event{gap:10px;padding:15px 12px}.event-icon{width:27px;height:27px}.presence-caption{font-size:10px}}
@media(max-width:700px){body{background-attachment:fixed}.masthead{padding:0 18px;gap:13px;height:75px;flex-wrap:wrap}.brand{font-size:14px;letter-spacing:2px;gap:9px}.brand-mark{width:25px;height:32px}.brand small{font-size:8px}.brain-label{font-size:8px;padding:6px 8px;margin-left:auto;gap:6px}#visit-controls{gap:6px}body:has(#visit-controls:not([hidden])) .brain-label{display:none}#visit-time{font-size:9px}#leave{font-size:10px;padding:7px 8px}.notices{padding:0 18px}.notice{font-size:9px;gap:8px;line-height:1.6;align-items:flex-start;padding-top:12px}.preview-label{font-size:7px;white-space:nowrap}.public-notice{font-size:10px;align-items:flex-start;padding-top:11px}.broadcast-icon{font-size:14px}main{display:flex;flex-direction:column;padding:23px 16px 20px;gap:22px}.activity{height:78dvh;min-height:610px}.conversation{min-height:350px;padding:20px;border-radius:13px}.transcript{max-height:330px;min-height:130px}h1{font-size:33px}.eyebrow{font-size:8px;letter-spacing:1.1px}.section-subtitle{font-size:11px;max-width:250px;margin-bottom:17px}.quiet{font-size:10px;padding:8px;margin-top:8px}.quiet::before{margin-right:4px}.state-strip{font-size:9px;padding:10px;gap:7px;margin-bottom:12px}.state-symbol{font-size:15px}.state-divider{margin-inline:0}.filters{width:100%;gap:2px}.filters button{font-size:10px;padding:7px 8px;white-space:nowrap}.filters #event-count{font-size:8px;margin-left:3px}.filter-row{padding-bottom:12px}.feed{padding-right:3px}.event{gap:9px;padding:13px 10px;margin-bottom:8px;border-radius:9px}.event-icon{width:25px;height:25px;border-radius:6px}.event-icon svg{width:15px;height:15px}.event-meta{font-size:8px;gap:5px}.event-meta time{font-size:8px}.event-summary,.event[data-kind=thought] .event-summary{font-size:14px;line-height:1.65}.event-arrow{font-size:13px}.example-mark{font-size:7px;padding-left:5px}.event-thumbnail{width:76px;height:94px;align-self:center}.event[data-kind=image] .event-title{font-size:14px}.event[data-kind=image] .event-summary{font-size:12px}.event[data-kind=writing] .event-title{font-size:14px}.event[data-kind=writing] .event-summary{font-size:13px}.event-tag{font-size:8px;margin-top:8px}.feed-foot{font-size:8px;gap:8px}.feed-foot>span:last-child{max-width:135px;text-align:right;line-height:1.6}.presence{height:110px;min-height:110px}.waiting{margin-top:20px}.conversation .waiting h2{max-width:none;font-size:26px}.preview-conversation{padding-top:20px}.example-agent,.example-user{font-size:13px}.conversation-foot{padding-top:22px}dialog{padding:21px}dialog h2{font-size:25px}.detail-text{font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.turn.assistant{position:relative;padding-bottom:38px}.speak{position:absolute;right:8px;bottom:7px;display:inline-flex;align-items:center;gap:6px;padding:5px 9px 5px 7px;border:1px solid #3d5a5d;border-radius:14px;background:#0f1d26;color:#8fd5c8;font:9px var(--mono);letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.speak svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.speak:hover,.speak:focus-visible{background:#163036;border-color:#63a79d;color:#b9f1e5}.speak[data-state=loading]{color:#c3c9d6;border-color:#4a5670;animation:speak-pulse 1.1s ease-in-out infinite}.speak[data-state=loading] .speak-label::after{content:'ing'}.speak[data-state=playing]{background:#99dfd0;border-color:#b1ffec;color:#112e2e}.speak[data-state=playing] .speak-label{display:none}.speak[data-state=playing]::after{content:'Stop'}.speak[data-state=error]{color:#e2a8a8;border-color:#7a4444}.speak[data-state=error] .speak-label::after{content:' again'}@keyframes speak-pulse{50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.speak[data-state=loading]{animation:none}}
.mode{display:flex;align-items:center;gap:8px}.mode-switch{font:9px var(--mono);letter-spacing:1px;text-transform:uppercase;color:#9fb3c8;background:#0f1a2a;border:1px solid #33445f;border-radius:20px;padding:7px 11px;cursor:pointer;transition:color .15s,border-color .15s}.mode-switch:hover,.mode-switch:focus-visible{color:#d6e6f2;border-color:#5f7a9a}.mode-switch:disabled{opacity:.5;cursor:default}.brain-label[data-mode=seeded]{color:#e4d3a4;border-color:#5a4d2d;background:#2c251455}.brain-label[data-mode=seeded] .status-dot{background:#e6c470;box-shadow:0 0 8px #e6c47055}@media(max-width:700px){.mode{margin-left:auto}.mode-switch{font-size:8px;padding:6px 8px}body:has(#visit-controls:not([hidden])) .mode{display:none}}
.turn.local{opacity:.62}
.wake{margin:16px 0 4px;border:1px solid #2c4a55;border-left:2px solid #66c8b8;border-radius:9px;background:#08161fb8;padding:14px 15px 12px}
.wake-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.wake-step{display:flex;align-items:baseline;gap:9px;font:10px var(--mono);letter-spacing:.7px;text-transform:uppercase}
.wake-mark{width:11px;flex-shrink:0;text-align:center}
.wake-step[data-state=done]{color:#5f9f96}.wake-step[data-state=done] .wake-mark{color:#7fe4cf}
.wake-step[data-state=now]{color:#ddf3ee}.wake-step[data-state=now] .wake-mark{color:#9bf0dd}
.wake-step[data-state=now] .wake-label{animation:wake-breathe 1.6s ease-in-out infinite}
.wake-step[data-state=next]{color:#4a6172}
.wake-foot{display:flex;align-items:center;gap:8px;margin:13px 0 0;padding-top:10px;border-top:1px solid #23404a;font:9px var(--mono);letter-spacing:.9px;color:#6f8b9b}
.wake-spark{width:5px;height:5px;border-radius:50%;background:#7fe4cf;box-shadow:0 0 9px #7fe4cfaa;animation:wake-pulse 1.25s ease-in-out infinite;flex-shrink:0}
@keyframes wake-breathe{50%{opacity:.5}}@keyframes wake-pulse{50%{opacity:.25;transform:scale(.7)}}
.detail-notes{display:block;margin:20px 0 4px;padding:13px 15px;border-left:2px solid #55708a;border-radius:0 8px 8px 0;background:#0d1725a6}
.notes-label{display:block;font:8px var(--mono);letter-spacing:1.2px;text-transform:uppercase;color:#7d93ab;margin-bottom:9px}
#detail-notes-text{margin:0;font-style:italic;font-size:14px;line-height:1.85;color:#9fb4c6;white-space:pre-wrap}
@media(prefers-reduced-motion:reduce){.wake-step[data-state=now] .wake-label,.wake-spark{animation:none}}
.turn.thinking{border-left-color:#70c6b6aa}
.dots{display:inline-flex;align-items:center;gap:5px;height:15px}
.dots i{width:6px;height:6px;border-radius:50%;background:#8fd5c8;display:block;animation:think 1.25s ease-in-out infinite}
.dots i:nth-child(2){animation-delay:.16s}.dots i:nth-child(3){animation-delay:.32s}
@keyframes think{0%,60%,100%{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.stepped-out{margin:10px 0 4px;padding:12px 13px;border:1px solid #6b5a46;border-left:2px solid #d8a76a;border-radius:0 9px 9px 0;background:#221a1233;font-size:12px;line-height:1.75;color:#d9c3a6}
.stepped-out strong{display:block;color:#f0d6b0;margin-bottom:4px;font-weight:600}
textarea:disabled{opacity:.55;cursor:not-allowed}
@media(prefers-reduced-motion:reduce){.dots i{animation:none;opacity:.7}}
.standing{font:10px var(--mono);letter-spacing:.8px;text-transform:uppercase;padding:3px 8px;border-radius:11px;border:1px solid #3a4a5e;color:#a8bacb;background:#111c2a99;white-space:nowrap}
.standing[data-state=unsettled]{color:#e8cf9a;border-color:#6d5c38;background:#241d1099}
.standing[data-state=mad]{color:#f0a9a3;border-color:#7d4444;background:#2a151499}
.standing[data-state=forgiving]{color:#a6dcc4;border-color:#3f6b57;background:#13242099}
.keepsake{margin:14px 0 4px;padding:14px 15px;border:1px solid #45607a;border-left:2px solid #86b9e0;border-radius:0 9px 9px 0;background:#0e1b2799}
.keepsake p{margin:0 0 11px;font-size:12px;line-height:1.7;color:#c3d6e6}
#save-visit{font-size:11px;background:#16324a;border-color:#5f8fb5;color:#dcecf8;padding:8px 13px}
#save-visit:hover,#save-visit:focus-visible{background:#1d4260;border-color:#8bbde2}
.keepsake-note{display:block;margin-top:9px;font:8px var(--mono);letter-spacing:.9px;text-transform:uppercase;color:#7f97ad}

/* The visit ends without erasing the screen: the thought stream and the
   transcript stay exactly as they were, and only this banner changes. */
.visit-over{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .9rem;
  margin:0 0 1rem;padding:.75rem .9rem;border:1px solid var(--line,#26314c);
  border-left:3px solid var(--accent,#6fe3c4);border-radius:8px;
  background:rgba(111,227,196,.06);font-size:.92rem;line-height:1.45}
.visit-over strong{color:var(--accent,#6fe3c4)}
.visit-over span{color:var(--muted,#9fb0cc);flex:1 1 14rem}
.visit-over button{flex:0 0 auto}