.guide-ring{z-index:1000;box-shadow:0 0 0 2px var(--primary), 0 0 0 9999px #14121c47;pointer-events:none;border-radius:12px;transition:top .25s,left .25s,width .25s,height .25s;position:fixed}.guide-card{z-index:1001;border:1px solid var(--border);background:var(--card);color:var(--foreground);border-radius:14px;padding:16px 16px 14px;transition:top .25s,left .25s;position:fixed;box-shadow:0 16px 40px #14121c2e}.guide-card-count{color:var(--muted-foreground);margin-bottom:4px;font-size:11.5px;font-weight:500}.guide-card-title{letter-spacing:-.01em;font-size:15px;font-weight:600;line-height:1.35}.guide-card-body{color:var(--muted-foreground);margin:6px 0 14px;font-size:13px;line-height:1.5}.guide-card-actions{align-items:center;gap:6px;display:flex}.guide-card-spacer{flex:1}.guide-btn{border:1px solid var(--border);color:var(--foreground);cursor:pointer;background:0 0;border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:600}.guide-btn:hover{background:color-mix(in srgb, var(--foreground) 6%, transparent)}.guide-btn--quiet{color:var(--muted-foreground);border-color:#0000;padding-inline:4px}.guide-btn--quiet:hover{color:var(--foreground);background:0 0}.guide-btn--primary{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground,#fff)}.guide-btn--primary:hover{background:color-mix(in srgb, var(--primary) 88%, #000)}.guide-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.guide-ring,.guide-card{transition:none}}