/* The guide has its own corner; the radio keeps the left side. */
.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:84px;height:70px;object-fit:contain;image-rendering:pixelated;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:contain;image-rendering:pixelated;}
.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-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:68px;height:57px;}.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;}}
@media(prefers-reduced-motion:reduce){.guide-launcher,.guide-choice{transition:none;}.guide-launcher:hover{transform:none;}}