/* Onboarding-Guide — Spotlight-Overlay + Sprechblase + Maskottchen. Nutzt Kern-Tokens. */
.cc-guide-mask{position:fixed;inset:0;z-index:2000;pointer-events:auto}
.cc-guide-hole{position:fixed;z-index:2001;border-radius:var(--radius);
  box-shadow:0 0 0 3px var(--o),0 0 0 9999px rgba(17,24,39,.55);
  pointer-events:none;transition:left .25s ease,top .25s ease,width .25s ease,height .25s ease}
.cc-guide-pop{position:fixed;z-index:2003;max-width:300px;background:var(--surface);
  border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 40px rgba(0,0,0,.25);
  padding:14px 16px 12px;font-size:13px;color:var(--text)}
.cc-guide-pop h4{margin:6px 0 6px;font-size:14px;font-weight:600}
.cc-guide-pop p{margin:0 0 12px;color:var(--muted);line-height:1.5}
.cc-guide-skip{position:absolute;top:8px;right:10px;background:none;border:none;color:var(--muted);font-size:12px;cursor:pointer}
.cc-guide-skip:hover{color:var(--text)}
.cc-guide-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}
.cc-guide-dots{display:flex;gap:5px}
.cc-guide-dot{width:6px;height:6px;border-radius:50%;background:var(--border)}
.cc-guide-dot.on{background:var(--o)}
.cc-guide-btns{display:flex;gap:6px}
.cc-guide-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);
  padding:5px 12px;border-radius:var(--radius);font-size:12px;cursor:pointer}
.cc-guide-btn:hover{background:#f3f4f6}
.cc-guide-btn.primary{background:var(--o);border-color:var(--o);color:#fff}
.cc-guide-btn.primary:hover{background:var(--o-h)}
.cc-guide-btn:disabled{opacity:.4;cursor:default}
.cc-guide-mascot{position:fixed;z-index:2002;width:50px;height:50px;border-radius:50%;
  background:var(--o);color:#fff;display:flex;align-items:center;justify-content:center;
  font-size:24px;box-shadow:0 8px 24px rgba(0,0,0,.3)}