:root{--gold:#f2b705;--ink:#0b0b0a;--paper:#fff;--slate:#ffffff8c;--line:#f2b70540}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--paper);background:radial-gradient(95% 88% at 50% 42%,#16130a 0%,#0e0c07 45%,#050403 100%);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}.guide-stage{flex-direction:column;justify-content:center;align-items:center;gap:clamp(8px,2vh,24px);min-height:100vh;padding:24px 16px;display:flex;position:relative}.guide-hero{text-align:center;max-width:480px}.guide-hero-eyebrow{letter-spacing:.3em;text-transform:uppercase;color:var(--slate);font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;display:block}.guide-hero-title{letter-spacing:.01em;color:var(--gold);text-shadow:0 0 30px #f2b70559;text-wrap:balance;margin:6px 0 0;font-family:Archivo Black,Inter,sans-serif;font-size:clamp(28px,5vw,44px);font-weight:400}.guide-hero-sub{color:var(--slate);margin:10px 0 0;font-size:13.5px;line-height:1.5}.hero-variant-row{gap:6px;max-width:340px;margin:18px auto 0;display:flex}.hero-variant-tab{border:1px solid var(--line);color:var(--slate);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#ffffff0a;border-radius:6px;flex:1;padding:7px 6px;font-family:IBM Plex Mono,monospace;font-size:10.5px;font-weight:600;overflow:hidden}.hero-variant-tab.active{border-color:var(--gold);color:var(--gold);background:#f2b70526}.hero-variant-tab:disabled{opacity:.5;cursor:default}.orb-wrap{width:min(560px,70vw);height:min(560px,70vw);position:relative}.orb-ring{border:2px solid var(--gold);border-radius:50%;animation:4s ease-in-out infinite orb-pulse;position:absolute;inset:0;box-shadow:0 0 40px #f2b70559,inset 0 0 40px #f2b70526}@media (prefers-reduced-motion:reduce){.orb-ring{animation:none}}@keyframes orb-pulse{0%,to{box-shadow:0 0 40px #f2b70559,inset 0 0 40px #f2b70526}50%{box-shadow:0 0 64px #f2b7058c,inset 0 0 60px #f2b70540}}.orb-core{cursor:pointer;background:radial-gradient(circle at 45% 40%,#f2b705e6,#f2b70526 60%,#0000 75%);border:none;border-radius:50%;padding:0;position:absolute;inset:22%}.orb-core:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.orb-node{transform-origin:0 0;align-items:center;gap:8px;display:flex;position:absolute;top:50%;left:50%}.orb-node-dot{background:var(--gold);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;width:12px;height:12px;box-shadow:0 0 10px #f2b705cc}.orb-node-dot:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.orb-node-label{letter-spacing:.08em;text-transform:uppercase;color:var(--paper);white-space:nowrap;text-shadow:0 0 12px #0009;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600}.orb-lines{pointer-events:none;position:absolute;inset:0}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.guide-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--line);z-index:20;background:#0a0804f2;border-radius:16px;flex-direction:column;width:min(380px,100vw - 32px);max-height:min(560px,100vh - 32px);display:flex;position:fixed;bottom:16px;right:16px;overflow:hidden;box-shadow:0 8px 40px #0009}.guide-panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.guide-panel-title{letter-spacing:.02em;color:var(--gold);text-transform:uppercase;font-family:Archivo Black,Inter,sans-serif;font-size:15px;font-weight:400}.guide-variant-row{border-bottom:1px solid var(--line);gap:6px;padding:10px 12px;display:flex}.guide-variant-tab{border:1px solid var(--line);color:var(--slate);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#ffffff0a;border-radius:6px;flex:1;padding:6px 4px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600;overflow:hidden}.guide-variant-tab.active{border-color:var(--gold);color:var(--gold);background:#f2b70526;font-weight:600}.guide-variant-tab:disabled{opacity:.5;cursor:default}.guide-panel-close{color:var(--slate);cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:18px;line-height:1}.guide-transcript{flex-direction:column;flex:1;gap:10px;padding:14px 16px;display:flex;overflow-y:auto}.guide-bubble{border-radius:10px;max-width:90%;padding:8px 12px;font-size:13.5px;line-height:1.5}.guide-bubble.you{color:var(--paper);background:#f2b70526;align-self:flex-end}.guide-bubble.guide{color:var(--paper);background:#ffffff0f;align-self:flex-start}.guide-input-row{border-top:1px solid var(--line);gap:8px;padding:12px;display:flex}.guide-input{border:1px solid var(--line);color:var(--paper);background:#ffffff0d;border-radius:8px;flex:1;padding:8px 10px;font-family:inherit;font-size:13.5px}.guide-send{background:var(--gold);color:#1a1400;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600}.guide-send:disabled{opacity:.5;cursor:default}.rhodex-orb-stage{overflow:visible}.rhodex-orb-stage nav.visually-hidden{z-index:30}.rhodex-orb-web{z-index:2;pointer-events:none;position:absolute;inset:0}.rhodex-gem-host{z-index:3;cursor:pointer;clip-path:circle(50%);filter:drop-shadow(0 18px 44px #f2b70547);border-radius:50%;justify-content:center;align-items:center;width:min(260px,36vw);height:min(260px,36vw);transition:filter .6s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rhodex-gem-host canvas.hero3d{display:block}.rhodex-gem-host:focus-visible{outline:2px solid var(--gold);outline-offset:10px}.rhodex-orb-stage[data-activity=thinking] .rhodex-gem-host,.rhodex-orb-stage[data-activity=speaking] .rhodex-gem-host{filter:drop-shadow(0 22px 60px #f2b7056b)}.rhodex-gem-fallback{background:radial-gradient(circle at 42% 38%,#f2b705d9,#f2b7052e 62%,#0000 78%);border-radius:50%;width:70%;height:70%}@keyframes dotBlink{0%,to{opacity:.2}50%{opacity:1}}.orb-dot-blink{animation:1.2s ease-in-out infinite dotBlink}.blink-0{animation-delay:0s}.blink-1{animation-delay:.4s}.blink-2{animation-delay:.8s}@media (prefers-reduced-motion:reduce){.orb-dot-blink{opacity:.7;animation:none}.rhodex-gem-host{transition:none}}