:root{--chat-width:clamp(320px,29vw,400px)}
#surface-switch{display:none}
#selected-work{font-size:12px;line-height:1.7;color:#e4d5b7;border-left:2px solid #b9a581;padding-left:10px;margin:12px 0}
#live-voice{margin-top:18px;padding:14px 0;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25}
#start-live{display:block;width:100%;min-height:46px;border-radius:4px;background:#e4d4b6;color:#18140e;font-size:14px;font-weight:600}
#start-live:disabled{background:#24221e;color:#aba69d;cursor:not-allowed}
#live-controls{display:flex;gap:8px}#live-controls button,#play-live{min-height:44px;font-size:12px;padding:10px;border:1px solid #ffffff55;border-radius:4px}#end-live{margin-left:auto;background:#392322}
#live-status{font-size:11px;line-height:1.8;margin-top:9px;color:#dfd1b8}.live-notice{font-size:10px;line-height:1.8;margin-top:4px;color:#aaa}
#live-captions{font-size:13px;line-height:1.9;margin-top:12px;max-height:180px;overflow:auto;border-top:1px solid #ffffff20;padding-top:10px}#live-user-caption{color:#bbb}#live-ai-caption{color:#f2eadb;margin-top:8px}
.live-active #live-status::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:7px;background:#98b599}
body.live-active .suggestions{display:none!important}
#visual-world{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:2}
.vignette{z-index:1}
#visual-world #universe{pointer-events:auto}
.welcome h1{letter-spacing:-.045em}
.welcome h1 em{color:#f1e4cd;font-style:normal}
@media(min-width:801px) and (min-height:601px){
 .hud-header{padding:22px 32px;background:#030303;gap:20px}
 .hud-coordinate{display:none}.header-actions{gap:13px}
 #visual-world{right:var(--chat-width)}
 #visual-world>#universe,#visual-world>#spatial-root{position:absolute;inset:0;width:100%!important;height:100%!important}
 .vignette{right:var(--chat-width);background:linear-gradient(90deg,#030303aa,transparent 72%)}
 .film-grain{pointer-events:none}
 .welcome,.consultation-mode:not(.has-story) #welcome{display:block;opacity:1;visibility:visible;transform:none;top:calc(var(--header-bottom,90px) + 26px);left:40px;right:calc(var(--chat-width) + 35px);max-width:none}
 #welcome .eyebrow{display:block;font-size:10px;letter-spacing:.2em;margin-bottom:20px}
 .welcome h1{font-size:clamp(32px,3.9vw,56px);line-height:1.45;margin:0 0 20px}
 .welcome-body{font-size:14px;line-height:2;color:#d2d0cd}
 .welcome-actions{margin-top:25px;display:block}.welcome-actions>a{font-size:13px;padding:14px 18px;min-height:48px}
 .welcome-actions>span{display:block;font-size:11px;margin-top:12px;color:#aaa}
 .has-story .welcome{display:none}
 .object-tag{right:calc(var(--chat-width) + 28px);left:auto;bottom:50px;font-size:10px;text-align:right}.object-tag i{display:none}.object-tag strong{font-size:11px}
 body .conversation-dock,body.consultation-mode:not(.has-story) .conversation-dock,body.has-story .conversation-dock{display:flex;flex-direction:column;position:fixed;top:var(--header-bottom,90px);right:0;bottom:0;left:auto;width:var(--chat-width);max-width:none;max-height:none;padding:28px 24px 20px;transform:none;border:0;border-left:1px solid #ffffff22;border-radius:0;background:#101010;box-shadow:none;backdrop-filter:none;overflow-y:auto;z-index:33;gap:0}
 body .consultation-intro{display:block;margin-bottom:22px}body .consultation-intro>p{font-size:10px;line-height:1.9;letter-spacing:0;color:#aaa;margin:0 0 14px}
 body .consultation-intro h2{font-size:23px;line-height:1.7;letter-spacing:-.025em;margin:0;color:#f4f1eb}
 body.has-story .consultation-intro{margin-bottom:14px}body.has-story .consultation-intro h2{font-size:20px}
 body .guide-row{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap;flex-shrink:0}
 body .guide-sign{display:none}body .guide-copy,body.has-story:not(.chat-open) .guide-copy{display:block;flex:1;min-width:180px}
 body .guide-meta{display:flex;flex-wrap:wrap;gap:7px;font-size:10px;letter-spacing:0;margin-bottom:10px}body .guide-meta #connection-label{display:block;font-size:10px}
 body #guide-response{display:block;font-size:13px;line-height:1.9;max-height:none;white-space:normal;overflow:visible}
 body #toggle-chat{display:none!important}body #reset-story{display:block;min-height:38px;min-width:30px;padding:5px}
 body #open-archive{font-size:11px;padding:5px 0;min-height:38px}
 body.has-story .guide-row{display:grid;grid-template-columns:1fr auto;gap:8px}
 body.has-story .guide-copy,body.has-story:not(.chat-open) .guide-copy{grid-column:1/-1;min-width:0}
 body.has-story #open-archive{text-align:left}
 body .suggestions,body.consultation-mode:not(.has-story) .suggestions,body.has-story:not(.chat-open) .suggestions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0 0}
 body .suggestions button,body.consultation-mode:not(.has-story) .suggestions button{min-width:0;min-height:48px;white-space:normal;font-size:12px;line-height:1.7;padding:10px;text-align:left;border:1px solid #ffffff30;border-radius:4px;background:#171717}
 body .suggestions button:hover{background:#29251f;border-color:#b8a685}
 body #view-document-example,body.has-story:not(.chat-open) #view-document-example{display:block;font-size:11px;line-height:1.8;margin:12px 0 18px;padding:10px 0}
 body #conversation-form,body.has-story:not(.chat-open) #conversation-form{display:flex;flex-shrink:0;margin-top:auto;min-height:54px;padding:4px 4px 4px 10px;background:#060606;border:1px solid #ffffff55}
 body #conversation-form #message{min-width:0;font-size:14px;line-height:1.7;padding:9px 0}
 body #conversation-form #microphone{min-width:30px;width:30px;min-height:44px}body #conversation-form #send{min-width:36px;width:36px;height:40px}
 body #recording-notice,body.has-story:not(.chat-open) #recording-notice{display:flex;flex-wrap:wrap;font-size:10px;line-height:1.8;margin-top:12px;gap:4px}
 body #recording-description{max-width:none}body #recording-toggle{min-height:32px;font-size:10px}
 body .dock-note,body.has-story:not(.chat-open) .dock-note{display:flex;flex-wrap:wrap;font-size:10px;line-height:1.7;margin-top:9px;gap:4px}body .dock-note button{font-size:10px;min-height:32px}
 .story-control{left:40px;right:calc(var(--chat-width) + 32px);bottom:22px;justify-content:space-between;gap:12px}
 .story-control #next-page,.story-control #journey-contact{font-size:13px;min-height:48px;white-space:normal;max-width:66%;padding:12px 16px}
 .story-control #page-kind{display:none}.history-rail{display:none}
 .followup{left:40px;width:min(520px,calc((100vw - var(--chat-width)) * .48));bottom:94px}
 .spatial-panel{padding:24px}.spatial-panel h2{font-size:clamp(27px,2.7vw,39px);line-height:1.55}.spatial-panel .panel-body{font-size:14px;line-height:1.9}.panel-top{font-size:10px}.panel-footer{font-size:11px}
 #workflow-explainer{right:calc(var(--chat-width) + 24px);left:auto;width:calc((100vw - var(--chat-width)) * .38);bottom:100px}
}
 
@media(min-width:801px) and (max-width:1200px) and (min-height:601px){
 .hud-header{padding:18px 24px}.wordmark{font-size:21px}.wordmark span{font-size:9px}.header-actions{gap:10px}.header-actions>a:not(.catalog-nav){display:none}
 #spatial-root{display:none!important}.welcome{left:28px!important}.welcome h1{font-size:clamp(31px,4vw,43px)}.welcome .eyebrow{font-size:8px}
 .has-story #reading-stage{display:block;position:fixed;z-index:8;top:calc(var(--header-bottom,90px) + 16px);left:0;right:var(--chat-width);bottom:90px;overflow-y:auto;overflow-x:hidden;padding:0 24px 24px;scrollbar-width:thin;scrollbar-color:#777 #080808;overscroll-behavior:contain}
 .has-story #mobile-page{display:block;position:static;left:auto;right:auto;top:auto;bottom:auto;max-height:none;width:100%;height:auto;overflow:visible;mask-image:none}
 .has-story #mobile-page .spatial-panel{width:100%;height:auto;max-height:none;overflow:visible;transform:none;box-shadow:none;padding:22px;background:#121212;border:1px solid #ffffff25}
 .has-story #mobile-page h2{font-size:27px;line-height:1.65}.has-story #mobile-page .panel-body{font-size:14px;line-height:1.9}
 .has-story .model-jump{display:inline-flex;align-items:center;min-height:44px;font-size:11px;margin-left:auto;padding:7px;border:1px solid #ffffff40}
 .has-story .panel-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.has-story .panel-top>span:nth-child(2){display:none}
 .has-story #model-window{display:block;position:relative;height:320px;overflow:hidden;margin-top:18px;background:#030303;border:1px solid #ffffff22}
 .has-story #model-window>#universe{position:absolute;inset:0;width:100%!important;height:100%!important}
 .has-story #model-window>span{position:absolute;bottom:10px;left:14px;z-index:2;font-size:10px;color:#bbb}
 .has-story #workflow-explainer,.has-story .followup{display:block;position:static;width:auto;margin:0;padding:18px;background:#111;border:1px solid #ffffff22}
 .has-story .followup{margin-top:18px}.has-story .followup p{font-size:13px;line-height:1.9;margin-bottom:12px}.has-story .followup button,.has-story .followup a{display:inline-flex;min-height:44px;align-items:center;margin-right:8px}
}
@media(max-width:800px),(max-height:600px){
 #surface-switch{display:flex;position:fixed;z-index:34;top:var(--header-bottom,80px);left:18px;right:18px;gap:4px;padding:4px;background:#121212;border:1px solid #ffffff25;border-radius:5px}
 #surface-switch button{flex:1;min-height:40px;font-size:12px;border-radius:3px;color:#aaa}#surface-switch button[aria-pressed=true]{background:#e4d4b6;color:#16130e}
 body .welcome{top:calc(var(--header-bottom,85px) + 90px)}
 body.chat-open .welcome,body.chat-open #object-tag{display:none}
 body:not(.chat-open) .conversation-dock{display:none!important}
 body.chat-open .conversation-dock,body.consultation-mode:not(.has-story).chat-open .conversation-dock,body.has-story.chat-open .conversation-dock{display:block;top:calc(var(--header-bottom,85px) + 62px);bottom:max(12px,env(safe-area-inset-bottom));max-height:none;left:18px;right:18px;width:auto;padding:22px;transform:none;overflow-y:auto}
 body .consultation-intro{display:block;margin-bottom:18px}body .consultation-intro h2{font-size:23px;line-height:1.6}body .consultation-intro>p{font-size:10px;line-height:1.8;margin-bottom:12px}
 body #toggle-chat{display:none!important}.has-story.chat-open #story-control{display:none}
 body #guide-response{font-size:13px;line-height:1.9}.has-story.chat-open .guide-copy{min-width:200px}
 body .suggestions,body.consultation-mode:not(.has-story) .suggestions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 body .suggestions button,body.consultation-mode:not(.has-story) .suggestions button{font-size:12px;line-height:1.7;min-height:48px;white-space:normal;padding:10px;text-align:left}
 #view-document-example{font-size:12px;line-height:1.8}#conversation-form{position:sticky;bottom:0;background:#080808;z-index:2}
 .has-story #reading-stage{top:calc(var(--header-bottom,85px) + 64px);bottom:90px}
 .story-control{bottom:max(16px,env(safe-area-inset-bottom))}
 .has-story #model-window{scroll-margin-top:10px}
 body:not(.chat-open):not(.has-story) .welcome{display:block;opacity:1;visibility:visible}
}
@media(max-height:450px){body .consultation-intro h2{font-size:20px}.has-story #model-window{height:210px}}
@media(prefers-reduced-motion:reduce){#visual-world{scroll-behavior:auto}}