:root{color:#18322a;font-synthesis:none;text-rendering:optimizelegibility;--color-forest:#143e32;--color-page:#eef4f0;--color-accent:#f0c667;--color-text:#18322a;--color-muted:#72817b;--color-surface:#fff;background:#dfe7e2;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{background:var(--color-page);min-width:320px;min-height:100%}body{background:radial-gradient(circle at 16% 6%,#ffffffdb,#0000 27rem),#dfe7e2;min-width:320px;min-height:100dvh;margin:0}button,input{font:inherit}button,input[type=range]{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #e5ad339e}svg{display:block}[hidden]{display:none!important}.guide-stage{place-items:start center;min-height:100dvh;padding:28px 16px 64px;display:grid}.guide-page{width:min(100%,410px);min-height:760px;color:var(--color-text);background:var(--color-page);border:1px solid #1641331a;border-radius:30px;overflow:hidden;box-shadow:0 32px 70px #2340352b,0 4px 14px #23403514}.entry{animation:.24s ease-out both entry-rise;animation-delay:var(--delay,0s)}@keyframes entry-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.guide-header{padding:max(18px, env(safe-area-inset-top)) 20px 24px;color:#f1f7f3;background:var(--color-forest)}.guide-topline{color:#f0f8f3b8;justify-content:space-between;align-items:center;margin-bottom:28px;font-size:12px;font-weight:650;display:flex}.guide-status{align-items:center;gap:7px;display:flex}.guide-status:before{background:var(--color-accent);content:"";border-radius:50%;width:7px;height:7px}.guide-heading{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;display:grid}.guide-kicker{color:var(--color-accent);letter-spacing:.08em;margin:0 0 7px;font-size:12px;font-weight:760}.guide-title{letter-spacing:-.04em;margin:0;font-size:clamp(29px,9vw,34px);line-height:1.15}.guide-index{color:var(--color-accent);white-space:nowrap;font-family:Georgia,Times New Roman,serif;font-size:36px;line-height:1}.guide-index small{color:#f0f8f37a;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:15px}.guide-content{padding:18px 16px 38px}.player{background:var(--color-surface);border:1px solid #2150401a;border-radius:20px;padding:17px;box-shadow:0 12px 30px #24483b1a}.player-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:11px;display:flex}.player-copy{min-width:0}.player-copy strong{color:#203a31;margin-bottom:4px;font-size:16px;line-height:1.4;display:block}.player-copy p{color:#66756f;margin:0;font-size:12px}.play-button{color:#153c30;background:var(--color-accent);border:0;border-radius:14px;flex:none;justify-content:center;align-items:center;gap:8px;min-width:98px;min-height:48px;padding:0 17px;font-size:16px;font-weight:780;transition:transform .15s ease-out,background-color .15s ease-out;display:inline-flex}.play-button:hover{background:#f5ce73}.play-button:active{transform:scale(.97)}.play-button-icon,.play-button-icon svg{width:18px;height:18px}.play-button-icon [data-icon-play]{fill:currentColor;stroke:none}.audio-range{--progress:0%;appearance:none;touch-action:pan-y;background:0 0;width:100%;height:28px;margin:0}.audio-range:disabled{opacity:1}.audio-range::-webkit-slider-runnable-track{background:linear-gradient(90deg, #217356 var(--progress), #d6e2db var(--progress));border-radius:999px;height:5px}.audio-range::-moz-range-track{background:#d6e2db;border-radius:999px;height:5px}.audio-range::-moz-range-progress{background:#217356;border-radius:999px;height:5px}.audio-range::-webkit-slider-thumb{appearance:none;background:#217356;border:3px solid #fff;border-radius:50%;width:19px;height:19px;margin-top:-7px;box-shadow:0 1px 5px #14181640}.audio-range::-moz-range-thumb{background:#217356;border:3px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 5px #14181640}.audio-range:disabled::-webkit-slider-thumb{cursor:default}.time-row{color:var(--color-muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:12px;display:flex}.section-title{justify-content:space-between;align-items:baseline;margin:28px 4px 13px;display:flex}.section-title h2{margin:0;font-size:19px}.section-title span{color:var(--color-muted);font-size:12px}.route-list{gap:4px;display:grid;position:relative}.route-list:before{content:"";background:#cad8d0;width:2px;position:absolute;top:27px;bottom:27px;left:26px}.route-stop{z-index:1;color:#31483f;text-align:left;background:0 0;border:1px solid #0000;border-radius:15px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:66px;padding:8px 10px;display:grid;position:relative}.route-stop:hover{background:#ffffffa6}.route-stop.is-current{background:var(--color-surface);border-color:#275d491f;box-shadow:0 8px 18px #1e493a12}.route-dot{border:5px solid var(--color-page);background:#8da69c;border-radius:50%;justify-self:center;place-items:center;width:20px;height:20px;display:grid;box-shadow:0 0 0 1px #8da69c}.route-stop.is-current .route-dot{border-color:var(--color-surface);background:#e4ae38;width:25px;height:25px;box-shadow:0 0 0 2px #d9a128}.route-copy{min-width:0}.route-stop strong{margin-bottom:3px;font-size:15px;line-height:1.35;display:block}.route-stop small{color:#78867f;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.45;display:block;overflow:hidden}.route-stop-state{color:#9b721e;white-space:nowrap;font-size:11px;font-weight:750}.route-chevron,.route-chevron svg{width:14px;height:14px}.route-hint{color:#63736c;background:#ffffff94;border-radius:13px;margin:18px 5px 0;padding:13px 14px;font-size:12px;line-height:1.6}.state-card{background:var(--color-surface);border:1px solid #2150401a;border-radius:20px;padding:28px 24px;box-shadow:0 12px 30px #24483b1a}.state-mark{width:44px;height:44px;color:var(--color-forest);background:var(--color-accent);border-radius:50%;place-items:center;margin-bottom:20px;display:grid}.state-mark svg{width:22px;height:22px}.state-card h2{color:#203a31;margin:0 0 10px;font-size:22px;line-height:1.35}.state-card p{color:#66756f;margin:0 0 26px;font-size:15px;line-height:1.75}.state-action{min-height:48px;color:var(--color-forest);background:var(--color-accent);border:0;border-radius:14px;justify-content:center;align-items:center;gap:9px;padding:0 18px;font-size:15px;font-weight:750;display:inline-flex}.state-action svg{width:17px;height:17px}.loading-stage{min-height:100dvh;color:var(--color-forest);background:var(--color-page);text-align:center;place-content:center;justify-items:center;gap:14px;padding:32px;display:grid}.loading-mark{border:5px solid #cad8d0;border-top-color:#217356;border-radius:50%;width:30px;height:30px;animation:.7s linear infinite loading-spin}@keyframes loading-spin{to{transform:rotate(1turn)}}.loading-stage p,.loading-stage h1{margin:0}.loading-stage h1{font-size:22px}.error-stage .loading-mark{border-color:#d9a128;animation:none}noscript{color:var(--color-forest);background:var(--color-page);text-align:center;padding:24px;display:block}@media (prefers-reduced-motion:reduce){.entry,.loading-mark{animation:none}.play-button{transition:none}}@media (width<=520px){html,body{background:var(--color-page)}.guide-stage{padding:0;display:block}.guide-page{width:100%;min-height:100dvh;box-shadow:none;border:0;border-radius:0}}@media (width<=350px){.guide-header{padding-inline:16px}.guide-content{padding-inline:12px}.player-head{flex-direction:column;align-items:flex-start}.play-button{width:100%}.section-title{flex-direction:column;align-items:flex-start;gap:4px}}