/* A sleeping robot peeks around the right edge; hover wakes its visor eyes. */
.guide-dock{position:fixed;right:-35px;bottom:max(106px,env(safe-area-inset-bottom));z-index:55;width:192px;height:192px;padding:0;border:0;background:none;color:#ede2f6;cursor:pointer;transform:scale(.96);transform-origin:85% 65%;transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .3s;filter:drop-shadow(-5px 10px 18px #05020b70);-webkit-tap-highlight-color:transparent}
.guide-dock[hidden]{display:none!important}
.guide-dock:is(:hover,:focus-visible){transform:translateX(-25px) rotate(1deg) scale(1.085)}
.guide-dock:focus-visible{outline:2px solid #c69aff;outline-offset:4px;border-radius:22px}
.guide-peek-art{position:relative;display:block;width:100%;height:100%;pointer-events:none}
.guide-peek-image{display:block;width:100%;height:100%;max-width:none;object-fit:contain}
.guide-peek-eyes{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 9px #bd67ffb3)}
.guide-eye{transform-box:fill-box;transform-origin:center;transform:scaleY(.07);opacity:.7;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .25s}
.guide-dock:is(:hover,:focus-visible,:active) .guide-eye{transform:scaleY(1);opacity:1}
.guide-hello{opacity:0;fill:#e9d4ff;font:700 120px SFMono-Regular,Consolas,monospace;text-anchor:middle;transition:opacity .3s}
.guide-dock.is-greeting .guide-hello{opacity:1}
.guide-dock.is-greeting .guide-eye{opacity:0}
.guide-dock:is(:hover,:focus-visible) .guide-hello{opacity:0}
.guide-dock:is(:hover,:focus-visible) .guide-eye{opacity:1}
.guide-peek-tooltip{position:absolute;right:155px;top:24px;display:flex;align-items:center;gap:15px;white-space:nowrap;padding:9px 14px;border:1px solid #c6a4e33d;border-radius:12px;background:#20132de6;backdrop-filter:blur(20px);font:12px/1.5 Arial,Helvetica,sans-serif;opacity:0;transform:translateX(14px);pointer-events:none;transition:opacity .25s,transform .4s cubic-bezier(.22,1,.36,1)}
.guide-peek-tooltip span{color:#c58ef4}
.guide-dock:is(:hover,:focus-visible) .guide-peek-tooltip{opacity:1;transform:translateX(0)}
.modal-open .guide-dock{opacity:0;pointer-events:none}
.modal-open #agent-expanded-dialog{visibility:hidden;pointer-events:none}
.guide-parking[hidden]{display:none}
/* This non-modal corner dialog leaves page scrolling and navigation available. */
.brand-terminal,.brand-terminal *{box-sizing:border-box}
.assistant-screen .brand-terminal,#agent-expanded-dialog>.brand-terminal{position:relative;inset:auto;width:100%;max-width:none;height:100%;max-height:none;padding:0;margin:0;border:0;border-radius:0;display:flex;flex-direction:column;overflow:hidden;isolation:isolate;pointer-events:auto;background:radial-gradient(ellipse at 20% 0%,#643e8024,transparent 75%),#100c18;box-shadow:none;backdrop-filter:none;color:#f4eafa;font:16px/1.6 SFMono-Regular,Consolas,'Liberation Mono',monospace}
.brand-terminal p{margin:0}
.assistant-screen .brand-terminal:before,#agent-expanded-dialog .brand-terminal:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#d1b4ec04 4px);z-index:-1;pointer-events:none}
.assistant-screen .agent-bar,#agent-expanded-dialog .agent-bar{padding:7px 10px;min-height:52px;flex-shrink:0;gap:8px;border-bottom:1px solid #bba3d24d;background:linear-gradient(135deg,#a579ce18,#ffffff03);color:#e2c8f6}
.assistant-screen .agent-bar h2,#agent-expanded-dialog .agent-bar h2{font:12px/1.5 SFMono-Regular,Consolas,monospace;letter-spacing:0;white-space:nowrap;background:none;padding:2px 5px}
.assistant-screen .agent-bar>span,#agent-expanded-dialog .agent-bar>span{width:6px;height:6px;background:#8448b3;box-shadow:0 0 8px #995fbd3d;flex-shrink:0}
.assistant-screen .agent-bar button,#agent-expanded-dialog .agent-bar button{min-height:36px;min-width:36px;padding:0;font-size:23px;line-height:1;color:#ddc0f4;border:1px solid #a97cc14a;border-radius:7px;background:#b081dd12}
.assistant-screen .agent-bar button:hover,#agent-expanded-dialog .agent-bar button:hover{background:#c496ed22}
.assistant-screen .agent-state,#agent-expanded-dialog .agent-state{font-size:10px;line-height:1.6;padding:9px 14px 0;color:#ac93c0;flex-shrink:0}
.assistant-screen .agent-log,#agent-expanded-dialog .agent-log{height:auto;flex:1;min-height:100px;padding:16px 14px 6px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8f65b4 transparent}
.assistant-screen .agent-message,#agent-expanded-dialog .agent-message{margin-bottom:19px}
.assistant-screen .agent-speaker,#agent-expanded-dialog .agent-speaker{font-size:10px;line-height:1.6;color:#c494ec;margin-bottom:7px}
.assistant-screen .agent-text,#agent-expanded-dialog .agent-text{font-size:clamp(18px,1.35vw,20px);line-height:1.6;color:#f4eafa;white-space:pre-wrap;overflow-wrap:anywhere}
.assistant-screen .agent-prompts,#agent-expanded-dialog .agent-prompts{gap:6px;padding:8px 12px;flex-wrap:wrap;flex-shrink:0}
.assistant-screen .agent-prompts button,#agent-expanded-dialog .agent-prompts button{min-height:36px;padding:6px 10px;font-size:11px;border-radius:8px;border-color:#b585d64a;background:#a266cc10;color:#dcbef2;white-space:nowrap}
.assistant-screen .agent-form,#agent-expanded-dialog .agent-form{gap:7px;padding:5px 12px 12px;margin:0;flex-shrink:0;display:flex}
.assistant-screen .agent-form input,#agent-expanded-dialog .agent-form input{min-height:46px;width:100%;padding:10px 11px;border:1px solid #b381dc4a;border-radius:9px;background:#ffffff05;color:#f4eafa;font:16px/1.5 SFMono-Regular,Consolas,monospace}
.assistant-screen .agent-form input::placeholder,#agent-expanded-dialog .agent-form input::placeholder{font-size:13px;color:#ac92bf}
.assistant-screen .agent-form button,#agent-expanded-dialog .agent-form button{min-width:46px;min-height:46px;border:1px solid #c293eb6e;background:#7b3db33b;color:#ecd7fc;border-radius:9px;font-size:22px}
.assistant-screen .agent-foot,#agent-expanded-dialog .agent-foot{padding:7px 12px;min-height:30px;font-size:9px;line-height:1.6;border-color:#b585d62c;flex-shrink:0}
.assistant-screen .agent-foot>span,#agent-expanded-dialog .agent-foot>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}
.assistant-screen .agent-foot button,#agent-expanded-dialog .agent-foot button{font-size:10px;line-height:1.4}
.assistant-screen .agent-pack summary strong,.assistant-screen .agent-pack summary b,#agent-expanded-dialog .agent-pack summary strong,#agent-expanded-dialog .agent-pack summary b{font-size:15px}
.assistant-screen .agent-pack summary span,.assistant-screen .agent-pack ul,.assistant-screen .agent-terms,#agent-expanded-dialog .agent-pack summary span,#agent-expanded-dialog .agent-pack ul,#agent-expanded-dialog .agent-terms{font-size:12px}
#agent-expanded-dialog{position:fixed;inset:auto;right:max(22px,env(safe-area-inset-right));bottom:calc(max(22px,env(safe-area-inset-bottom)) + var(--guide-keyboard-bottom,0px));z-index:65;box-sizing:border-box;width:min(390px,calc(100vw - 32px));height:min(570px,calc(var(--guide-viewport-height,100dvh) - 44px - env(safe-area-inset-bottom)));max-width:390px;max-height:none;padding:7px;margin:0;border:1px solid #b68ad580;border-radius:25px;overflow:hidden;background:linear-gradient(145deg,#382743d9,#140d21e8);color:#f4eafa;box-shadow:inset 0 1px 0 #efddff33,0 20px 75px #17062966,0 0 35px #9857d025;backdrop-filter:blur(24px);transform-origin:bottom right}
#agent-expanded-dialog[open]{animation:guide-window-in .4s cubic-bezier(.22,1,.36,1)}
#agent-expanded-dialog[open].is-closing{animation:guide-window-out .2s cubic-bezier(.4,0,1,1) both;pointer-events:none}
.paused #agent-expanded-dialog[open]{animation:none}
@keyframes guide-window-in{from{opacity:0;transform:translateY(22px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes guide-window-out{to{opacity:0;transform:translateY(15px) scale(.96)}}
#agent-expanded-dialog>.brand-terminal{min-height:0;border-radius:17px}
#agent-expanded-dialog .agent-text{font-size:17px;line-height:1.65}
#agent-expanded-dialog .agent-log{padding:16px 15px 8px}
#agent-expanded-dialog .agent-state{padding-inline:15px}
#agent-expanded-dialog .agent-prompts{padding-inline:13px}
#agent-expanded-dialog .agent-form{padding-inline:13px}
#agent-expanded-dialog .agent-foot{padding-inline:13px}
#agent-expanded-dialog.guide-compact .agent-bar{min-height:44px;padding-block:4px}
#agent-expanded-dialog.guide-compact .agent-prompts{display:none}
#agent-expanded-dialog.guide-compact .agent-log{min-height:0;padding-block:9px 4px}
#agent-expanded-dialog.guide-compact .agent-form{padding-block:4px 8px}
#agent-expanded-dialog.guide-compact .agent-foot{min-height:24px;padding-block:4px}
.agent-away{display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:30px;text-align:center;color:#dac4ec;background:radial-gradient(ellipse at 30% 0%,#753c9226,transparent 70%),#100c18;border-radius:20px}
.agent-away[hidden]{display:none}
.agent-away>span{font:34px/1 SFMono-Regular,Consolas,monospace;color:#c796fa}
.agent-away>p{max-width:280px;margin:0;font:17px/1.6 SFMono-Regular,Consolas,monospace}
.agent-away>button{min-height:44px;padding:8px 14px;border:1px solid #b585d661;border-radius:11px;background:#c68bff14;color:#e4cdf7;font:13px/1.5 SFMono-Regular,Consolas,monospace}
@media(max-width:600px){
 .guide-dock{right:-29px;bottom:max(100px,env(safe-area-inset-bottom));width:155px;height:155px}
 .guide-dock:is(:hover,:focus-visible){transform:translateX(-20px) rotate(1deg) scale(1.07)}
 .guide-peek-tooltip{right:128px;top:19px;font-size:11px}
 .assistant-screen .agent-bar{padding:6px 7px;gap:6px;min-height:46px}
 .assistant-screen .agent-bar h2{font-size:10px;padding:2px}
 .assistant-screen .agent-bar button{min-width:32px;min-height:32px;font-size:21px}
 .assistant-screen .agent-state{padding:7px 10px 0;font-size:9px}
 .assistant-screen .agent-log{padding:12px 10px 4px}
 .assistant-screen .agent-text{font-size:18px}
 .assistant-screen .agent-prompts{padding:7px 8px;gap:5px}
 .assistant-screen .agent-prompts button{padding:5px 7px;min-height:34px;font-size:10px}
 .assistant-screen .agent-form{padding:5px 8px 10px;gap:5px}
 .assistant-screen .agent-form input{font-size:16px;padding:9px 8px;min-height:44px}
 .assistant-screen .agent-form input::placeholder{font-size:11px}
 .assistant-screen .agent-form button{min-width:40px;min-height:44px}
 .assistant-screen .agent-foot{padding:6px 8px;font-size:8px;min-height:27px}
 #agent-expanded-dialog{right:max(12px,env(safe-area-inset-right));bottom:calc(max(12px,env(safe-area-inset-bottom)) + var(--guide-keyboard-bottom,0px));width:min(390px,calc(100vw - 24px));height:min(560px,calc(var(--guide-viewport-height,100dvh) - 24px - env(safe-area-inset-bottom)));padding:6px;border-radius:22px}
 #agent-expanded-dialog>.brand-terminal{border-radius:15px}
 #agent-expanded-dialog .agent-text{font-size:16px}
 #agent-expanded-dialog .agent-log{padding-inline:15px}
 #agent-expanded-dialog .agent-state,#agent-expanded-dialog .agent-prompts,#agent-expanded-dialog .agent-form,#agent-expanded-dialog .agent-foot{padding-inline:14px}
}
@media(max-height:520px){
 #agent-expanded-dialog .agent-bar{min-height:44px;padding-block:4px}
 #agent-expanded-dialog .agent-prompts{display:none}
 #agent-expanded-dialog .agent-log{min-height:40px;padding-block:9px 4px}
 #agent-expanded-dialog .agent-form{padding-block:4px 8px}
 #agent-expanded-dialog .agent-foot{min-height:24px;padding-block:4px}
}
@media(hover:none){.guide-peek-tooltip{display:none}}
.paused .guide-dock,.paused .guide-peek-tooltip,.paused .guide-eye,.paused .guide-hello{transition:none}
@media(prefers-reduced-motion:reduce){.guide-dock,.guide-peek-tooltip,.guide-eye,.guide-hello{transition:none}#agent-expanded-dialog[open]{animation:none}}