#walkthrough-dialog{--ink:#f2f3e8;--muted:#c5d2c0;--green:#c4d5a9;--line:#b5c6a43d;--pale:#ffffff0c;--surface:#365b49;--gold:#c7b978;color:var(--ink);color-scheme:dark;padding:0;border:0;outline:none;font-family:'DM Sans',sans-serif;overscroll-behavior:contain}
#walkthrough-dialog::backdrop{background:#0c241bcc;backdrop-filter:blur(5px)}
#walkthrough-dialog button:focus-visible{outline:3px solid #d9ca8e;outline-offset:4px}
#walkthrough-dialog .btn{border-radius:12px;background:#ffffff08;border-color:var(--line);color:var(--ink);min-height:44px;font-size:13px;padding:11px 16px}
#walkthrough-dialog .btn.primary{background:#c4d5a9;color:#254635;border-color:#c4d5a9;box-shadow:0 4px 12px #132d211c}
#walkthrough-dialog .btn.quiet{background:transparent;border-color:transparent}
.walkthrough-close{width:44px;height:44px;border:1px solid #becdae25;border-radius:50%;display:grid;place-items:center;flex:none;background:#ffffff08;color:#e5eddf;transition:background .18s}
.walkthrough-close:hover{background:#ffffff18}.walkthrough-close .icon{width:16px;height:16px}
#walkthrough-dialog.walkthrough-home{width:min(740px,calc(100vw - 32px));max-width:740px;max-height:calc(var(--app-height,100dvh) - 32px);border:1px solid #afc29c55;border-radius:26px;background:radial-gradient(ellipse at 0 0,#63816845,transparent 55%),linear-gradient(145deg,#3c6250,#284b3c);box-shadow:0 30px 120px #081d1970;animation:walkthrough-enter .24s ease-out;overflow:auto}
.walkthrough-home-header{display:flex;align-items:center;justify-content:space-between;padding:28px 30px 0}.walkthrough-emblem{display:grid;place-items:center;width:54px;height:54px;border:1px solid #d1dbac55;border-radius:18px;background:#c9d6ab12;color:#d6dfb6}.walkthrough-emblem .icon{width:26px;height:26px}
.walkthrough-home-copy{padding:24px 30px 26px}.walkthrough-home-copy .eyebrow{font-size:10px;color:#d2ddbc;letter-spacing:1.8px}.walkthrough-home-copy h2{font-size:42px;line-height:1.15;margin:10px 0 14px;letter-spacing:-.5px}.walkthrough-home-copy p{font-size:14px;line-height:1.8;color:var(--muted);max-width:540px}.walkthrough-home-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:24px}.walkthrough-home-actions>span{font-size:11px;color:var(--muted)}
.walkthrough-topic-menu{margin:0 30px 26px;border-top:1px solid var(--line)}.walkthrough-topic-menu>summary{display:flex;justify-content:space-between;align-items:center;padding:19px 0;list-style:none;cursor:pointer;font-size:13px;font-weight:600}.walkthrough-topic-menu>summary::-webkit-details-marker{display:none}.walkthrough-topic-menu>summary>.icon{width:15px;height:15px;transform:rotate(90deg);transition:transform .2s}.walkthrough-topic-menu[open]>summary>.icon{transform:rotate(-90deg)}
.walkthrough-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.walkthrough-topics>button{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--line);background:#ffffff04;padding:16px 12px;border-radius:16px;transition:background .2s,border-color .2s,transform .2s}.walkthrough-topics>button:hover{background:#c5d7ae12;border-color:#c5d7ae80;transform:translateY(-2px)}.walkthrough-topic-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#c5d7ae10;color:#c5d7ae;flex:none}.walkthrough-topics strong{display:block;font-size:12px;line-height:1.5}.walkthrough-topics small{display:block;font-size:10px;color:var(--muted);line-height:1.6;margin-top:4px}.walkthrough-topics>button>.icon{margin-left:auto;width:14px;height:14px;color:var(--muted)}
.walkthrough-home-footer{padding:18px 30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:14px}.walkthrough-home-footer>span{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.6;color:var(--muted)}.walkthrough-home-footer .icon{width:16px;height:16px;flex:none}.walkthrough-home-footer>button{min-height:44px;font-size:12px;padding:9px 12px;border-radius:10px;background:#ffffff08;white-space:nowrap}
#walkthrough-dialog.walkthrough-overlay{position:fixed;inset:0;width:100vw;max-width:none;height:var(--app-height,100dvh);max-height:none;margin:0;background:transparent;overflow:hidden}
#walkthrough-dialog.walkthrough-overlay::backdrop{background:transparent;backdrop-filter:none}
.walkthrough-spot{position:fixed;border:2px solid #cbd8af;border-radius:15px;box-shadow:0 0 0 9999px #0a201bcc,0 0 0 5px #c4d5a921;pointer-events:none;transition:top .25s,left .25s,width .25s,height .25s}
.walkthrough-card{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;position:fixed;border:1px solid #baceaa66;border-radius:24px;background:radial-gradient(ellipse at 0 0,#6e886938,transparent 60%),linear-gradient(150deg,#3b6150,#294d3e);box-shadow:0 20px 70px #091e1b80;overflow:hidden;overscroll-behavior:contain;animation:walkthrough-enter .22s ease-out;scrollbar-color:#a9bb9b50 transparent}
.walkthrough-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px 12px}.walkthrough-route{display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:.2px;color:#cdd9bf}.walkthrough-route>.icon{width:16px;height:16px}.walkthrough-progress{display:flex;justify-content:space-between;position:relative;margin:0 24px;padding-bottom:12px;font-size:10px;letter-spacing:.2px;color:var(--muted)}.walkthrough-progress>i{position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px;background:#e8f0d315;overflow:hidden}.walkthrough-progress>i:before{content:'';display:block;width:var(--walkthrough-progress);height:100%;background:#c8d7ae;border-radius:3px;transition:width .2s}
.walkthrough-content{padding:23px 24px 20px;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-color:#a9bb9b50 transparent}.walkthrough-step-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid #c9d6ad44;border-radius:15px;background:#c9d6ad0c;color:#d3dfb9;margin-bottom:17px}.walkthrough-step-icon>.icon{width:23px;height:23px}.walkthrough-content h2{font-size:30px;line-height:1.15;letter-spacing:-.35px;margin:0 0 14px;outline:none}.walkthrough-content p{font-size:14px;line-height:1.85;color:var(--muted);margin:0}.walkthrough-tips{display:flex;flex-direction:column;gap:10px;margin:18px 0 19px}.walkthrough-tips>span{display:flex;align-items:center;gap:10px;font-size:11px;line-height:1.5}.walkthrough-tips b{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;color:#cad9b4;background:#cad9b410;flex:none}.walkthrough-tips .icon{width:12px;height:12px}.walkthrough-locator{display:flex;align-items:center;gap:9px;padding:11px 12px;border-radius:11px;border:1px solid #c7d7ae22;background:#ffffff04;color:var(--muted);font-size:10px;line-height:1.6}.walkthrough-locator strong{font-weight:600;color:var(--ink)}.walkthrough-locator>.icon{width:14px;height:14px;flex:none}
.walkthrough-card>footer{padding:17px 24px 19px;border-top:1px solid var(--line);background:#ffffff03}.walkthrough-controls{display:flex;justify-content:space-between;gap:10px}.walkthrough-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:18px}.walkthrough-skip{font-size:12px;white-space:nowrap;color:var(--muted);padding:4px 0;min-height:44px}.walkthrough-skip:hover{color:var(--ink)}.walkthrough-dots{display:flex;gap:5px;align-items:center}.walkthrough-dots button{width:20px;height:24px;padding:0;display:grid;place-items:center}.walkthrough-dots button:before{content:'';width:5px;height:5px;border-radius:3px;background:#cedaba40;transition:width .18s,background .18s}.walkthrough-dots button[aria-current]:before{width:13px;background:#d4dfba}.walkthrough-dots button:hover:before{background:#d4dfba}
@keyframes walkthrough-enter{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:650px){#walkthrough-dialog.walkthrough-home{border-radius:22px}.walkthrough-home-header{padding:22px 22px 0}.walkthrough-home-copy{padding:22px}.walkthrough-home-copy h2{font-size:33px}.walkthrough-home-copy p{font-size:14px}.walkthrough-home-actions{gap:12px}.walkthrough-home-actions>span{width:100%}.walkthrough-topic-menu{margin:0 22px 22px}.walkthrough-topics{grid-template-columns:1fr}.walkthrough-topics>button{padding:14px}.walkthrough-home-footer{padding:16px 22px}.walkthrough-home-footer>span{font-size:10px}.walkthrough-card{border-radius:22px}.walkthrough-card>header{padding:16px 20px 10px}.walkthrough-progress{margin:0 20px}.walkthrough-content{padding:20px}.walkthrough-content h2{font-size:27px}.walkthrough-content p{font-size:14px;line-height:1.7}.walkthrough-step-icon{margin-bottom:14px;width:40px;height:40px;border-radius:13px}.walkthrough-tips{margin:15px 0}.walkthrough-card>footer{padding:15px 20px 16px}.walkthrough-bottom{gap:7px}.walkthrough-dots{display:none}.walkthrough-dots button{width:14px}}
@media(max-height:620px){.walkthrough-step-icon{display:none}.walkthrough-tips{display:none}.walkthrough-content{padding-top:15px}.walkthrough-content h2{font-size:25px}.walkthrough-content p{font-size:13px}.walkthrough-bottom{margin-top:10px}}
@media(prefers-reduced-motion:reduce){#walkthrough-dialog,#walkthrough-dialog *{animation:none!important;transition:none!important}}

.walkthrough-back{display:flex;transform:rotate(180deg)}

@media(max-height:450px){.walkthrough-bottom{display:none}.walkthrough-card>header{padding-top:10px;padding-bottom:6px}.walkthrough-card>footer{padding-top:10px;padding-bottom:10px}}