/* JustSee world-first primitives: edges, short first layer, deliberate detailed review. */
:root{--world-surface:#fcfaf6e8;--world-ink:#342d42;--world-border:#ffffffbb;--world-shadow:0 10px 34px #21173620;--world-radius:20px}
body .brand-symbol{width:32px;height:32px;margin-right:7px;flex:none}body .brand{gap:0}body .brand>span:last-child{color:#7859b8}
body:has(#city-light-open[data-celestial=moon]){--world-surface:#252a38ed;--world-ink:#f1eef8;--world-border:#c4bbda40}
body :is(#details,.agent-card,.result-card){background:var(--world-surface);color:var(--world-ink);border:1px solid var(--world-border);box-shadow:var(--world-shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
body #details[data-contextual=true]{top:120px;bottom:auto;max-height:calc(100dvh - 210px);width:340px;padding:14px 20px 20px;border-radius:var(--world-radius)}
body #details .detail-top{background:transparent;padding:0;top:0;margin-bottom:6px;position:relative}body #details[data-contextual=true] h2{font-size:23px;margin-bottom:9px}body #details[data-contextual=true] .house-purpose{font-size:13px;line-height:1.6}
body .world-more{border-top:1px solid #8d7ca42c;margin-top:12px;padding-top:5px}body .world-more>summary{font-size:12px;min-height:44px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:inherit}body .world-more>summary:after{content:'＋';opacity:.7}body .world-more[open]>summary:after{content:'−'}
body dialog:not(.preview-article):not(.marketing-sheet):not(.work-mode-sheet):not(.result-workspace){background:var(--world-surface);color:var(--world-ink);border:1px solid var(--world-border);box-shadow:var(--world-shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
body dialog::backdrop{background:#1714251a;backdrop-filter:none;-webkit-backdrop-filter:none}
body #about-justsee{inset:105px 18px auto auto;margin:0;width:min(370px,calc(100% - 28px));max-height:74dvh;padding:24px;border-radius:22px}body #about-justsee h2{font-size:27px}body #about-justsee .about-intro{padding:5px 15px 0 0}body #about-justsee .about-preview{padding:12px;margin:12px 0;background:#8b74b112;border-radius:12px}body #about-justsee .about-footer{display:block;padding:0;margin-top:12px}body #about-justsee .about-footer>div{display:none}body #about-justsee #about-understood{width:100%}body #about-justsee .about-journey{grid-template-columns:repeat(3,1fr);margin:6px 0}body #about-justsee .about-journey svg{width:65px;height:60px}body #about-justsee .about-journey strong{font-size:11px}
body #world-menu,body #navigation-dialog{inset:100px 18px auto auto;margin:0;width:min(350px,calc(100% - 28px));max-height:75dvh}body #world-menu .site-menu>button{min-height:48px;padding:9px 4px}
body .agent-card{width:280px;padding:13px 16px;max-height:48dvh}body .agent-card-head strong{font-size:16px}body .agent-card-actions{grid-template-columns:1fr 1fr}body .agent-card-actions button:last-child{grid-column:auto}body .agent-card-status{font-size:12px;margin:9px 0}body .agent-card-details{margin-top:6px}body .agent-card .agent-help{font-size:11px;line-height:1.5}body .agent-card[data-driving=true]{width:235px;padding:10px 14px}body .agent-card[data-driving=true] .agent-card-status{margin:5px 0 0}
body .agent-task-sheet{inset:110px 18px auto auto;margin:0;width:min(390px,calc(100% - 28px));max-height:76dvh;padding:20px}body .agent-task-sheet h2{font-size:22px}body .agent-task-sheet dd{line-height:1.45}body .agent-task-sheet dt{margin-top:8px}body .agent-task-sheet details{margin-top:10px}
body .agent-move-actions{display:flex;gap:7px}body .agent-move-actions button{font-size:12px;min-height:44px;background:var(--world-surface);color:var(--world-ink);touch-action:none}body .agent-move-actions button[aria-pressed=true]{background:#655091;color:white}body .agent-driving .desktop-movement{font-size:11px;line-height:1.5;max-width:230px}body .agent-driving{max-width:250px;gap:8px}body .agent-driving span{background:var(--world-surface);color:var(--world-ink)}
body .agent-joystick{width:92px;height:92px;background:#f9f6ef65}body .agent-joystick span{width:40px;height:40px}
body :is(.world-more>summary,.agent-move-actions button,.result-card button,.result-launch,.world-signal):focus-visible{outline:3px solid #ae8ee0;outline-offset:3px}
@media(max-width:600px){body .brand-symbol{width:26px;height:26px;margin-right:4px}body #details[data-contextual=true]{top:auto;bottom:76px;left:12px;right:12px;width:auto;max-height:47dvh;padding:12px 17px}body :is(#about-justsee,#world-menu,#navigation-dialog,.agent-task-sheet){inset:auto 12px 76px;margin:0;width:calc(100% - 24px);max-height:62dvh;border-radius:22px;padding:20px}body .agent-card{top:98px;left:12px;right:auto;width:min(280px,calc(100% - 24px));padding:11px 14px;max-height:39dvh}body .agent-card-actions button{min-height:40px}body .agent-card[data-driving=true]{width:225px}body .agent-driving{right:12px;bottom:88px;gap:7px}body .agent-driving .touch-movement{display:none}body .agent-driving .agent-stop{min-height:36px}body .agent-joystick{bottom:88px;left:16px}body .agent-move-actions{flex-wrap:wrap;justify-content:end;max-width:160px}body .agent-move-actions button{padding:8px 12px}body .agent-card .agent-help{display:none}body .world-more[open]{max-height:32dvh;overflow:auto}}
@media(prefers-reduced-transparency:reduce){:root{--world-surface:#fcfaf6}body:has(#city-light-open[data-celestial=moon]){--world-surface:#252a38}}
@media(prefers-reduced-motion:reduce){body :is(.world-signal,.result-card,.agent-card){animation:none!important;transition:none!important}}
.result-launch{position:absolute;left:18px;bottom:96px;z-index:27;min-height:40px;padding:10px 15px;border-radius:18px;border:1px solid var(--world-border);color:var(--world-ink);background:var(--world-surface);font:inherit;font-size:12px;backdrop-filter:blur(12px);box-shadow:var(--world-shadow)}
.result-markers{position:absolute;inset:0;pointer-events:none;z-index:25}.world-signal{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;border:1px solid #fff9;border-radius:14px;background:#faf7edeb;color:#3c3842;padding:7px 10px;min-height:36px;font:inherit;font-size:11px;box-shadow:0 4px 12px #24233720;white-space:nowrap}.world-signal[data-kind=review]{border-color:#dab778;background:#f9eed9ef}.world-signal[data-kind=result]{border-color:#a1b8a8;background:#edf5eeed}
.result-card{position:absolute;z-index:39;right:18px;bottom:100px;width:320px;padding:17px;border-radius:20px;max-height:56dvh;overflow:auto}.result-card header{display:flex;align-items:center;justify-content:space-between;gap:10px}.result-card h2{font-size:18px;line-height:1.3;margin:0}.result-card .result-close{font-size:24px;background:transparent;border:0;padding:0;min-width:36px}.result-card p{font-size:13px;line-height:1.55}.result-card small{font-size:10px;line-height:1.5;display:block;margin-top:9px;opacity:.8}.result-card button{min-height:44px;font:inherit;font-size:12px;border-radius:12px;padding:10px 12px;border:1px solid #9480b144;color:inherit;background:#ffffff70;cursor:pointer}.result-actions{display:flex;gap:7px}.result-primary{background:#674e99!important;color:white!important;border-color:transparent!important;flex:1}.result-card .result-secondary{background:transparent;border:0;font-size:11px;padding:9px 0}.result-card .result-hint{font-size:11px;opacity:.8}.result-card .result-list-item{display:block;text-align:left;width:100%;margin-top:7px}.result-card button:disabled{opacity:.45;cursor:default}
.result-near{position:absolute;bottom:168px;left:50%;transform:translateX(-50%);z-index:37;font:inherit;font-size:12px;min-height:44px;background:#65508f;color:white;border:1px solid #ad9bc6;border-radius:15px;padding:10px 15px;box-shadow:var(--world-shadow)}.result-notice{position:absolute;left:50%;bottom:230px;transform:translateX(-50%);z-index:38;max-width:min(340px,90vw);width:max-content;background:var(--world-surface);color:var(--world-ink);border-radius:12px;padding:9px 13px;font-size:12px;line-height:1.4;pointer-events:none}.result-notice:empty{display:none}
[hidden].result-card,[hidden].world-signal,[hidden].result-near,[hidden].result-markers{display:none}.agent-selected .result-launch{display:none}body:has(#city-light-open[data-celestial=moon]) .world-signal{background:#272b3aee;color:#ede8f7;border-color:#9586ac}body:has(#city-light-open[data-celestial=moon]) .result-card button:not(.result-primary){background:#ffffff0a}
@media(max-width:600px){.result-launch{bottom:145px;left:14px;min-height:36px;padding:8px 11px;font-size:11px}.result-card{right:12px;left:12px;bottom:78px;width:auto;max-height:43dvh;padding:14px 17px}.result-near{bottom:240px;font-size:11px}.result-notice{bottom:290px;font-size:11px}.world-signal{font-size:9px;min-height:30px;padding:5px 8px;max-width:142px;white-space:normal;text-align:center}.agent-driving-active .world-signal{font-size:10px}}
/* The floating sun/moon and AI status must retain independent hit areas in Follow. */
body:has(>.city-light-open) .ai-capsule.is-preview{right:66px;max-width:calc(100vw - 208px)}
body :is(#about-justsee,#world-menu,#navigation-dialog){background:var(--world-surface);color:var(--world-ink)}
body #about-justsee :is(#about-title,#about-copy,#about-state,.world-more>summary){color:inherit}
body:has(#city-light-open[data-celestial=moon]) #about-justsee :is(p,.about-eyebrow,.about-step-number){color:#c9c3d7}
body:has(#city-light-open[data-celestial=moon]) #about-justsee .about-journey{background:#ffffff08;border-color:#a99bbd30}

/* One fixed navigation system; action signals belong to the building itself. */
.city-project-menu{display:grid;gap:4px;padding:0 0 12px;border-bottom:1px solid var(--world-border);margin-bottom:8px}
body #world-menu .city-menu-entry{position:relative;display:flex;align-items:center;width:100%;min-height:46px;padding:10px 24px 10px 12px;border:0;border-radius:12px;background:transparent;color:var(--world-ink);font-family:inherit;font-weight:600;font-size:14px;line-height:1.3;text-align:left}
body #world-menu .city-menu-entry:hover{background:#ad94cb18}
body #world-menu .city-menu-entry:focus-visible{outline:2px solid #8464b5;outline-offset:1px}
#menu-open{position:relative}
#menu-open[data-unread=true]:after,.city-menu-entry[data-unread=true]:after{content:'';position:absolute;right:7px;top:8px;width:7px;height:7px;border-radius:50%;background:#b38443;box-shadow:0 0 0 3px #fff9}
.city-menu-entry[data-unread=true]:after{top:calc(50% - 3px);right:9px}
body #world-menu .city-menu-secondary{position:static;inset:auto;transform:none;box-shadow:none;backdrop-filter:none;background:transparent;border:0;border-radius:12px;margin:0;max-width:100%;width:100%;min-height:44px;text-align:left;padding:10px 12px;font-size:13px;color:var(--world-ink)}
body #world-menu #ai-status{display:flex;gap:8px;justify-content:flex-start}
body #world-menu #progress-open{display:block}
body .experience-controls{width:min(480px,calc(100% - 28px));grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr)}
body .experience-controls .experience-meeting{font-size:12px;padding:8px 3px;letter-spacing:-.15px}
body .experience-status{position:static;box-shadow:none;background:transparent;border:0;backdrop-filter:none;padding:0;min-height:18px;font-size:10px;font-weight:500;color:#635775}

@media(max-width:600px){body .experience-controls{grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);gap:2px}body .experience-controls .experience-meeting{font-size:11px}body #world-menu{inset:88px 12px auto auto;bottom:auto;width:min(340px,calc(100% - 24px));max-height:calc(100dvh - 170px)}body .experience-status{font-size:9px}}

.city-menu-more{border-top:1px solid var(--world-border);margin-top:10px;padding-top:10px}.city-menu-more>summary{padding:10px 12px;font-size:13px;color:var(--world-ink);cursor:pointer}.city-menu-more .site-menu{margin-top:8px}

/* The menu remains reachable while exploring, without a full-width header. */
body:is(.experience-focus,.following-agent) .topbar{display:flex!important;left:auto;right:14px;top:14px;width:auto;min-width:0;padding:5px;background:var(--world-surface);border-radius:17px;box-shadow:var(--world-shadow)}
body:is(.experience-focus,.following-agent) .topbar :is(.brand-group,.project-control,#customer-open){display:none!important}
body:is(.experience-focus,.following-agent) .topbar .top-actions{display:flex;gap:4px}

body:is(.experience-focus,.following-agent) .topbar .icon-button{color:var(--world-ink)}

/* Keep the signature and essential account/navigation controls readable together. */
body .topbar .brand-tagline{display:block!important;white-space:nowrap;letter-spacing:0}
@media(max-width:700px){
 body:not(.following-agent):not(.experience-focus) .topbar{grid-template-columns:minmax(0,1fr) 54px 44px 44px;gap:6px 4px;padding:10px 12px;align-items:center}
 body .topbar .brand-group{grid-column:1/3;grid-row:1;min-width:0}
 body .topbar .brand{font-size:24px}
 body .topbar .brand-row{gap:6px}
 body .topbar .brand-tagline{max-width:none;font-size:10px;line-height:1.4;margin:3px 0 0}
 body .topbar .experience-status{font-size:9px;line-height:1.3;margin:2px 0 0;min-height:16px;padding:0}
 body:not(.following-agent):not(.experience-focus) .topbar .top-actions{display:contents}
 body .topbar #city-light-open{grid-column:3;grid-row:1}
 body .topbar #menu-open{grid-column:4;grid-row:1}
 body .topbar .top-actions .icon-button{width:44px;min-width:44px;height:44px;min-height:44px;padding:10px}
 body .topbar #customer-open{grid-column:2/5;grid-row:2;max-width:none;min-width:150px;width:100%;min-height:44px;font-size:11px;line-height:1.3;padding:9px 12px;white-space:normal;text-wrap:balance}
 body .topbar .project-control{grid-column:1;grid-row:2;display:flex;min-width:0;width:100%;margin:0;justify-content:flex-start}
 body .topbar .project-picker-button{width:100%;max-width:none;min-width:0;min-height:44px;font-size:11px;padding:8px;gap:5px;background:#ffffff85;border:1px solid #d9cfe885}
 body .topbar .project-picker-button #current-project-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 body .topbar .project-picker-button>span:last-child{margin-left:auto}
}