/* The live surface occupies the measured filmed hologram, not another modal. */
body[data-state=guide] #assistant-dialog{
 position:fixed;inset:auto;margin:0;max-width:none;max-height:none;box-sizing:border-box;
 padding:clamp(12px,1.4vw,24px);border:1px solid #9cefff99;border-radius:18px;
 background:linear-gradient(145deg,#123e505c,#071e2c80);backdrop-filter:blur(5px);
 box-shadow:0 0 0 3px #8defff20,0 0 26px #66e7ff26,inset 0 0 32px #8defff08;
 transform-origin:0 0;animation:guide-surface .28s ease-out;overflow:hidden;
}
body[data-state=guide] #assistant-dialog::backdrop{background:transparent}
body[data-state=guide] #assistant-dialog:focus{outline:none}
body[data-state=guide] #assistant-dialog::before,body[data-state=guide] #assistant-dialog::after{display:none}
body[data-state=guide] #assistant-dialog:not([data-layout=filmed])::after{display:block;position:absolute;inset:5px;content:'';width:auto;height:auto;border:1px solid #9defff4d;border-radius:14px;box-shadow:inset 0 0 18px #7ce8ff16;pointer-events:none}
body[data-state=guide] .assistant-heading{min-height:36px}
body[data-state=guide] .assistant-heading h2{font-size:clamp(20px,1.8vw,27px);margin:4px 0 12px}
body[data-state=guide] #assistant-close{width:40px;height:40px;border:0;background:none}
body[data-state=guide] #assistant-log{font-size:14px;line-height:1.55;min-height:70px;max-height:none;color:#e0fcff;text-shadow:0 0 9px #71e9ff77}
body[data-state=guide] #assistant-log .chat-guide{border-radius:4px 14px 14px 14px;background:#153d503d}
body[data-state=guide] #assistant-log .chat-visitor{border-radius:14px 4px 14px 14px}
body[data-state=guide] #assistant-form{border-radius:24px;padding:5px 6px 5px 10px;background:#071e2c44;backdrop-filter:blur(6px)}
body[data-state=guide] #assistant-input{color:#e0fcff;text-shadow:0 0 8px #60e6ff88}
body[data-state=guide] #assistant-send{border-radius:50%;width:38px;height:38px;background:transparent;border:1px solid #a6f6ff;color:#bdffff;box-shadow:0 0 10px #8cefff40}
body[data-state=guide] .assistant-controls{min-height:32px}
body[data-state=guide] .assistant-note{font-size:10px;line-height:1.4}
body[data-state=guide] #assistant-dialog nav{display:flex}
body[data-state=guide] #assistant-questions{scroll-snap-type:x proximity}
body[data-state=guide] #assistant-questions button{scroll-snap-align:start}
body[data-state=guide] #assistant-dialog[data-layout=portrait]{padding:14px;border-radius:18px}
body[data-state=guide] #assistant-dialog[data-layout=portrait] .assistant-heading h2{display:none}
body[data-state=guide] #assistant-dialog[data-layout=compact]{padding:10px;border-radius:14px}
body[data-state=guide] #assistant-dialog[data-layout=compact] .assistant-heading h2{display:none}
body[data-state=guide] #assistant-dialog[data-layout=compact] .assistant-heading{min-height:30px}
body[data-state=guide] #assistant-dialog[data-layout=compact] .assistant-controls{min-height:26px;padding-bottom:4px}
body[data-state=guide] #assistant-dialog[data-layout=compact] #assistant-log{margin:6px 0;font-size:12px;min-height:60px}
body[data-state=guide] #assistant-dialog[data-layout=compact] #assistant-log p{padding:8px;margin-bottom:6px}
body[data-state=guide] #assistant-dialog[data-layout=compact] #assistant-close{width:30px;height:30px}
body[data-state=guide] #assistant-dialog[data-layout=compact] #assistant-send{width:30px;height:30px}
body[data-state=guide] #assistant-dialog[data-layout=compact] #assistant-questions{padding-bottom:4px;margin-bottom:0}
body[data-state=guide] #assistant-dialog[data-layout=compact] #assistant-questions button{padding:4px 6px;font-size:10px}
body[data-state=guide] #assistant-dialog[data-layout=compact] .assistant-note{font-size:9px;line-height:1.3;margin-top:4px}
body[data-state=guide] #assistant-dialog[data-layout=compact] nav{margin-top:4px;padding-top:3px}
body[data-state=guide] #assistant-dialog[data-layout=compact] #assistant-input{padding:3px;font-size:16px}
/* Desktop is the actual filmed glass: no second frame, card or opaque modal.
   Its heading and first welcome are already present in the supplied footage. */
