.site-tour{border:1px solid var(--border);background:var(--bg);width:min(600px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--fg);border-radius:24px;margin:auto;padding:0;position:fixed;inset:0;overflow:auto;box-shadow:0 24px 100px #0004}.site-tour::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c}.site-tour-top{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.site-tour-top>span{letter-spacing:.12em;align-items:center;gap:9px;font-size:11px;font-weight:600;display:flex}.site-tour-top>button{border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.site-tour-top>button:hover{background:var(--hover)}.site-tour-content{padding:28px 32px}.site-tour-icon{border:1px solid var(--border);background:var(--hover);border-radius:18px;place-items:center;width:60px;height:60px;margin-bottom:24px;display:grid}.site-tour-label{letter-spacing:.15em;color:var(--muted);margin-bottom:12px;font-size:10px;font-weight:700}.site-tour h2{font-family:var(--font-product-serif),serif;letter-spacing:-.025em;margin-bottom:16px;font-size:clamp(28px,5vw,38px);font-weight:400;line-height:1.15}.site-tour h2:focus{outline:none}.site-tour-content>p:not(.site-tour-label){color:var(--muted);font-size:14px;line-height:1.7}.site-tour-preview{grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0;padding:0;list-style:none;display:grid}.site-tour-preview li{background:var(--hover);border-radius:12px;padding:14px 12px;font-size:12px;line-height:1.5}.site-tour-preview li>span{color:var(--muted);margin-bottom:8px;font-size:10px;display:block}.site-tour-tip{border-left:2px solid var(--border);padding-left:14px}.site-tour-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.site-tour-position{color:var(--muted);font-size:11px}.site-tour-position>div{gap:5px;margin-top:7px;display:flex}.site-tour-position i{background:var(--border);border-radius:5px;width:12px;height:4px}.site-tour-position i[data-current=true]{background:var(--fg)}.site-tour-buttons{align-items:center;gap:14px;font-size:13px;display:flex}.site-tour-back{color:var(--muted);padding:10px 4px}.site-tour-next{background:var(--fg);color:var(--bg);border-radius:999px;padding:12px 18px;font-weight:600}@media (max-width:480px){.site-tour-content{padding:22px}.site-tour-preview{gap:7px}.site-tour-preview li{padding:10px 8px}.site-tour-footer{gap:10px;padding:16px}.site-tour-buttons{gap:9px}.site-tour-next{padding:12px;font-size:12px}}