/* The guide has its own corner; the radio keeps the left side, the chat launcher sits above the guide (see live-chat.css). */
.circle-guide{position:fixed;right:22px;bottom:20px;z-index:180;font-family:var(--font-ui,sans-serif);color:var(--text,#f5f4ff);letter-spacing:0;}
.circle-guide button,.circle-guide a{font-family:inherit;}
.circle-guide button{cursor:pointer;}
.guide-launcher{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:90px;height:91px;padding:0 4px 6px;border:1px solid #60f5d047;border-radius:24px;background:linear-gradient(145deg,#1c2940,#0f1829);color:#a8ffe9;box-shadow:0 8px 28px #0005;transition:transform .15s,border-color .15s;}
.guide-launcher img{width:76px;height:63px;margin-bottom:3px;object-fit:cover;border-radius:16px;flex:none;pointer-events:none;}
.guide-launcher-label{font-size:11px;font-weight:700;line-height:1.4;}
.guide-launcher:hover{transform:translateY(-2px);border-color:#60f5d099;}
.guide-launcher[aria-expanded=true]{border-color:#60f5d0;}
.guide-greeting{position:absolute;right:0;bottom:105px;width:295px;max-width:calc(100vw - 32px);background:#142036;border:1px solid #60f5d03b;border-radius:20px 20px 6px 20px;padding:20px;box-shadow:0 16px 45px #0006;}
.guide-greeting strong{display:block;font-size:14px;padding-right:25px;line-height:1.45;}
.guide-greeting p{font-size:13px;line-height:1.65;margin:9px 0 14px;color:var(--text-muted,#b6bfd6);}
.guide-dismiss,.guide-close{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid var(--border,#aabdeb2b);border-radius:10px;background:#ffffff04;color:var(--text-muted,#b6bfd6);font-size:23px;line-height:1;flex:none;}
.guide-dismiss{position:absolute;right:12px;top:12px;width:27px;height:27px;font-size:20px;}
.guide-greeting-open,.guide-connect{border:0;background:none;color:var(--cyan-text,#83f7dd);font-size:12px;font-weight:700;padding:0;text-align:left;line-height:1.5;}
.guide-panel{position:absolute;right:0;bottom:105px;display:flex;flex-direction:column;width:370px;max-width:calc(100vw - 32px);max-height:min(650px,calc(100dvh - 200px));background:#101a2c;border:1px solid #aabdeb38;border-radius:24px;box-shadow:0 20px 70px #0008;overflow:hidden;}
.guide-header{display:flex;align-items:center;gap:11px;padding:16px;border-bottom:1px solid var(--border,#aabdeb2b);background:linear-gradient(125deg,#1b2a41,#122032);}
.guide-portrait{width:55px;height:46px;object-fit:cover;border-radius:12px;}
.guide-header>div{display:grid;gap:4px;flex:1;min-width:0;}
.guide-header strong{font-size:15px;line-height:1.4;}
.guide-page-label{font-size:11px;color:var(--text-muted,#b6bfd6);line-height:1.4;}
.guide-content{overflow-y:auto;overscroll-behavior:contain;padding:19px;min-height:0;scrollbar-width:thin;scrollbar-color:#34455f transparent;}
.guide-content p{font-size:13px;line-height:1.7;margin:0 0 12px;}
.guide-intro{color:var(--text-muted,#b6bfd6);}
.guide-section-label{font-weight:700;color:var(--text,#f5f4ff);}
.guide-choices{display:grid;gap:8px;}
.guide-choice{width:100%;padding:12px 14px;text-align:left;border:1px solid var(--border,#aabdeb2b);border-radius:12px;background:#ffffff03;color:var(--text,#f5f4ff);font-size:12px;line-height:1.5;transition:background .15s,border-color .15s;}
.guide-choice:hover{background:#60f5d009;border-color:#60f5d065;}
.guide-more{margin-top:16px;}
.guide-more summary{cursor:pointer;color:var(--text-muted,#b6bfd6);font-size:12px;line-height:1.5;padding:4px 0;}
.guide-more[open] summary{margin-bottom:12px;}
.guide-back{padding:0;margin:0 0 14px;background:none;border:0;color:var(--cyan-text,#83f7dd);font-size:12px;}
.guide-question{background:#263e51;border-radius:14px 14px 4px 14px;padding:10px 13px;margin-left:20px!important;text-align:right;font-weight:600;}
.guide-answer{padding:14px;background:#ffffff03;border:1px solid var(--border,#aabdeb2b);border-radius:4px 16px 16px 16px;margin-bottom:14px;color:var(--text-muted,#b6bfd6);}
.guide-answer p:last-child{margin-bottom:0;}
.guide-steps{margin:12px 0 0;padding-left:20px;}
.guide-steps li{font-size:12px;line-height:1.7;margin-bottom:7px;padding-left:4px;}
.guide-steps li:last-child{margin-bottom:0;}
.guide-steps li::marker{color:var(--cyan-text,#83f7dd);font-weight:700;}
.guide-situation{padding:12px 14px;margin:0 0 16px;border:1px solid #60f5d02c;border-radius:13px;background:#60f5d008;}
.guide-situation p{font-size:12px;line-height:1.6;color:var(--text-muted,#b6bfd6);margin:0 0 8px;}
.guide-situation p:first-child{color:var(--cyan-text,#83f7dd);}
.guide-situation p:last-child{margin-bottom:0;}
.guide-actions{display:grid;gap:8px;}
.guide-link{display:block;padding:11px 13px;border-radius:12px;border:1px solid var(--border,#aabdeb2b);font-size:12px;line-height:1.5;text-decoration:none;color:var(--text,#f5f4ff);}
.guide-link.is-primary{color:#09241f;background:#60f5d0;border-color:#60f5d0;font-weight:700;}
.guide-link:hover{filter:brightness(1.08);}
.guide-ask{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;padding:12px 16px;border-top:1px solid var(--border,#aabdeb2b);background:#0e1828;}
.guide-ask-label{grid-column:1/-1;font-size:11px;font-weight:700;color:var(--text,#f5f4ff);line-height:1.4;}
.guide-ask textarea{width:100%;min-height:40px;max-height:110px;resize:vertical;padding:9px 11px;border:1px solid var(--border,#aabdeb2b);border-radius:12px;background:#ffffff06;color:var(--text,#f5f4ff);font:inherit;font-size:13px;line-height:1.5;}
.guide-ask textarea::placeholder{color:#8f9ab3;}
.guide-ask-send{height:40px;padding:0 14px;border:0;border-radius:12px;background:#60f5d0;color:#09241f;font-size:12px;font-weight:700;}
.guide-ask-send:disabled{opacity:.55;cursor:wait;}
.guide-ask-note{grid-column:1/-1;margin:0;font-size:10px;line-height:1.5;color:var(--text-muted,#b6bfd6);}
.guide-chat{display:grid;gap:10px;}
.guide-chat .guide-question,.guide-chat .guide-answer{margin-bottom:0;}
.guide-chat .guide-question{white-space:pre-wrap;overflow-wrap:anywhere;}
.guide-answer a{color:var(--cyan-text,#83f7dd);overflow-wrap:anywhere;}
.guide-chat-wait{color:var(--text-muted,#b6bfd6);font-style:italic;}
.guide-chat-error{padding:10px 12px;border:1px solid #ffb4a84d;border-radius:12px;background:#ffb4a80d;color:#ffd2ca;}
.guide-choice.is-chat{margin:0 0 16px;border-color:#60f5d065;color:var(--cyan-text,#83f7dd);}
.guide-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-top:1px solid var(--border,#aabdeb2b);background:#0c1525;}
.guide-quiet{display:flex;align-items:center;gap:7px;color:var(--text-muted,#b6bfd6);font-size:10px;cursor:pointer;line-height:1.5;}
.guide-quiet input{width:14px;height:14px;accent-color:#60f5d0;}
.guide-footer a{font-size:10px;color:var(--cyan-text,#83f7dd);text-decoration:none;line-height:1.5;}
.circle-guide :is(button,a,summary,input):focus-visible{outline:2px solid #83f7dd;outline-offset:3px;}
.guide-content:focus-visible{outline:2px solid #83f7dd;outline-offset:-3px;}
@media(max-width:600px){.circle-guide{right:12px;bottom:max(12px,env(safe-area-inset-bottom));}.guide-launcher{width:72px;height:76px;border-radius:20px;}.guide-launcher img{width:62px;height:52px;border-radius:13px;}.guide-launcher-label{font-size:10px;}.guide-panel,.guide-greeting{bottom:88px;max-width:calc(100vw - 24px);}.guide-panel{max-height:calc(100dvh - 180px);width:360px;border-radius:20px;}.guide-greeting{width:280px;}.guide-content{padding:16px;}.guide-ask{padding:10px 12px;}}
.circle-guide :is(textarea):focus-visible{outline:2px solid #83f7dd;outline-offset:1px;}
@media(prefers-reduced-motion:reduce){.guide-launcher,.guide-choice{transition:none;}.guide-launcher:hover{transform:none;}}