dialog:has(.getting-started){width:min(720px,calc(100vw - 28px));max-width:720px}
.getting-started{color:var(--ink,#536044);line-height:1.8;font-size:13px;overflow-wrap:anywhere}.getting-started>p{margin:12px 0}.guide-title{font-family:var(--font-hand);font-size:28px;font-weight:400;line-height:1.4;margin:8px 0;color:#78824f}.guide-steps{list-style:none;counter-reset:guide;padding:0;margin:22px 0;display:grid;gap:16px}.guide-steps>li{counter-increment:guide;display:flex;gap:14px;align-items:flex-start}.guide-steps>li:before{content:counter(guide,decimal-leading-zero);display:grid;place-items:center;flex:0 0 38px;height:38px;background:#e9ebd4;border:1px solid #c7cfa8;border-radius:45% 52% 44% 50%;color:#74814e;font-family:var(--font-hand);font-size:15px}.guide-steps h3,.guide-wallpaper-callout h3{font-size:16px;font-weight:400;font-family:var(--font-hand);margin:0 0 3px}.guide-steps p{margin:0}.guide-steps>li>div{min-width:0}.guide-actions,.guide-devices{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.guide-devices .btn{font-size:12px;min-height:44px}.guide-devices [aria-pressed=true]{background:#e4e9cb;border-color:#93a267;box-shadow:inset 0 0 0 1px #93a267}.guide-availability{display:inline-block;background:#efe4ce;border:1px dashed #cbb993;border-radius:12px;padding:7px 12px;color:#796847;font-size:12px}.guide-note,.guide-membership{background:#f2eddf;border-radius:14px;padding:14px 16px;font-size:12px}.guide-membership p{margin:0 0 10px}.guide-wallpaper-callout{padding:20px;background:#eef0dc;border:1px solid #ced4ad;border-radius:18px;margin:22px 0 0}.guide-wallpaper-callout h3{margin-top:8px}.guide-details{border-top:1px solid #dfd2b5;margin:20px 0;padding-top:13px}.guide-details summary{cursor:pointer;min-height:40px;padding:6px 0}.guide-details p{font-size:12px}.guide-help{margin:8px 0;min-height:44px;font-size:12px;text-align:left}.guide-settings{margin:18px 0}.guide-settings h2{margin:0 0 8px}.guide-settings p{margin:0 0 12px}.getting-started a:not(.btn){color:#586b3d;text-decoration:underline}.getting-started>.text-link{display:block;margin-top:16px;min-height:44px}
@media(max-width:430px){.guide-title{font-size:24px}.guide-steps>li{gap:10px}.guide-steps>li:before{flex-basis:30px;height:32px}.guide-devices .btn{flex:1 0 40%;padding:10px 8px}.guide-actions .btn{flex:1 0 100%}.guide-wallpaper-callout{padding:16px}}

/* Anchored first-launch tour; native dialog retains keyboard focus. */
dialog.guided-tour:has(.getting-started){position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;overflow:hidden;box-shadow:none}dialog.guided-tour::backdrop{background:transparent}.tour-highlight{position:fixed;border:3px solid #879b53;border-radius:14px;box-shadow:0 0 0 200vmax #18251699;pointer-events:none}.tour-highlight[hidden]{display:none}.tour-card{position:fixed;width:min(420px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;background:#fff8e6;border:1px solid #c7cfa8;border-radius:20px;padding:22px;box-shadow:0 8px 35px #15200c33;z-index:1}.tour-card .guide-title{font-size:25px}.tour-card .guide-actions{margin-bottom:0}.tour-card .guide-actions .btn{min-height:44px;flex:initial}.tour-card .text-link{min-height:44px}.tour-card p{line-height:1.65}

dialog.guided-tour::backdrop{backdrop-filter:none}