body[data-state=guide] #assistant-dialog[data-layout=filmed]{padding:0;border:0;border-radius:0;background:none;backdrop-filter:none;box-shadow:none;overflow:visible;animation:none;z-index:30}
body[data-state=guide] #assistant-dialog[data-layout=filmed] .assistant-heading{position:absolute;inset:0 0 auto;height:12%}
body[data-state=guide] #assistant-dialog[data-layout=filmed] .assistant-heading>div,
body[data-state=guide] #assistant-dialog[data-layout=filmed] .assistant-heading>p,
body[data-state=guide] #assistant-dialog[data-layout=filmed] .assistant-heading h2,
body[data-state=guide] #assistant-dialog[data-layout=filmed] #assistant-log>p:first-child,
body[data-state=guide] #assistant-dialog[data-layout=filmed] .assistant-note{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
body[data-state=guide] #assistant-dialog[data-layout=filmed] #assistant-close{position:absolute;right:-8px;top:-5px;width:44px;height:44px;color:#b8f7ff;text-shadow:0 0 10px #70eaff}
body[data-state=guide] #assistant-dialog[data-layout=filmed] .assistant-controls{position:absolute;left:15%;right:0;top:12%;height:30px;border:0;padding:0;gap:8px;color:#b9f8ff;text-shadow:0 0 8px #46d9ff88}
body[data-state=guide] #assistant-dialog[data-layout=filmed] #assistant-mode{font-size:10px}
body[data-state=guide] #assistant-dialog[data-layout=filmed] #assistant-language{background:#14374455;border:1px solid #9aedff44}
body[data-state=guide] #assistant-dialog[data-layout=filmed] #assistant-log{position:absolute;top:35%;bottom:25%;left:1%;right:1%;margin:0;min-height:70px;padding:0 5px}
body[data-state=guide] #assistant-dialog[data-layout=filmed] #assistant-log p{background:#123f5530;border-color:#9bf4ff88}
body[data-state=guide] #assistant-dialog[data-layout=filmed] #assistant-questions{position:absolute;left:1%;right:1%;bottom:17%;margin:0;padding:0;min-height:26px}
body[data-state=guide] #assistant-dialog[data-layout=filmed] #assistant-questions button{background:#0b324355;border:1px solid #a0f1ff66;font-size:11px;padding:5px 7px;border-radius:10px;text-shadow:0 0 6px #60dfff99}
body[data-state=guide] #assistant-dialog[data-layout=filmed] #assistant-form{position:absolute;left:0;right:0;bottom:3%;height:12%;min-height:38px;box-sizing:border-box;align-items:center;border:0;background:none;backdrop-filter:none;border-radius:0;padding:0 5% 0 4%;box-shadow:none}
body[data-state=guide] #assistant-dialog[data-layout=filmed] #assistant-input{font-size:16px;color:#dcfbff;text-shadow:0 0 7px #65dbff99;background:none}
body[data-state=guide] #assistant-dialog[data-layout=filmed] #assistant-input::placeholder{color:#c0e5ed}
body[data-state=guide] #assistant-dialog[data-layout=filmed] #assistant-send{width:44px;height:44px;background:none;border:0;color:transparent;box-shadow:none;text-shadow:none;position:relative;right:-5px}
body[data-state=guide] #assistant-dialog[data-layout=filmed] #assistant-send:focus-visible{outline:2px solid #c9fbff;outline-offset:3px}
body[data-state=guide] #assistant-dialog[data-layout=filmed] nav{position:absolute;bottom:0;left:1%;right:1%;margin:0;padding:0;border:0}
body[data-state=guide] #assistant-dialog[data-layout=filmed] nav button{font-size:10px;text-shadow:0 0 8px #57e7ff}
.holo-reveal{display:inline-block;animation:holo-text .55s ease-out both}
@keyframes holo-text{from{opacity:0;filter:blur(3px);text-shadow:0 0 18px #9af9ff}to{opacity:1;filter:blur(0);text-shadow:0 0 8px #73e6ff88}}
@keyframes guide-surface{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){body[data-state=guide] #assistant-dialog,.holo-reveal{animation:none}}
#assistant-dialog[open]{z-index:30}
#guide-navigation{position:fixed;z-index:40;top:auto;bottom:56px;left:50%;transform:translateX(-50%);display:flex;gap:8px}
#guide-navigation[hidden]{display:none}
#guide-navigation button{min-height:44px;padding:8px 13px;border:1px solid #b9ecff66;background:#061a27df;color:#e8fbff;font:500 12px/1.3 -apple-system,BlinkMacSystemFont,sans-serif;border-radius:6px}
#guide-navigation button:focus-visible,#assistant-close:focus-visible{outline:2px solid #c5f9ff;outline-offset:3px}
@media(max-aspect-ratio:6/5){#guide-navigation{top:62px;bottom:auto;left:12px;transform:none}}
@media(max-height:600px) and (min-aspect-ratio:6/5){#guide-navigation{top:auto;left:auto;bottom:35px;right:12px;transform:none;flex-direction:column}}