.tutorial-welcome-backdrop,.tutorial-overlay{--tutorial-gold:var(--strategy-gold,#d9c083);--tutorial-text:var(--strategy-text,#f4ecd7);--tutorial-muted:var(--strategy-muted,#f4ecd7b8);--tutorial-rule:var(--strategy-rule,#d9c08366);color:var(--tutorial-text)}.tutorial-welcome-backdrop{z-index:220;padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));background:color-mix(in srgb, var(--strategy-void,#06131d) 75%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.tutorial-welcome,.tutorial-coachmark{background:linear-gradient(145deg, var(--ui-background-raised), var(--ui-background-color));border:var(--ui-border-width,1px) solid var(--ui-border-color);border-radius:var(--ui-border-radius,12px);box-shadow:inset 0 1px var(--ui-inner-border-color), var(--ui-shadow)}.tutorial-welcome{text-align:center;width:min(440px,100%);padding:clamp(24px,5vw,38px)}.tutorial-eyebrow{color:var(--tutorial-gold);font:650 9px/1.4 var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase}.tutorial-welcome h1{color:var(--tutorial-text);font:500 clamp(34px, 6vw, 42px)/1.05 var(--font-display), serif;letter-spacing:-.02em;margin:11px 0 16px}.tutorial-welcome p{color:var(--tutorial-muted);font:400 14px/1.65 var(--font-sans), sans-serif;margin:0}.tutorial-welcome .tutorial-welcome-invitation{color:var(--tutorial-text);margin-top:13px}.tutorial-welcome-actions{gap:9px;margin-top:26px;display:grid}.tutorial-primary,.tutorial-secondary{border:1px solid var(--tutorial-rule);cursor:pointer;min-height:46px;font:750 11px/1.3 var(--font-sans), sans-serif;letter-spacing:.03em;border-radius:5px;justify-content:center;align-items:center;gap:18px;padding:12px 18px;display:flex}.tutorial-primary{color:var(--strategy-ink);background:var(--tutorial-gold);box-shadow:inset 0 1px var(--ui-inner-border-color)}.tutorial-primary:hover{background:color-mix(in srgb, var(--tutorial-gold) 85%, var(--tutorial-text))}.tutorial-primary>span{font-size:18px}.tutorial-secondary{color:var(--tutorial-muted);background:0 0;border-color:#0000}.tutorial-secondary:hover{color:var(--tutorial-text);background:var(--ui-background-raised)}.tutorial-welcome button:focus-visible,.tutorial-coachmark button:focus-visible{outline:2px solid var(--tutorial-gold);outline-offset:3px}.tutorial-overlay{z-index:150;pointer-events:none;position:fixed;inset:0}.tutorial-overlay-in-dialog{position:absolute}.tutorial-target-outline{border:2px solid var(--tutorial-gold);box-shadow:0 0 0 3px color-mix(in srgb, var(--strategy-ink) 72%, transparent), 0 0 22px color-mix(in srgb, var(--tutorial-gold) 25%, transparent);pointer-events:none;border-radius:8px;position:absolute}.tutorial-coachmark{pointer-events:auto;width:min(312px,100% - 24px);max-height:calc(100% - 24px);padding:14px 16px 10px;position:absolute;overflow-y:auto}.tutorial-coachmark>header{justify-content:space-between;align-items:center;gap:6px;min-height:26px;display:flex}.tutorial-coachmark .tutorial-eyebrow{letter-spacing:.07em;font-size:8px}.tutorial-coachmark-tools{gap:0;margin-right:-7px;display:flex}.tutorial-coachmark-tools button{width:30px;height:30px;color:var(--tutorial-muted);cursor:pointer;font:400 20px/1 var(--font-sans), sans-serif;background:0 0;border:0;border-radius:4px;place-items:center;padding:0;display:grid}.tutorial-coachmark-tools button:hover{color:var(--tutorial-text);background:var(--ui-background-raised)}.tutorial-coachmark h2{color:var(--tutorial-text);font:500 23px/1.12 var(--font-display), serif;margin:3px 0 8px}.tutorial-coachmark p{color:var(--tutorial-muted);font:400 12px/1.55 var(--font-sans), sans-serif;margin:0}.tutorial-coachmark>footer{border-top:1px solid var(--ui-inner-border-color);justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding-top:5px;display:flex}.tutorial-progress{align-items:center;gap:4px;display:flex}.tutorial-progress i{background:var(--ui-inner-border-color);border-radius:50%;width:5px;height:5px;display:block}.tutorial-progress i.is-reached{background:var(--tutorial-gold)}.tutorial-skip{min-height:32px;color:var(--tutorial-muted);cursor:pointer;font:550 10px/1.4 var(--font-sans), sans-serif;background:0 0;border:0;border-radius:3px;padding:6px 0 6px 8px}.tutorial-skip:hover{color:var(--tutorial-gold)}.tutorial-coachmark .tutorial-primary{gap:10px;min-height:38px;padding:8px 12px;font-size:10px}.tutorial-coachmark.is-collapsed{padding-bottom:9px}.tutorial-coachmark.is-collapsed h2{margin-bottom:0;font-size:20px}.tutorial-reset-notice{bottom:20px;right:20px}@media (max-width:720px),(pointer:coarse){.tutorial-coachmark{padding:10px 14px 8px}.tutorial-coachmark-tools button{width:44px;height:44px}.tutorial-coachmark h2{font-size:21px}.tutorial-skip,.tutorial-coachmark .tutorial-primary{min-height:44px}}@media (forced-colors:active){.tutorial-welcome,.tutorial-coachmark{color:canvastext;box-shadow:none;background:canvas;border:2px solid canvastext}.tutorial-target-outline{border-color:highlight;box-shadow:0 0 0 2px canvas}.tutorial-primary,.tutorial-secondary,.tutorial-skip,.tutorial-coachmark-tools button{color:buttontext;background:buttonface;border:1px solid buttontext}}