#tutorial-dialog{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;background:transparent;color:var(--ink)}#tutorial-dialog::backdrop{background:transparent;backdrop-filter:none}.tutorial-spotlight{position:fixed;pointer-events:none;border:2px solid var(--accent);border-radius:var(--radius-panel);box-shadow:0 0 0 9999px #05070bb3}.tutorial-card{position:fixed;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;background:var(--surface-control);border:1px solid #525862;border-radius:var(--radius-dialog);padding:16px 20px 18px;box-shadow:0 18px 60px #0007}.tutorial-card header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.tutorial-card header span{font-size:12px;color:var(--accent);font-variant-numeric:tabular-nums}.tutorial-card h2{font-size:19px;line-height:1.3;margin-bottom:10px;letter-spacing:-.3px}.tutorial-card p{font-size:14px;line-height:1.65;color:#d0d3dc}.tutorial-card footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.tutorial-card footer button{min-width:64px;min-height:40px;border-radius:var(--radius-small);padding:8px 16px}.tutorial-next{font-weight:600}.tutorial-back:hover{background:var(--border-subtle)}@media(pointer:coarse){.tutorial-card button{min-height:44px;min-width:44px}}@media(forced-colors:active){.tutorial-spotlight{border:3px solid Highlight}.tutorial-card{border:2px solid CanvasText;background:Canvas}}.tutorial-card.tutorial-card--inline{position:static;width:auto!important;max-width:none;max-height:none;overflow:visible;margin:0 0 18px;box-shadow:none}.tutorial-card--inline .popup-close{display:none}