.oo-walk { position:fixed; inset:0; z-index:10020; isolation:isolate; --walk-safe-top:env(safe-area-inset-top,0px); --walk-safe-bottom:env(safe-area-inset-bottom,0px); }
.oo-walk-ring { position:fixed; border:2px solid #dfb58b; border-radius:16px; box-shadow:0 0 0 200vmax rgba(0,0,0,.72); pointer-events:none; }
.oo-walk-panel { position:fixed; width:360px; max-width:calc(100vw - 24px); max-height:calc(100dvh - 24px - var(--walk-safe-top) - var(--walk-safe-bottom)); overflow:auto; box-sizing:border-box; padding:22px; border:1px solid #596448; border-radius:22px; background:#20291c; color:#f1ecdf; box-shadow:0 16px 60px #0008; font-family:var(--font-body,sans-serif); outline:none; }
.oo-walk-top { display:flex; gap:12px; align-items:center; justify-content:space-between; }
.oo-walk-brand { font-size:12px; color:#d9bc95; letter-spacing:.04em; }
.oo-walk button { font:inherit; cursor:pointer; }
.oo-walk-skip { background:transparent; color:#d5d6c9; border:0; padding:8px; font-size:13px!important; flex-shrink:0; }
.oo-walk-progress { display:flex; gap:6px; margin:16px 0; }
.oo-walk-progress i { height:3px; flex:1; background:#4a523f; border-radius:2px; }
.oo-walk-progress i.active { background:#dfb58b; }
.oo-walk-count { color:#d9bc95; font-size:12px; }
.oo-walk-panel h2 { font-size:23px; line-height:1.35; margin:8px 0 12px; color:inherit; }
.oo-walk-panel p { font-size:15px; line-height:1.65; margin:0 0 14px; }
.oo-walk-panel .oo-walk-note { font-size:12px; color:#c0c6b5; }
.oo-walk-actions { display:flex; justify-content:space-between; gap:12px; margin-top:20px; }
.oo-walk-back { border:1px solid #667254; border-radius:12px; padding:10px 16px; background:transparent; color:inherit; }
.oo-walk-next { margin-left:auto; border:0; border-radius:12px; padding:12px 18px; background:#dfb58b; color:#201b14; font-weight:700!important; }
.oo-walk button:focus-visible { outline:2px solid #fff; outline-offset:3px; }
@media(max-width:520px) { .oo-walk-panel { padding:18px; border-radius:18px; } .oo-walk-panel h2 { font-size:21px; } }
@media(max-height:500px) { .oo-walk-panel { padding:12px 16px; } .oo-walk-progress { margin:6px 0; } .oo-walk-panel h2 { font-size:18px; margin:4px 0; } .oo-walk-panel p { font-size:13px; margin-bottom:6px; } .oo-walk-panel .oo-walk-note { display:none; } .oo-walk-actions { margin-top:8px; } }