.yb-tour-launch { appearance:none; border:1px solid #d8c8a5; background:#faf5e9; color:#57482a; border-radius:10px; min-height:38px; padding:7px 13px; font-family:inherit; font-size:13px; line-height:1.3; font-weight:700; white-space:nowrap; cursor:pointer; }
.yb-tour-launch[hidden] { display:none!important; }
.yb-tour-launch:hover { background:#f1e7cf; }
.m-sheet-row .yb-tour-launch { grid-column:1 / -1; }
.yb-tour-active { overflow:hidden!important; }
.yb-tour-root { position:fixed; inset:0; z-index:200000; isolation:isolate; }
.yb-tour-root.is-centered { background:rgba(25,29,26,.58); backdrop-filter:blur(3px); }
.yb-tour-spot { position:fixed; border:2px solid #d7b970; border-radius:12px; box-shadow:0 0 0 9999px rgba(25,29,26,.62),0 0 0 5px rgba(233,210,158,.3); pointer-events:none; }
.yb-tour-card { position:fixed; box-sizing:border-box; width:min(420px,calc(100vw - 24px)); max-height:calc(100dvh - 24px); overflow-y:auto; overscroll-behavior:contain; padding:28px; border-radius:22px; border:1px solid #e2d2b0; background:linear-gradient(145deg,#fffdf8,#f7f0df); color:#1c231f; box-shadow:0 18px 65px #0d151b35; font-family:Pretendard,system-ui,sans-serif; line-height:1.6; animation:yb-tour-in .24s ease-out; }
.is-centered .yb-tour-card { top:50%!important; left:50%!important; transform:translate(-50%,-50%); }
.yb-tour-brand { display:block; width:155px; height:auto; margin:0 0 24px; mix-blend-mode:multiply; }
.yb-tour-card h2 { margin:8px 0 12px; font-size:23px; line-height:1.4; font-weight:800; letter-spacing:-.04em; word-break:keep-all; }
.yb-tour-eyebrow { font-size:12px; font-weight:800; color:#856a34; letter-spacing:.02em; }
.yb-tour-description { color:#434c46; font-size:15px; margin:0 0 20px; word-break:keep-all; }
.yb-tour-journey { list-style:none; padding:0; margin:20px 0; display:grid; grid-template-columns:1fr 1fr; gap:10px 8px; }
.yb-tour-journey li { display:flex; align-items:center; gap:8px; font-size:13px; font-weight:700; }
.yb-tour-journey b { display:grid; place-items:center; width:24px; height:24px; background:#eee0bc; border-radius:8px; font-size:11px; color:#69552d; }
.yb-tour-header { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.yb-tour-progress { display:flex; gap:5px; margin:13px 0 22px; }
.yb-tour-progress i { height:4px; flex:1; background:#e3dfd5; border-radius:4px; }
.yb-tour-progress i.done { background:#ae8d47; }
.yb-tour-example { padding:14px 16px; margin:16px 0; background:#efe4c9; border:1px solid #e1d0a7; border-radius:12px; }
.yb-tour-example span { display:block; font-size:11px; color:#74613b; margin-bottom:4px; }
.yb-tour-example strong { display:block; font-size:14px; line-height:1.6; word-break:keep-all; }
.yb-tour-hint { font-size:12px; color:#65665d; line-height:1.7; margin:16px 0 20px; word-break:keep-all; }
.yb-tour-actions { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:22px; }
.yb-tour-card button { appearance:none; cursor:pointer; font-family:inherit; font-weight:750; }
.yb-tour-primary,.yb-tour-secondary { min-height:44px; padding:10px 17px; border-radius:11px; font-size:14px; line-height:1.4; }
.yb-tour-primary { border:1px solid #263b31; background:#263b31; color:#fffdf4; margin-left:auto; }
.yb-tour-primary:hover { background:#375342; }
.yb-tour-secondary { border:1px solid #d5cbb6; color:#4f5149; background:transparent; }
.yb-tour-link { border:0; background:transparent; padding:9px 0 9px 10px; font-size:12px; color:#62665b; text-decoration:underline; text-underline-offset:3px; }
.yb-tour-step-name { font-size:12px; color:#746b58; }
.yb-tour-error { border:1px solid #ca897a; background:#fff4ee; padding:10px; border-radius:9px; margin-top:12px; font-size:12px; color:#8a3827; }
.yb-tour-error p { margin:0; }
.yb-tour-card button:disabled { opacity:.55; cursor:wait; }
.yb-tour-card button:focus-visible,.yb-tour-launch:focus-visible { outline:3px solid #8e733a; outline-offset:4px; }
.yb-tour-medal { display:grid; place-items:center; width:54px; height:54px; border-radius:18px; background:#e9dbb7; color:#435e45; font-size:28px; margin-bottom:20px; }
[data-mode=dark] .yb-tour-launch { background:#292c27; color:#e5d4ad; border-color:#665c43; }
[data-mode=dark] .yb-tour-card { background:linear-gradient(145deg,#252c27,#1d241f); color:#f4efdf; border-color:#655a40; }
[data-mode=dark] .yb-tour-description { color:#dbded5; }
[data-mode=dark] .yb-tour-hint,[data-mode=dark] .yb-tour-link,[data-mode=dark] .yb-tour-step-name { color:#c1c3b5; }
[data-mode=dark] .yb-tour-eyebrow { color:#d9bd7f; }
[data-mode=dark] .yb-tour-example { background:#383b2d; border-color:#5e583e; }
[data-mode=dark] .yb-tour-example span { color:#d7c9a3; }
[data-mode=dark] .yb-tour-secondary { color:#e9e4d6; border-color:#6c6d60; }
[data-mode=dark] .yb-tour-brand { background:#f8f1df; border-radius:8px; mix-blend-mode:normal; }
@keyframes yb-tour-in { from { opacity:0; } to { opacity:1; } }
@media(max-width:640px) { .yb-tour-card { padding:22px; border-radius:18px; } .yb-tour-card h2 { font-size:21px; } .yb-tour-description { font-size:14px; } .yb-tour-launch { min-height:34px; padding:5px 9px; font-size:12px; } }
@media(prefers-reduced-motion:reduce) { .yb-tour-card { animation:none; } }
@media print { .yb-tour-root,.yb-tour-launch { display:none!important; } }