.guide-ring{position:fixed;z-index:990;pointer-events:none;outline:2.5px solid var(--d-cyan);box-shadow:0 0 0 8px color-mix(in srgb,var(--d-cyan) 22%,transparent)}@media (prefers-reduced-motion:no-preference){.guide-ring{animation:guide-breathe 2.4s ease-in-out infinite}}@keyframes guide-breathe{50%{box-shadow:0 0 0 12px color-mix(in srgb,var(--d-cyan) 10%,transparent)}}.guide-ring[data-settling]{opacity:0;animation:none}.guide-card[data-settling]{opacity:0;pointer-events:none;animation:none}.guide-card{position:fixed;z-index:1000;inline-size:min(300px,calc(100vw - 32px));box-sizing:border-box;display:grid;gap:6px;padding:18px 20px 8px;border:1px solid var(--d-rule);border-radius:16px;background:var(--d-surface);color:var(--d-navy);box-shadow:0 32px 70px -30px color-mix(in srgb,var(--d-navy) 55%,transparent),0 2px 8px -4px color-mix(in srgb,var(--d-navy) 30%,transparent)}@media (prefers-reduced-motion:no-preference){.guide-card{animation:guide-in .18s cubic-bezier(.2,.7,.3,1)}}@keyframes guide-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.guide-card--done{inset:auto 24px 24px auto}@media (max-width:40rem){.guide-card{inset:auto 12px calc(4.5rem + env(safe-area-inset-bottom, 0px)) 12px;inline-size:auto}}.guide__count{margin:0 0 4px;font-family:var(--d-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.09em;color:var(--d-ink-45)}.guide-card__title{margin:0;padding-inline-end:24px;font-family:var(--font-brand);font-size:1.125rem;font-weight:600;letter-spacing:-.02em;line-height:1.25;color:var(--d-navy);text-wrap:balance}.guide-card__body{margin:6px 0 0;font-size:14px;line-height:1.5;color:var(--d-ink-75);text-wrap:pretty}.guide__hide{justify-self:start;min-height:44px;margin-inline-start:-8px;padding-inline:8px;border:0;background:transparent;cursor:pointer;font:inherit;font-size:13px;font-weight:600;color:var(--d-ink-60)}.guide-card__foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.guide__hide:hover{color:var(--d-navy)}.guide-card__x:focus-visible,.guide__hide:focus-visible{outline:2px solid var(--d-navy);outline-offset:2px}.guide-card__x{position:absolute;inset-block-start:10px;inset-inline-end:10px;display:inline-grid;place-items:center;inline-size:30px;block-size:30px;border:0;border-radius:8px;background:transparent;color:var(--d-ink-45);cursor:pointer}.guide-card__x:hover{background:var(--d-surface-2);color:var(--d-navy)}@media (pointer:coarse){.guide-card__x{inline-size:44px;block-size:44px;inset-block-start:4px;inset-inline-end:4px}}body:has(.guide-card) .checkin{display:none}