.tutorial-backdrop{display:none;position:fixed;inset:0;background:var(--color-scrim-55);z-index:1400;pointer-events:none;transition:opacity var(--duration-fast, .12s) var(--ease-soft, ease)}.tutorial-backdrop--blocking{pointer-events:auto}.tutorial-callout-root{display:none;position:fixed;z-index:1500;pointer-events:none}.tutorial-callout{position:relative;pointer-events:all;background:var(--oxblood-900, #1c0b0e);border:1px solid var(--c-cream-a22);border-radius:var(--radius-md, var(--radius-md));padding:var(--space-lg);box-shadow:var(--shadow-drop-dark, 0 8px 32px var(--color-scrim-70));color:var(--text, #f0e6d2);font-size:var(--text-body-sm, 13px);line-height:1.5}.tutorial-callout--arrow-top:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px;border-style:solid;border-color:transparent transparent var(--c-cream-a22)}.tutorial-callout--arrow-top:after{content:"";position:absolute;top:-7px;left:50%;transform:translate(-50%);border-width:0 7px 7px;border-style:solid;border-color:transparent transparent var(--oxblood-900, #1c0b0e)}.tutorial-callout--arrow-bottom:before{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0;border-style:solid;border-color:var(--c-cream-a22) transparent transparent}.tutorial-callout--arrow-bottom:after{content:"";position:absolute;bottom:-7px;left:50%;transform:translate(-50%);border-width:7px 7px 0;border-style:solid;border-color:var(--oxblood-900, #1c0b0e) transparent transparent}.tutorial-callout--arrow-left:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);border-width:8px 8px 8px 0;border-style:solid;border-color:transparent var(--c-cream-a22) transparent transparent}.tutorial-callout--arrow-left:after{content:"";position:absolute;left:-7px;top:50%;transform:translateY(-50%);border-width:7px 7px 7px 0;border-style:solid;border-color:transparent var(--oxblood-900, #1c0b0e) transparent transparent}.tutorial-callout--arrow-right:before{content:"";position:absolute;right:-8px;top:50%;transform:translateY(-50%);border-width:8px 0 8px 8px;border-style:solid;border-color:transparent transparent transparent var(--c-cream-a22)}.tutorial-callout--arrow-right:after{content:"";position:absolute;right:-7px;top:50%;transform:translateY(-50%);border-width:7px 0 7px 7px;border-style:solid;border-color:transparent transparent transparent var(--oxblood-900, #1c0b0e)}.tutorial-callout__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-sm);padding-right:var(--space-2xl)}.tutorial-callout__title{font-size:var(--text-label, 14px);font-weight:700;letter-spacing:var(--tracking-label, .04em);color:var(--ember-300, #f5c842);text-transform:uppercase;flex:1}.tutorial-callout__counter{font-size:var(--text-body-sm, 12px);color:var(--muted, var(--parchment-400));white-space:nowrap}.tutorial-callout__body{margin-bottom:var(--space-base);color:var(--text, #f0e6d2);font-size:var(--text-body-sm, 13px);line-height:1.55}.tutorial-callout__dismiss{position:absolute;top:8px;right:8px;background:none;border:none;color:var(--muted, var(--parchment-400));font-size:18px;line-height:1;cursor:pointer;padding:var(--space-3xs) var(--space-2xs);border-radius:var(--radius-xs, 4px);transition:color var(--transition-fast, .12s ease)}.tutorial-callout__dismiss:hover{color:var(--text, #f0e6d2)}.tutorial-callout__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.tutorial-callout__footer-right{display:flex;align-items:center;gap:var(--space-sm)}.tutorial-callout__btn{padding:var(--space-xs) var(--space-base);font-size:12px;min-width:60px}.tutorial-callout__skip{background:none;border:none;color:var(--muted, var(--parchment-400));font-size:12px;cursor:pointer;padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-xs, 4px);text-decoration:underline;text-underline-offset:2px;transition:color var(--transition-fast, .12s ease)}.tutorial-callout__skip:hover{color:var(--text, #f0e6d2)}