.ob-welcome{padding:4px}.ob-hero{background:var(--ds-accent-soft);border-radius:12px;padding:22px 22px 20px}.ob-hero-icon{background:var(--ds-surface);width:44px;height:44px;color:var(--ds-accent);box-shadow:var(--ds-shadow-xs);border-radius:12px;place-items:center;margin-bottom:14px;display:grid}.ob-hero-title{letter-spacing:-.02em;color:var(--ds-text);font-size:22px;font-weight:600;line-height:1.25}.ob-hero-text{color:var(--ds-text-2);margin:8px 0 0;font-size:14px;line-height:1.55}.ob-highlights{grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr));gap:10px;margin-top:14px;display:grid}.ob-highlight{border:1px solid var(--ds-border);border-radius:10px;flex-direction:column;gap:6px;padding:12px;display:flex}.ob-highlight-title{color:var(--ds-text);font-size:13px;font-weight:600}.ob-highlight-text{color:var(--ds-text-3);font-size:12px;line-height:1.4}.ob-highlight-icon{background:var(--ds-fill);width:30px;height:30px;color:var(--ds-text-2);border-radius:8px;place-items:center;display:grid}.ob-lead{color:var(--ds-text-2);margin:16px 0 0;font-size:13.5px;line-height:1.55}.ob-dock{z-index:60;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:16px;right:16px}.ob-dock>*{pointer-events:auto}.ob-dock[data-lift=true]{bottom:84px}.ob-card{background:var(--ds-surface-raised,var(--ds-surface));border:1px solid var(--ds-border);width:360px;max-width:calc(100vw - 32px);max-height:min(640px,100dvh - 32px);box-shadow:var(--ds-shadow-xl);animation:ds-fade-up var(--ds-dur-4) var(--ds-ease-out) both;border-radius:14px;flex-direction:column;padding:16px;display:flex}.ob-card-head{align-items:center;gap:6px;display:flex}.ob-card-title{color:var(--ds-text);flex:1;font-size:15px;font-weight:600}.ob-card-count{color:var(--ds-text-3);margin-right:2px;font-size:12.5px}.ob-card-body{min-height:0;margin:0 -6px;padding:0 6px;overflow-y:auto}.ob-steps{flex-direction:column;margin:0 -6px;display:flex}.ob-step{transition:background-color var(--ds-dur-1) var(--ds-ease);border-radius:10px;align-items:center;gap:10px;padding:9px 10px;display:flex}.ob-step:hover{background:var(--ds-hover)}.ob-step-title{color:var(--ds-text);font-size:13.5px;font-weight:500;display:block}.ob-step-hint{color:var(--ds-text-3);font-size:12px;display:block}.ob-step[data-done=true] .ob-step-title{color:var(--ds-text-3);text-decoration:line-through;-webkit-text-decoration-color:var(--ds-text-4);text-decoration-color:var(--ds-text-4)}.ob-check{border:1.5px dashed var(--ds-border-strong);width:22px;height:22px;color:var(--ds-text-3);transition:all var(--ds-dur-2) var(--ds-ease-out);border-radius:50%;flex:0 0 22px;place-items:center;display:grid}.ob-step[data-done=true] .ob-check{background:var(--ds-success);color:var(--ds-on-ink);animation:ds-scale-in var(--ds-dur-3) var(--ds-ease-out);border:0}:root[data-mantine-color-scheme=dark] .ob-step[data-done=true] .ob-check{color:var(--ds-surface)}.ob-step-done{color:var(--ds-success-text);white-space:nowrap;font-size:12px;font-weight:500}.ob-step-tag{color:var(--ds-text-3);margin-left:6px;font-size:11px;font-weight:500;text-decoration:none;display:inline-block}.ob-all-done{color:var(--ds-text);align-items:center;gap:10px;padding:10px 4px;font-size:13.5px;display:flex}.ob-all-done-icon{background:var(--ds-success-soft);width:30px;height:30px;color:var(--ds-success-text);border-radius:8px;flex:0 0 30px;place-items:center;display:grid}.ob-section-label{letter-spacing:.05em;text-transform:uppercase;color:var(--ds-text-3);margin:10px 4px 4px;font-size:11px;font-weight:600}.ob-more{margin:6px 4px 0}.ob-pill{border:1px solid var(--ds-border);background:var(--ds-surface-raised,var(--ds-surface));height:36px;box-shadow:var(--ds-shadow-md);color:var(--ds-text);font:inherit;cursor:pointer;animation:ds-fade-up var(--ds-dur-3) var(--ds-ease-out) both;transition:background-color var(--ds-dur-1) var(--ds-ease), transform var(--ds-dur-1) var(--ds-ease);border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 8px;font-size:13px;font-weight:600;display:inline-flex}.ob-pill:hover{background:var(--ds-hover)}.ob-pill:active{transform:scale(.97)}.ob-pill:focus-visible{outline:2px solid var(--ds-accent);outline-offset:2px}.ob-pill-count{color:var(--ds-text-3);font-weight:500}.ob-tour{z-index:50;pointer-events:auto;position:fixed;inset:0}.ob-tour-block{position:absolute;inset:0}.ob-tour-dim{background:var(--ds-overlay);animation:ds-fade-in var(--ds-dur-3) var(--ds-ease-out) both;position:absolute;inset:0}.ob-tour-hole{pointer-events:none;box-shadow:0 0 0 2px var(--ds-accent), 0 0 0 7px var(--ds-focus), 0 0 0 9999px var(--ds-overlay);transition:top var(--ds-dur-4) var(--ds-ease-out), left var(--ds-dur-4) var(--ds-ease-out), width var(--ds-dur-4) var(--ds-ease-out), height var(--ds-dur-4) var(--ds-ease-out);border-radius:12px;position:absolute}.ob-tour-card{background:var(--ds-surface-raised,var(--ds-surface));border:1px solid var(--ds-border);width:min(330px,100vw - 32px);box-shadow:var(--ds-shadow-xl);color:var(--ds-text);transition:top var(--ds-dur-4) var(--ds-ease-out), left var(--ds-dur-4) var(--ds-ease-out);border-radius:14px;padding:16px;position:absolute}.ob-tour-card:focus{outline:none}.ob-tour-card[data-arrow=left]:before{content:"";left:-6px;top:var(--ob-arrow,18px);transition:top var(--ds-dur-4) var(--ds-ease-out);background:var(--ds-surface-raised,var(--ds-surface));border-left:1px solid var(--ds-border);border-bottom:1px solid var(--ds-border);width:10px;height:10px;position:absolute;transform:rotate(45deg)}.ob-tour-title{margin-bottom:6px;font-size:16px;font-weight:600}.ob-tour-text{color:var(--ds-text-2);font-size:13.5px;line-height:1.55}.ob-hint{background:var(--ds-warning-soft);color:var(--ds-text-2);border-radius:10px;gap:8px;margin-top:12px;padding:9px 10px;font-size:12.5px;line-height:1.45;display:flex}.ob-dots{flex-wrap:wrap;gap:4px;max-width:120px;display:flex}.ob-dots span{background:var(--ds-border-strong);width:6px;height:6px;transition:width var(--ds-dur-3) var(--ds-ease-out), background-color var(--ds-dur-2);border-radius:999px}.ob-dots span[data-active=true]{background:var(--ds-accent);width:16px}.ob-tip{z-index:55;background:var(--ds-surface-raised,var(--ds-surface));border:1px solid var(--ds-border);width:min(300px,100vw - 32px);box-shadow:var(--ds-shadow-lg,var(--ds-shadow-xl));color:var(--ds-text);animation:ds-fade-up var(--ds-dur-4) var(--ds-ease-out) both;border-radius:14px;padding:14px;position:fixed}.ob-tip[data-arrow=left]:before{content:"";background:var(--ds-surface-raised,var(--ds-surface));border-left:1px solid var(--ds-border);border-bottom:1px solid var(--ds-border);width:10px;height:10px;position:absolute;top:16px;left:-6px;transform:rotate(45deg)}.ob-tip-head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.ob-tip-title{flex:1;font-size:13.5px;font-weight:600}.ob-tip-text{color:var(--ds-text-2);font-size:13px;line-height:1.5}.ob-hub-row{align-items:flex-start;gap:12px;padding:14px 0;display:flex}.ob-hub-row+.ob-hub-row{border-top:1px solid var(--ds-divider)}.ob-hub-icon{background:var(--ds-accent-soft);width:34px;height:34px;color:var(--ds-accent);border-radius:10px;flex:0 0 34px;place-items:center;display:grid}.ob-hub-title{color:var(--ds-text);font-size:14px;font-weight:600}.ob-hub-text{color:var(--ds-text-3);margin-top:2px;font-size:12.5px;line-height:1.5}.ob-qr{border:1px solid var(--ds-border);background:#fff;border-radius:12px;flex:none;place-items:center;width:176px;height:176px;display:grid;overflow:hidden}.ob-qr img{width:164px;height:164px;image-rendering:pixelated}@container app (max-width:767px){.ob-dock{right:12px;bottom:calc(76px + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion:reduce){.ob-card,.ob-pill,.ob-tip,.ob-tour-dim{animation:none}}