.list-guide{position:fixed;inset:0;z-index:40;pointer-events:none;padding:max(14px,var(--safe-top,0px)) max(14px,var(--safe-right,0px)) max(14px,var(--safe-bottom,0px)) max(14px,var(--safe-left,0px));color:var(--ink,#f8f8fa)}
.list-guide-shade{position:absolute;background:rgba(2,5,10,.76);pointer-events:auto;touch-action:none}
.list-guide-frame{position:absolute;border:2px solid #ff3e56;border-radius:16px;box-shadow:0 0 0 4px #ff3e5617,0 0 25px #ff2d554a;pointer-events:none;animation:list-guide-glow 1.2s ease-in-out 2}
.list-guide-card{position:absolute;pointer-events:auto;padding:22px;border:1px solid #ff405d50;border-radius:24px;background:linear-gradient(145deg,var(--card,#1a202c),var(--surface,#10171e));box-shadow:0 22px 70px #0008;overflow:auto;overscroll-behavior:contain;line-height:1.5;animation:list-guide-enter .18s ease-out}
.list-guide-card h2{margin:0 0 12px;font-size:clamp(21px,5.6vw,27px);font-weight:750;line-height:1.18;letter-spacing:-.5px;text-wrap:balance;color:var(--ink,#fff)}
.list-guide-progress{margin:0 0 12px;font-size:11px;font-weight:750;letter-spacing:1.5px;text-transform:uppercase;color:#ff7185}
.list-guide-description{margin:0 0 18px;font-size:14px;color:var(--muted,#bac4d1);line-height:1.55}
.list-guide-actions{display:grid;gap:6px}
.list-guide button{font:inherit;min-height:44px;border-radius:13px;margin:0;padding:11px 15px;cursor:pointer}
.list-guide-primary{color:#fff;background:linear-gradient(115deg,#ff423e,#f50943);border:1px solid #ff405e;font-weight:700;box-shadow:0 6px 20px #e3124030}
.list-guide-skip{border:0;background:transparent;color:var(--muted,#bac4d1);font-size:13px!important}
.list-guide button:focus-visible,.list-guide-target:focus-visible{outline:2px solid #ffbf69!important;outline-offset:3px}
.list-guide-cue{position:absolute;width:120px;text-align:center;pointer-events:none;color:#ff8391;font-size:14px;font-weight:700;white-space:nowrap;text-shadow:0 2px 7px #000}
.list-guide-saved{outline:2px solid #ff3e56;outline-offset:4px;border-radius:12px;animation:list-guide-glow 1.2s ease-in-out 2}
html.list-guide-show-nav #nav{transform:translate(-50%,0)!important}
html.list-guide-show-nav #nav,html.list-guide-show-nav #nav>*{pointer-events:auto!important}
html[data-theme=light] .list-guide-card{background:linear-gradient(145deg,#fff,#f5f7fb);border-color:#e3375550;box-shadow:0 22px 70px #0004}
html[data-theme=light] .list-guide-progress{color:#b91f40}
.account-view button.list-guide-help{display:inline-flex;align-items:center;gap:8px;margin:12px 0 4px;padding:10px 0;min-height:44px;background:none;border:0;color:var(--muted);font-size:13px;text-decoration:underline;text-underline-offset:4px}
@media(max-height:500px){.list-guide-card{padding:15px 18px;border-radius:18px}.list-guide-card h2{font-size:20px;margin-bottom:8px}.list-guide-description{font-size:13px;margin-bottom:10px}.list-guide-progress{margin-bottom:8px}}
@keyframes list-guide-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes list-guide-glow{0%,100%{box-shadow:0 0 0 4px #ff3e5617,0 0 18px #ff2d5538}50%{box-shadow:0 0 0 5px #ff3e5624,0 0 26px #ff2d5555}}
@media(prefers-reduced-motion:reduce){.list-guide-card,.list-guide-frame,.list-guide-saved{animation:none}}