/* Onboarding-Guide — Spotlight-Overlay + Sprechblase + Maskottchen. Nutzt Kern-Tokens. */
/* pointer-events:none — der Guide dimmt (via .cc-guide-hole-Schatten) und zeigt Coach-Marks,
   sperrt aber NIEMALS den Desktop: Fenster ziehen/resizen/klicken bleibt möglich. Beenden über die Buttons. */
.cc-guide-mask{position:fixed;inset:0;z-index:var(--z-guide);pointer-events:none}
.cc-guide-hole{position:fixed;z-index:var(--z-guide);border-radius:var(--radius);
  box-shadow:var(--shadow-md);
  pointer-events:none;transition:left var(--dur) ease,top var(--dur-slow) ease,width var(--dur-slow) ease,height var(--dur-slow) ease}
.cc-guide-pop{position:fixed;z-index:var(--z-guide);max-width:var(--sz-280);background:var(--surface);
  border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);
  padding:var(--sp-6) var(--sp-7) var(--sp-5);font-size:var(--fs-base);color:var(--text)}
.cc-guide-pop h4{margin:var(--sp-2) 0 var(--sp-2);font-size:var(--fs-md);font-weight:var(--fw-bold)}
.cc-guide-pop p{margin:0 0 var(--sp-5);color:var(--muted);line-height:1.5}
.cc-guide-skip{position:absolute;top:var(--sz-8);right:var(--sp-4);background:none;border:none;color:var(--muted);font-size:var(--fs-sm);cursor:pointer}
.cc-guide-skip:hover{color:var(--text)}
.cc-guide-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}
.cc-guide-dots{display:flex;gap:var(--sp-1)}
.cc-guide-dot{width:var(--sz-6);height:var(--sz-6);border-radius:50%;background:var(--border)}
.cc-guide-dot.on{background:var(--o)}
  padding:var(--sp-1) var(--sp-5);border-radius:var(--radius);font-size:var(--fs-sm);cursor:pointer}
.cc-guide-mascot{position:fixed;z-index:var(--z-guide);width:var(--sz-48);height:var(--sz-48);border-radius:50%;
  background:var(--o);color:var(--surface);display:flex;align-items:center;justify-content:center;
  font-size:var(--fs-xxl);box-shadow:var(--shadow-md)}