.app-shell .voice-drill,.app-shell .voice-summary{flex-direction:column;width:100%;min-height:100%;display:flex}.app-shell .voice-bar{border-bottom:1px solid var(--drill-bar-line,var(--vn-line));background:var(--drill-bar-bg,transparent);grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:14px 18px;display:grid}.app-shell .voice-bar__left{align-items:center;gap:10px;min-width:0;display:flex}.app-shell .voice-bar__right{justify-content:flex-end;align-items:center;gap:8px;display:flex}.app-shell .voice-icon-btn{border:1px solid var(--vn-line);background:var(--vn-bg-elev);width:30px;height:30px;color:var(--vn-ink-mid);cursor:pointer;border-radius:8px;flex:none;place-items:center;transition:background .12s,color .12s,border-color .12s;display:grid}.app-shell .voice-icon-btn:hover{background:var(--vn-bg-hover);color:var(--vn-ink)}.app-shell .voice-progress{font-family:var(--vn-mono,monospace);color:var(--vn-ink-muted);justify-content:center;align-items:center;gap:10px;font-size:11px;display:flex}.app-shell .voice-progress .bar{background:var(--vn-line);border-radius:999px;width:120px;height:4px;overflow:hidden}.app-shell .voice-progress .bar>div{background:var(--vn-accent,#6366f1);height:100%;transition:width .3s}.app-shell .voice-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:28px;width:100%;max-width:720px;margin:0 auto;padding:32px 20px 48px;display:flex}.app-shell .voice-card{border:1px solid var(--drill-card-line,var(--vn-line));background:var(--drill-card-bg,var(--vn-bg-elev));width:100%;box-shadow:var(--drill-card-shadow,none);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:18px;padding:32px 28px;display:flex}.app-shell .voice-card__tag{font-family:var(--vn-mono,monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--vn-ink-faint);font-size:10px}.app-shell .voice-prompt{color:var(--vn-ink);font-size:26px;font-weight:700;line-height:1.4}.app-shell .voice-target{color:var(--vn-ink-muted);font-size:13px}.app-shell .voice-model-answer{border-top:1px dashed var(--vn-line);width:100%;color:var(--vn-ink);padding-top:14px;font-size:18px}.app-shell .voice-model-answer__label,.app-shell .voice-transcript__label{font-family:var(--vn-mono,monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--vn-ink-faint);margin-bottom:4px;font-size:10px;display:block}.app-shell .voice-result{border-top:1px solid var(--vn-line);flex-direction:column;gap:12px;width:100%;padding-top:16px;display:flex}.app-shell .voice-transcript{color:var(--vn-ink);font-size:17px}.app-shell .voice-status{border:1px solid var(--vn-line);border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.app-shell .voice-status__head{font-size:15px;font-weight:700}.app-shell .voice-status__fb{color:var(--vn-ink-muted);font-size:13px}.app-shell .voice-status--pass{background:#22c55e14;border-color:#22c55e59}.app-shell .voice-status--near{background:#eab30814;border-color:#eab30859}.app-shell .voice-status--miss{background:#ef444414;border-color:#ef444459}.app-shell .voice-hint{color:var(--vn-ink-muted);font-size:12px}.app-shell .voice-hint--target{color:var(--vn-accent,#6366f1);font-weight:600}.app-shell .voice-error{color:var(--vn-bad,#ef4444);font-size:13px}.app-shell .voice-controls{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.app-shell .voice-mic-btn{background:var(--vn-accent,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:10px;padding:16px 30px;font-size:16px;font-weight:700;transition:transform .1s,opacity .2s;display:inline-flex}.app-shell .voice-mic-btn:hover{transform:scale(1.03)}.app-shell .voice-mic-btn--rec{background:var(--vn-bad,#ef4444);animation:1.4s ease-in-out infinite voicePulse}@keyframes voicePulse{0%,to{box-shadow:0 0 #ef444473}50%{box-shadow:0 0 0 12px #ef444400}}.app-shell .voice-secondary{gap:12px;display:flex}.app-shell .voice-evaluating{color:var(--vn-ink-muted);align-items:center;gap:10px;font-weight:600;display:inline-flex}.app-shell .voice-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.app-shell .voice-act{border:1px solid var(--vn-line);background:var(--vn-bg-elev);color:var(--vn-ink);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:600;display:inline-flex}.app-shell .voice-act:hover{background:var(--vn-bg-hover)}.app-shell .voice-act--primary{background:var(--vn-accent,#6366f1);color:#fff;border-color:#0000}.app-shell .voice-act--good.is-on{background:#22c55e2e;border-color:#22c55e80}.app-shell .voice-act--again.is-on{background:#ef44442e;border-color:#ef444480}.app-shell .voice-judged{flex-direction:column;gap:14px;width:100%;max-width:420px;display:flex}.app-shell .voice-judged .judge{width:100%}.app-shell .judge-btn.is-suggested{box-shadow:0 0 0 2px var(--vn-accent)inset}.app-shell .judge-btn.again.is-suggested{box-shadow:0 0 0 2px var(--vn-bad)inset}.app-shell .voice-judged__secondary{justify-content:center;gap:12px;display:flex}.app-shell .voice-judged .foot-hints{justify-content:center}.app-shell .voice-settings-overlay{z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1218176b;justify-content:flex-end;display:flex;position:fixed;inset:0}.app-shell .voice-settings-panel{background:var(--vn-bg);border-left:1px solid var(--vn-line);flex-direction:column;gap:22px;width:min(380px,100%);height:100%;padding:20px 22px;animation:.18s ease-out voiceSettingsIn;display:flex;overflow-y:auto;box-shadow:-24px 0 60px -30px #0a141299}@keyframes voiceSettingsIn{0%{opacity:.4;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.app-shell .voice-settings-head{justify-content:space-between;align-items:center;display:flex}.app-shell .voice-settings-head h3{margin:0;font-size:15px;font-weight:650}.app-shell .voice-settings-field{flex-direction:column;gap:9px;display:flex}.app-shell .voice-settings-label{color:var(--vn-ink);font-size:13px;font-weight:600}.app-shell .voice-settings-label--row{justify-content:space-between;align-items:center;display:flex}.app-shell .voice-settings-value{font-family:var(--vn-mono,monospace);color:var(--vn-ink-mid);font-size:12px}.app-shell .voice-settings-sub{color:var(--vn-ink-muted);margin:0;font-size:12px;line-height:1.55}.app-shell .voice-seg{background:var(--vn-bg-sunken,var(--vn-bg-elev));border:1px solid var(--vn-line);border-radius:10px;gap:6px;padding:4px;display:flex}.app-shell .voice-seg button{color:var(--vn-ink-mid);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;padding:8px 10px;font-size:13px;font-weight:600;transition:background .12s,color .12s}.app-shell .voice-seg button:hover{color:var(--vn-ink)}.app-shell .voice-seg button.on{background:var(--vn-accent);color:#fff}.app-shell .voice-settings-slider{width:100%;accent-color:var(--vn-accent)}.app-shell .voice-settings-range-ends{font-family:var(--vn-mono,monospace);color:var(--vn-ink-faint);justify-content:space-between;font-size:10.5px;display:flex}.app-shell .voice-card{position:relative}.app-shell .voice-card[data-swipe-active=true]{-webkit-user-select:none;user-select:none}.app-shell .voice-swipe-hint{display:none}@media (max-width:640px){.app-shell .voice-bar{gap:8px;padding:12px}.app-shell .voice-bar .drill-mode-pill{display:none}.app-shell .voice-progress .bar{width:84px}.app-shell .voice-swipe-hint{font-family:var(--vn-mono,monospace);letter-spacing:.04em;color:var(--vn-ink-faint);justify-content:center;gap:10px;font-size:10.5px;display:flex}}.app-shell .voice-summary__body{flex-direction:column;gap:24px;width:100%;max-width:760px;margin:0 auto;padding:24px 20px 60px;display:flex}.app-shell .voice-summary__stats{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.app-shell .voice-stat{border:1px solid var(--vn-line);background:var(--vn-bg-elev);border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:4px;min-width:90px;padding:16px 12px;display:flex}.app-shell .voice-stat b{font-size:24px}.app-shell .voice-stat span{color:var(--vn-ink-muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.app-shell .voice-clear-state{border:1px solid var(--vn-line);background:var(--vn-bg-elev);border-left-width:4px;border-left-color:#eab308;border-radius:10px;padding:12px 16px}.app-shell .voice-clear-state.is-cleared{border-left-color:#22c55e}.app-shell .voice-clear-state p{color:var(--vn-ink);align-items:center;gap:8px;font-size:14px;line-height:1.6;display:flex}.app-shell .voice-focus{border:1px solid var(--vn-line);background:var(--vn-bg-elev);border-radius:12px;padding:16px 20px}.app-shell .voice-focus h3{text-transform:uppercase;letter-spacing:.08em;color:var(--vn-ink-muted);margin-bottom:10px;font-size:13px}.app-shell .voice-focus ul{flex-direction:column;gap:6px;padding-left:20px;font-size:14px;list-style:outside;display:flex}.app-shell .voice-review{flex-direction:column;gap:12px;display:flex}.app-shell .voice-review__item{border:1px solid var(--vn-line);border-left-width:4px;border-radius:10px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.app-shell .voice-review__item.voice-status--pass{border-left-color:#22c55e}.app-shell .voice-review__item.voice-status--near{border-left-color:#eab308}.app-shell .voice-review__item.voice-status--miss{border-left-color:#ef4444}.app-shell .voice-review__ja{font-size:16px;font-weight:700}.app-shell .voice-review__row{color:var(--vn-ink);font-size:14px}.app-shell .voice-review__row span{min-width:96px;font-family:var(--vn-mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--vn-ink-faint);margin-right:8px;font-size:10px;display:inline-block}.app-shell .voice-review__fb{color:var(--vn-ink-muted);margin-top:4px;font-size:13px}.app-shell .voice-summary__actions{flex-direction:column;gap:10px;display:flex}.app-shell .voice-summary__actions .voice-act{justify-content:center}.app-shell .voice-interlude{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;min-height:100%;padding:32px 20px;display:flex}.app-shell .voice-interlude__count{color:var(--vn-ink);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:600}.app-shell .voice-interlude__note{color:var(--vn-ink-muted);max-width:28em;font-size:.875rem}.app-shell .voice-interlude__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:6px;display:flex}
.app-shell.sk-page{--sk-skipped:#8065a3;--sk-star:#d8a13c;--sk-ink-cleared:color-mix(in srgb,var(--vn-good)62%,var(--vn-ink));--sk-ink-skipped:color-mix(in srgb,var(--sk-skipped)72%,var(--vn-ink));--sk-ink-progress:color-mix(in srgb,var(--vn-due)58%,var(--vn-ink));--sk-region-a1:#5f9f86;--sk-region-a2:#d4a05e;--sk-region-b1:#57a0ac;--sk-region-b2:#8c85b8;--sk-region-c1:#6d7ea8;--sk-region-c2:#a67f9c;--sk-region-other:#94a09c;padding-bottom:96px}.dark .app-shell.sk-page{--sk-skipped:#b49add;--sk-star:#edc069;--sk-region-a1:#79bda2;--sk-region-a2:#e2b578;--sk-region-b1:#74b9c5;--sk-region-b2:#a49ed0;--sk-region-c1:#8a9ac4;--sk-region-c2:#c095b6;--sk-region-other:#a8b3af}.app-shell .sk-page__inner{width:100%;max-width:68rem;margin:0 auto;padding:0 20px}.app-shell.sk-page--immersive{padding-bottom:24px}.app-shell.sk-page--immersive .sk-page__inner{max-width:96rem;padding-inline:clamp(12px,2vw,28px)}.app-shell .sk-journey-progress{width:fit-content;max-width:100%;font-family:var(--vn-mono);filter:drop-shadow(0 1px 2px color-mix(in srgb,var(--vn-bg)72%,transparent));align-items:center;gap:10px;margin:0 auto 4px;display:flex}.app-shell .sk-journey-progress__level{color:var(--vn-accent);letter-spacing:.04em;flex-shrink:0;font-size:.7rem;font-weight:700}.app-shell .sk-journey-progress__track{background:color-mix(in srgb,var(--vn-ink)22%,transparent);width:clamp(120px,22vw,220px);max-width:none;height:6px;box-shadow:0 1px 3px color-mix(in srgb,var(--vn-bg)58%,transparent);flex-shrink:0}.app-shell .sk-journey-progress__track .sh-progress__bar--clear{background:color-mix(in srgb,var(--vn-accent)78%,white)}.app-shell .sk-journey-progress__count{color:var(--vn-ink-mid);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.74rem}.app-shell .sk-notice{color:var(--vn-ink-muted);margin:8px 0 4px;font-size:.85rem;line-height:1.6}.app-shell .sk-plaza-nudge{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:8px 0 4px;padding:2px 2px 4px;display:flex}.app-shell .sk-plaza-nudge__note{color:var(--vn-ink-mid);font-size:.85rem}.app-shell .sk-plaza-nudge__link{min-height:32px;color:var(--vn-accent);text-underline-offset:3px;align-items:center;gap:6px;padding:0 2px;font-size:.87rem;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.app-shell .sk-plaza-nudge__link:hover{text-decoration-thickness:2px}.app-shell .sk-summary__eyebrow{color:var(--vn-ink-mid);font-family:var(--vn-mono);letter-spacing:.04em;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:12px;font-size:.72rem;display:flex}.app-shell .sk-summary__level{border:1px solid color-mix(in srgb,var(--vn-accent)38%,var(--vn-line));color:var(--vn-accent);border-radius:999px;padding:2px 7px;font-weight:700}.app-shell .sh-summary__body p.sk-summary__destination{color:var(--vn-ink-mid);align-items:center;gap:6px;margin:8px 0 9px;font-size:.8rem;font-weight:600;display:flex}.app-shell .sk-progress-summary{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:8px;display:grid}.app-shell .sk-progress-summary .sh-progress{width:100%;max-width:none}.app-shell .sk-progress-summary__count{color:var(--vn-ink-mid);font-family:var(--vn-mono);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.78rem}.app-shell .sk-summary__reset{border:1px solid #0000;border-radius:9px;justify-content:center;align-self:stretch;min-width:34px;padding:0 7px}.app-shell .sk-summary__reset:hover{border-color:color-mix(in srgb,var(--vn-bad)30%,transparent);text-decoration:none}.app-shell .sh-summary.sk-summary--menu{background:0 0;border:0;border-radius:0;margin:0;padding:0;display:block}.app-shell .sh-summary.sk-summary--menu .sk-summary__eyebrow{margin-bottom:8px}.app-shell .sh-summary.sk-summary--menu .sh-stats{gap:6px 12px}.app-shell .sk-frontier-anchor{height:1px}.app-shell .sk-map{flex-direction:column;gap:28px;margin-top:20px;display:flex}.app-shell .sk-level__head{border-bottom:1px solid var(--vn-line-soft);justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:8px;display:flex}.app-shell .sk-level__title{font-family:var(--vn-serif);color:var(--vn-ink);font-size:1.15rem;font-weight:700}.app-shell .sk-level__count{color:var(--vn-ink-muted);font-size:.8rem}.app-shell .sk-level__nodes{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.app-shell .sk-level__node{padding-left:4px;position:relative}.app-shell .sk-level__node:not(:last-child):before{content:"";background:var(--vn-line);width:2px;position:absolute;top:42px;bottom:-6px;left:22px}.app-shell .sk-node{text-align:left;border:1px solid var(--vn-line);background:var(--vn-bg-card);width:100%;color:var(--vn-ink);border-radius:12px;align-items:flex-start;gap:14px;margin:6px 0;padding:14px 16px;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;position:relative}.app-shell .sk-node:not(:disabled):hover{border-color:var(--vn-accent);transform:translateY(-1px);box-shadow:0 6px 18px #00000014}.app-shell .sk-node:disabled{cursor:default;opacity:.62}.app-shell .sk-node--locked{background:var(--vn-bg-side)}.app-shell .sk-node--cleared .sk-node__marker{background:var(--vn-good);border-color:var(--vn-good);color:#fff}.app-shell .sk-node--skipped{border-color:color-mix(in srgb,var(--sk-skipped)38%,var(--vn-line));background:color-mix(in srgb,var(--sk-skipped)7%,var(--vn-bg-card))}.app-shell .sk-node--skipped .sk-node__marker{background:var(--sk-skipped);border-color:var(--sk-skipped);color:#fff}.app-shell .sk-node--in-progress .sk-node__marker{background:var(--vn-due);border-color:var(--vn-due);color:#fff}.app-shell .sk-node--available .sk-node__marker{border-color:var(--vn-accent);color:var(--vn-accent)}.app-shell .sk-node.is-next{border-color:var(--vn-accent);box-shadow:0 0 0 2px var(--vn-accent-soft)}.app-shell .sk-node--branch{border-style:dashed;width:calc(100% - 34px);margin-left:34px}.app-shell .sk-node__marker{border:1px solid var(--vn-line);background:var(--vn-bg-elev);width:34px;height:34px;color:var(--vn-ink-muted);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:inline-flex}.app-shell .sk-node__body{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.app-shell .sk-node__title{font-weight:700;line-height:1.35}.app-shell .sk-node__pattern{font-family:var(--vn-mono);color:var(--vn-accent);font-size:.82rem}.app-shell .sk-node__example{color:var(--vn-ink-mid);font-size:.85rem}.app-shell .sk-node__meta{color:var(--vn-ink-mid);flex-wrap:wrap;gap:10px;margin-top:2px;font-size:.75rem;display:flex}.app-shell .sk-node__tag{border:1px solid var(--vn-line);border-radius:999px;padding:1px 8px}.app-shell .sk-node__state--cleared{color:var(--sk-ink-cleared)}.app-shell .sk-node__state--skipped{color:var(--sk-ink-skipped)}.app-shell .sk-node__state--in-progress{color:var(--sk-ink-progress)}.app-shell .sk-node__go{color:var(--vn-accent);flex:none;align-self:center}.app-shell .sk-node-row{position:relative}.app-shell .sk-node-row--starrable .sk-node{padding-right:46px}.app-shell .sk-node__star,.app-shell .sk-map3d__star{width:30px;height:30px;color:var(--vn-ink-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;transition:color .15s,background-color .15s;display:inline-flex}.app-shell .sk-node__star{position:absolute;top:14px;right:8px}.app-shell .sk-node__star:hover,.app-shell .sk-map3d__star:hover{background:color-mix(in srgb,var(--vn-accent)12%,transparent);color:var(--vn-accent)}.app-shell .sk-node__star.is-on,.app-shell .sk-map3d__star.is-on{color:var(--sk-star)}.app-shell .sk-map3d__panel-titlerow{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.app-shell .sk-map3d__panel-titlerow .sk-map3d__panel-title{flex:auto;min-width:0}.app-shell .sk-map3d__star{flex:none;margin-top:-2px}.app-shell .sk-empty{border:1px dashed var(--vn-line);color:var(--vn-ink-mid);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:10px;margin-top:40px;padding:40px 20px;display:flex}.app-shell .sk-empty__hint{color:var(--vn-ink-mid);font-size:.85rem}.app-shell .sk-tree-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:20px;display:grid}.app-shell .sk-tree-card{text-align:left;border:1px solid var(--vn-line);background:var(--vn-bg-card);color:var(--vn-ink);border-radius:14px;flex-direction:column;gap:6px;padding:18px;display:flex}.app-shell .sk-tree-card:hover{border-color:var(--vn-accent)}.app-shell .sk-tree-card__title{font-weight:700}.app-shell .sk-tree-card__desc,.app-shell .sk-tree-card__meta{color:var(--vn-ink-muted);font-size:.82rem}.app-shell .sk-world-stage{z-index:0;isolation:isolate;background:var(--vn-bg-side);position:fixed;inset:0;overflow:hidden}.app-shell .sk-world-stage[data-phase=lesson] .sk-map3d__canvas,.app-shell .sk-world-stage[data-phase=drill] .sk-map3d__canvas{cursor:default;pointer-events:none}.app-shell.sk-page--immersive .sk-page__inner{z-index:1;pointer-events:none;padding-top:10px;position:relative}.app-shell.sk-page--immersive .vn-top,.app-shell.sk-page--immersive .vn-crumbs,.app-shell.sk-page--immersive .vn-seg{pointer-events:none}.app-shell.sk-page--immersive .vn-crumbs>*,.app-shell.sk-page--immersive .vn-seg__btn,.app-shell.sk-page--immersive .vn-mode-select,.app-shell.sk-page--immersive .vn-top-actions,.app-shell.sk-page--immersive .sk-notice,.app-shell.sk-page--immersive .sk-plaza-nudge__link{pointer-events:auto}.app-shell.sk-page--immersive .sk-journey-progress{padding:5px 0}.app-shell.sk-page--immersive .sk-plaza-nudge{background:color-mix(in srgb,var(--vn-bg-card)82%,transparent);-webkit-backdrop-filter:blur(12px)saturate(115%);backdrop-filter:blur(12px)saturate(115%);border-radius:10px;width:fit-content;max-width:100%;padding:6px 14px}.app-shell .sk-world-stage .sk-map3d{--sk-sky-top:#a8cec6;--sk-sky-mid:#dfe8da;--sk-sky-horizon:#f1e8d7;--sk-sky-glow:#ffecc69e;--sk-sky-disc:color-mix(in srgb,var(--sk-sky-glow)62%,#fff);--sk-sky-disc-size:38px;margin:0;display:block;position:absolute;inset:0}.app-shell .sk-world-stage .sk-map3d--a2{--sk-sky-top:#eaba8a;--sk-sky-mid:#e8d3b4;--sk-sky-horizon:#f5ead8;--sk-sky-glow:#ffdca8b8}.app-shell .sk-world-stage .sk-map3d--b1{--sk-sky-top:#79bde7;--sk-sky-mid:#b0d9eb;--sk-sky-horizon:#c1dfeb;--sk-sky-glow:#fff2d694}.app-shell .sk-world-stage .sk-map3d--b2{--sk-sky-top:#9c93bd;--sk-sky-mid:#d0c1cf;--sk-sky-horizon:#eedbc9;--sk-sky-glow:#ffdbc49e}.app-shell .sk-world-stage .sk-map3d--c1,.app-shell .sk-world-stage .sk-map3d--c2{--sk-sky-top:#6b7ea6;--sk-sky-mid:#b4bdd2;--sk-sky-horizon:#e8ddcf;--sk-sky-glow:#ffe2c48c}.dark .app-shell .sk-world-stage .sk-map3d{--sk-sky-top:#101d1c;--sk-sky-mid:#1f2f2b;--sk-sky-horizon:#34423b;--sk-sky-glow:#78b4a038;--sk-sky-disc:color-mix(in srgb,var(--sk-sky-glow)30%,#e6efe9);--sk-sky-disc-size:26px}.dark .app-shell .sk-world-stage .sk-map3d--a2{--sk-sky-top:#221912;--sk-sky-mid:#3d2c22;--sk-sky-horizon:#584333;--sk-sky-glow:#d6945242}.dark .app-shell .sk-world-stage .sk-map3d--b1{--sk-sky-top:#101f43;--sk-sky-mid:#1b345b;--sk-sky-horizon:#354f72;--sk-sky-glow:#78becd38}.dark .app-shell .sk-world-stage .sk-map3d--b2,.dark .app-shell .sk-world-stage .sk-map3d--c1,.dark .app-shell .sk-world-stage .sk-map3d--c2{--sk-sky-top:#161622;--sk-sky-mid:#2b283a;--sk-sky-horizon:#4a4051;--sk-sky-glow:#aa96d238}.app-shell .sk-map3d__canvas-wrap{inset:0;top:calc(-1*var(--sk-world-lift,0px));border-radius:inherit;background:radial-gradient(circle var(--sk-sky-disc-size,46px)at 78% 7%,var(--sk-sky-disc)0%,var(--sk-sky-disc)62%,transparent 100%),radial-gradient(70% 52% at 78% 4%,var(--sk-sky-glow)0%,transparent 68%),linear-gradient(180deg,var(--sk-sky-top)0%,var(--sk-sky-mid)43%,var(--sk-sky-horizon)68%,transparent 100%);touch-action:none;border:0;height:auto;position:absolute;overflow:hidden}.app-shell .sk-map3d__canvas-wrap:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 42%,#0000 16%,#101f1c0d 82%),linear-gradient(#ffffff14,#0000 30%,#0d1c1914);position:absolute;inset:0}.app-shell .sk-map3d__canvas{z-index:0;cursor:grab;width:100%;height:100%;display:block;position:relative}.app-shell .sk-map3d__canvas:active{cursor:grabbing}.app-shell .sk-map3d__horizon{z-index:3;background:color-mix(in srgb,var(--vn-bg-elev)68%,transparent);min-width:9rem;color:var(--vn-ink-mid);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;border:1px solid #ffffff59;border-radius:12px;flex-direction:column;align-items:center;padding:8px 12px;line-height:1.2;display:flex;position:absolute;top:clamp(9.5rem,22%,12.5rem);left:50%;transform:translate(-50%);box-shadow:0 8px 28px #111d1b1a}.app-shell .sk-map3d__horizon-kicker{color:var(--vn-accent);letter-spacing:.08em;align-items:center;gap:4px;margin-bottom:3px;font-size:.65rem;display:inline-flex}.app-shell .sk-map3d__horizon strong{font-family:var(--vn-serif);font-size:.88rem}.app-shell .sk-map3d__horizon-meta{color:var(--vn-ink-muted);align-items:baseline;gap:6px;margin-top:2px;font-size:.65rem;display:flex}.app-shell .sk-map3d__panel{z-index:5;border:1px solid color-mix(in srgb,var(--vn-line)76%,transparent);background:color-mix(in srgb,var(--vn-bg-card)88%,transparent);-webkit-backdrop-filter:blur(17px)saturate(118%);backdrop-filter:blur(17px)saturate(118%);border-radius:17px;flex-direction:column;gap:9px;width:min(25rem,100% - 40px);max-height:calc(100% - 190px);padding:18px;display:flex;position:absolute;bottom:20px;right:20px;overflow:auto;box-shadow:0 18px 48px #12201c29}.app-shell .sk-map3d__walker-home{color:var(--vn-accent);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;justify-content:center;align-self:flex-start;align-items:center;gap:5px;font-size:.74rem;text-decoration:underline;display:inline-flex}.app-shell .sk-map3d__panel-head{color:var(--vn-ink-muted);flex-wrap:wrap;gap:8px;font-size:.75rem;display:flex}.app-shell .sk-map3d__panel--gate{border-color:color-mix(in srgb,var(--vn-accent)46%,var(--vn-line));box-shadow:0 18px 48px #12201c29,inset 3px 0 0 var(--vn-accent)}.app-shell .sk-map3d__gate-head{border-bottom:1px solid color-mix(in srgb,var(--vn-line)62%,transparent);font-family:var(--vn-mono);letter-spacing:.04em;color:var(--vn-ink-mid);flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:8px;font-size:.72rem;display:flex}.app-shell .sk-map3d__gate-mark{background:var(--vn-bg-elev);width:24px;height:24px;color:var(--vn-ink-muted);border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.app-shell .sk-map3d__gate-head--available .sk-map3d__gate-mark{background:var(--vn-accent);color:#fff}.app-shell .sk-map3d__gate-kicker{color:var(--vn-ink);font-weight:700}.app-shell .sk-map3d__gate-where{font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto}.app-shell .sk-map3d__panel-title{font-family:var(--vn-serif);margin:0;font-size:1.2rem;font-weight:700;line-height:1.35}.app-shell .sk-map3d__panel-summary,.app-shell .sk-map3d__panel-pattern,.app-shell .sk-map3d__panel-example,.app-shell .sk-map3d__panel-empty,.app-shell .sk-map3d__locked-note{margin:0}.app-shell .sk-map3d__panel-summary{color:var(--vn-ink-muted);font-size:.8rem;line-height:1.55}.app-shell .sk-map3d__panel-pattern{font-family:var(--vn-mono);color:var(--vn-accent);font-size:.85rem}.app-shell .sk-map3d__panel-example,.app-shell .sk-map3d__panel-empty{color:var(--vn-ink-mid);font-size:.86rem}.app-shell .sk-map3d__locked-note{background:color-mix(in srgb,var(--vn-bg-side)72%,transparent);color:var(--vn-ink-muted);border-radius:10px;padding:10px 12px;font-size:.8rem}.app-shell .sk-map3d__start{width:100%;margin-top:3px}.app-shell .sk-map3d__skip,.app-shell .sk-dest__skip{color:var(--vn-ink-mid);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;font-size:.78rem;text-decoration:underline;display:inline-flex}.app-shell .sk-map3d__skip:hover,.app-shell .sk-dest__skip:hover{color:var(--sk-skipped)}@media (max-width:767px){.app-shell.sk-page--immersive .sk-page__inner{padding-inline:8px}.app-shell .sk-map3d{--sk-world-lift:24dvh}.app-shell .sk-map3d__horizon{top:calc(12.5rem + var(--sk-world-lift,0px));padding:6px 10px}.app-shell .sk-map3d__panel{border-radius:15px;width:auto;max-height:42%;padding:15px;bottom:10px;left:10px;right:10px}.app-shell .sk-map3d__panel-title{font-size:1.05rem}}@media (max-width:359px){.app-shell .sk-header-controls{gap:4px}.app-shell .sk-header-controls .vn-seg__btn{gap:4px;padding-inline:8px}}.app-shell .sk-journey{flex-direction:column;gap:18px;margin-top:20px;padding-left:26px;display:flex;position:relative}.app-shell .sk-journey:before{content:"";background:linear-gradient(180deg,var(--vn-good),var(--vn-accent)42%,var(--vn-line)62%);border-radius:2px;width:2px;position:absolute;top:8px;bottom:8px;left:9px}.app-shell .sk-journey__section-title{color:var(--vn-ink-mid);align-items:center;gap:6px;margin-bottom:10px;font-size:.82rem;font-weight:700;display:flex}.app-shell .sk-journey__past-toggle{color:var(--vn-ink-mid);align-items:center;gap:6px;font-size:.82rem;display:inline-flex}.app-shell .sk-journey__past-toggle:hover{color:var(--vn-ink)}.app-shell .sk-journey__chevron{transition:transform .15s}.app-shell .sk-journey__chevron.is-open{transform:rotate(180deg)}.app-shell .sk-journey__here{color:var(--vn-ink-mid);align-items:center;gap:10px;font-size:.88rem;display:flex;position:relative}.app-shell .sk-journey__here-marker{background:var(--vn-bg);width:20px;height:20px;color:var(--vn-good);border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;left:-26px}.app-shell .sk-clearing{border:1px solid var(--vn-accent);background:var(--vn-bg-card);box-shadow:0 0 0 4px var(--vn-accent-soft);border-radius:16px;flex-direction:column;gap:10px;padding:20px 22px 18px;display:flex;position:relative}.app-shell .sk-clearing:before{content:"";border:3px solid var(--vn-accent);background:var(--vn-bg);border-radius:999px;width:20px;height:20px;position:absolute;top:26px;left:-26px}.app-shell .sk-clearing__head{color:var(--vn-ink-mid);flex-wrap:wrap;align-items:center;gap:8px;font-size:.75rem;display:flex}.app-shell .sk-clearing__badge{background:var(--vn-accent);color:#fff;border-radius:999px;padding:2px 10px;font-weight:700}.app-shell .sk-clearing__count{font-variant-numeric:tabular-nums;margin-left:auto}.app-shell .sk-clearing__hint{color:var(--vn-ink-mid);font-size:.85rem;line-height:1.6}.app-shell .sk-clearing__progress{margin:2px 0 4px}.app-shell .sk-clearing__nodes .sk-level__node:before{display:none}.app-shell .sk-clearing__skip{margin:0 0 8px 56px}.app-shell .sk-gate--outside{margin-top:16px;position:relative}.app-shell .sk-gate--outside:before{content:"";border:3px solid var(--vn-line);background:var(--vn-bg);border-radius:999px;width:12px;height:12px;margin-top:-6px;position:absolute;top:50%;left:-22px}.app-shell .sk-gate--outside.sk-gate--ready:before{border-color:var(--vn-accent)}.app-shell .sk-gate{border:1px dashed var(--vn-line);background:var(--vn-bg-elev);border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;margin-top:4px;padding:16px 18px;display:flex}.app-shell .sk-gate--ready{border-style:solid;border-color:var(--vn-accent);background:var(--vn-accent-soft)}.app-shell .sk-gate__icon{background:var(--vn-bg-card);width:34px;height:34px;color:var(--vn-ink-muted);border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.app-shell .sk-gate--ready .sk-gate__icon{background:var(--vn-accent);color:#fff}.app-shell .sk-gate__body{flex-direction:column;flex:12rem;gap:3px;min-width:10rem;display:flex}.app-shell .sk-gate__title{font-size:.98rem;font-weight:700}.app-shell .sk-gate__note{color:var(--vn-ink-mid);font-size:.78rem;line-height:1.55}.app-shell .sk-gate__cta{flex:none;padding:10px 20px}.app-shell .sk-portal{text-align:left;border:1px dashed color-mix(in srgb,var(--vn-accent)45%,var(--vn-line));background:color-mix(in srgb,var(--vn-accent)5%,var(--vn-bg-card));width:100%;color:var(--vn-ink);border-radius:12px;align-items:flex-start;gap:14px;margin:6px 0;padding:14px 16px;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}.app-shell .sk-portal:not(:disabled):hover{border-color:var(--vn-accent);transform:translateY(-1px);box-shadow:0 6px 18px #00000014}.app-shell .sk-portal:disabled{cursor:default;opacity:.62;background:var(--vn-bg-side);border-style:solid}.app-shell .sk-portal__marker{border:1px solid color-mix(in srgb,var(--vn-accent)55%,var(--vn-line));background:var(--vn-bg-elev);width:34px;height:34px;color:var(--vn-accent);border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.app-shell .sk-portal__body{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.app-shell .sk-portal__title{font-weight:700;line-height:1.35}.app-shell .sk-portal__summary{color:var(--vn-ink-mid);font-size:.85rem;line-height:1.6}.app-shell .sk-portal__meta{color:var(--vn-ink-mid);flex-wrap:wrap;align-items:center;gap:10px;margin-top:2px;font-size:.75rem;display:flex}@media (max-width:640px){.app-shell .sk-clearing{padding:16px 14px 14px}.app-shell .sk-clearing__skip{margin-left:0}.app-shell .sk-gate__cta{width:100%}}.app-shell .sh-stat__skip-icon{width:12px;height:12px;color:var(--sk-skipped)}.app-shell .sk-journey__ahead-list,.app-shell .sk-journey__milestone-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.app-shell .sk-journey__ahead-item{border:1px solid var(--vn-line-soft);background:var(--vn-bg-side);color:var(--vn-ink-mid);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.app-shell .sk-journey__ahead-step{border:1px dashed var(--vn-line);border-radius:999px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;font-weight:700;display:inline-flex}.app-shell .sk-journey__ahead-body{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.app-shell .sk-journey__ahead-title{font-size:.92rem;font-weight:600}.app-shell .sk-journey__ahead-state{color:var(--vn-ink-mid);flex:none;font-size:.72rem}.app-shell .sk-journey__milestone{border:1px dashed var(--vn-line);color:var(--vn-ink-muted);border-radius:12px;align-items:center;gap:10px;padding:10px 14px;display:flex}.app-shell .sk-journey__milestone-level{font-family:var(--vn-serif);color:var(--vn-ink-mid);font-weight:700}.app-shell .sk-journey__milestone-count{margin-left:auto;font-size:.75rem}.app-shell .sk-journey__milestones .sk-empty__hint{margin-top:10px}.app-shell .sk-journey__done{border:1px solid var(--vn-good);background:var(--vn-bg-card);color:var(--sk-ink-cleared);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:32px 20px;display:flex}.app-shell .sk-journey__done .sk-empty__hint{color:var(--vn-ink-mid)}.app-shell .sk-lesson{z-index:1000;background:var(--vn-bg);color:var(--vn-ink);justify-content:center;align-items:flex-start;padding:24px 16px 48px;display:flex;position:fixed;inset:0;overflow-y:auto}.app-shell .sk-lesson__card{border:1px solid var(--vn-line);background:var(--vn-bg-card);border-radius:18px;flex-direction:column;width:100%;max-width:34rem;margin:auto;padding:22px;display:flex}@media (min-width:768px){.app-shell .sk-lesson__card{padding:32px}}.app-shell .sk-lesson__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.app-shell .sk-lesson__eyebrow{color:var(--vn-ink-mid);flex-wrap:wrap;align-items:center;gap:8px;font-size:.78rem;font-weight:600;display:flex}.app-shell .sk-lesson__category{color:var(--vn-ink-muted);font-weight:500}.app-shell .sk-lesson__close{border:1px solid var(--vn-line);width:32px;height:32px;color:var(--vn-ink-muted);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.app-shell .sk-lesson__close:hover{border-color:var(--vn-accent);color:var(--vn-accent)}.app-shell .sk-lesson__pips{gap:6px;margin:18px 0 0;padding:0;list-style:none;display:flex}.app-shell .sk-lesson__pip{background:var(--vn-line);border-radius:999px;flex:1 1 0;height:4px}.app-shell .sk-lesson__pip.is-on{background:var(--vn-accent)}.app-shell .sk-lesson__body{flex-direction:column;gap:16px;min-height:15rem;margin:22px 0 0;display:flex}.app-shell .sk-lesson__title{font-family:var(--vn-serif);font-size:1.5rem;font-weight:700;line-height:1.35}.app-shell .sk-lesson__lede{color:var(--vn-ink-mid);font-size:1rem;line-height:1.7}.app-shell .sk-lesson__pattern{background:var(--vn-bg-elev);color:var(--vn-accent);font-family:var(--vn-mono);border-radius:12px;padding:12px 16px;font-size:1.05rem;font-weight:600}.app-shell .sk-lesson__points{flex-direction:column;gap:8px;margin:0;padding-left:1.2rem;font-size:.94rem;line-height:1.6;list-style:outside;display:flex}.app-shell .sk-lesson__points li{list-style:inherit}.app-shell .sk-lesson__caution{border-left:3px solid var(--vn-due);background:var(--vn-bg-elev);color:var(--vn-ink-mid);border-radius:0 8px 8px 0;padding:10px 14px;font-size:.88rem}.app-shell .sk-lesson__sentence{align-items:baseline;gap:8px;display:inline-flex}.app-shell .sk-lesson__sentence-text{font-size:1.35rem;font-weight:600;line-height:1.6}.app-shell .sk-lesson__mark{color:var(--vn-accent);box-shadow:inset 0 -.4em 0 var(--vn-accent-soft);font-style:normal}.app-shell .sk-lesson__speak{color:var(--vn-ink-muted);align-self:center}.app-shell .sk-lesson__speak:hover{color:var(--vn-accent)}.app-shell .sk-lesson__examples{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.app-shell .sk-lesson__example{flex-direction:column;gap:4px;display:flex}.app-shell .sk-lesson__example-ja{color:var(--vn-ink-mid);font-size:.9rem}.app-shell .sk-lesson__phonetics{color:var(--vn-ink-mid);flex-wrap:wrap;gap:10px;font-size:.78rem;display:flex}.app-shell .sk-lesson__contrast{grid-template-columns:1fr;gap:12px;display:grid}@media (min-width:560px){.app-shell .sk-lesson__contrast{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}}.app-shell .sk-lesson__contrast-item{border:1px solid var(--vn-line);background:var(--vn-bg-elev);border-radius:12px;flex-direction:column;gap:6px;padding:14px;display:flex}.app-shell .sk-lesson__contrast-label{color:var(--vn-accent);font-size:1.2rem;font-weight:700}.app-shell .sk-lesson__contrast-form{font-family:var(--vn-mono);color:var(--vn-ink-mid);font-size:.82rem}.app-shell .sk-lesson__contrast-meaning{font-size:.92rem;line-height:1.6}.app-shell .sk-lesson__contrast-example .sk-lesson__sentence-text{font-size:1.1rem}.app-shell .sk-lesson__takeaway{background:var(--vn-accent-soft);border-radius:12px;padding:12px 14px;font-size:.92rem;line-height:1.6}.app-shell .sk-lesson__build-prompt{font-size:1.05rem;font-weight:600}.app-shell .sk-lesson__chunks{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.app-shell .sk-lesson__chunk{border:1px dashed var(--vn-line);text-align:center;min-width:2.6rem;color:var(--vn-ink-mid);border-radius:10px;padding:8px 12px;font-size:1.15rem}.app-shell .sk-lesson__chunk.is-on{border-style:solid;border-color:var(--vn-accent);background:var(--vn-bg-elev);color:var(--vn-ink);font-weight:600}.app-shell .sk-lesson__reveal{align-self:flex-start}.app-shell .sk-lesson__build-answer{margin:0}.app-shell .sk-lesson__explanation{color:var(--vn-ink-mid);font-size:.92rem;line-height:1.65}.app-shell .sk-lesson__choices{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.app-shell .sk-lesson__choice{border:1px solid var(--vn-line);background:var(--vn-bg-card);width:100%;color:var(--vn-ink);text-align:left;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;font-size:1.1rem;display:flex}.app-shell .sk-lesson__choice:not(:disabled):hover{border-color:var(--vn-accent)}.app-shell .sk-lesson__choice.is-correct{border-color:var(--vn-good);color:var(--vn-good)}.app-shell .sk-lesson__choice.is-wrong{border-color:var(--vn-line);color:var(--vn-ink-mid);text-decoration:line-through}.app-shell .sk-lesson__note{color:var(--vn-ink-mid);margin-top:18px;font-size:.78rem}.app-shell .sk-lesson__scenes{border-top:1px solid var(--vn-line-soft);margin-top:20px;padding-top:16px}.app-shell .sk-lesson__scenes+.sk-lesson__scenes{border-top:none;margin-top:14px;padding-top:0}.app-shell .sk-lesson__scenes-title{color:var(--vn-ink-mid);margin:0 0 8px;font-size:.78rem;font-weight:600}.app-shell .sk-lesson__scenes-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.app-shell .sk-lesson__scene{border:1px solid var(--vn-line);width:100%;color:var(--vn-ink);text-align:left;cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;font-size:.85rem;text-decoration:none;display:flex}.app-shell .sk-lesson__scene:hover{border-color:var(--vn-accent);color:var(--vn-accent)}.app-shell .sk-lesson__foot{border-top:1px solid var(--vn-line-soft);justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding-top:18px;display:flex}.app-shell .sk-lesson__skip{color:var(--vn-ink-mid);text-underline-offset:4px;margin-top:14px;font-size:.85rem;text-decoration:underline}.app-shell .sk-lesson__skip:hover{color:var(--vn-ink)}.app-shell .sk-drill-overlay{isolation:isolate;background:var(--vn-bg)}.app-shell .sk-lesson--immersive,.app-shell .sk-drill-overlay--immersive{background:color-mix(in srgb,var(--vn-bg)44%,transparent);-webkit-backdrop-filter:blur(9px)saturate(112%);backdrop-filter:blur(9px)saturate(112%)}.app-shell .sk-lesson--immersive .sk-lesson__card{border-color:color-mix(in srgb,var(--vn-line)68%,transparent);background:color-mix(in srgb,var(--vn-bg-card)93%,transparent);box-shadow:0 26px 74px #0e1a174d}@media (prefers-reduced-motion:reduce){.app-shell .sk-lesson--immersive,.app-shell .sk-drill-overlay--immersive{background:var(--vn-bg);-webkit-backdrop-filter:none;backdrop-filter:none}.app-shell .sk-lesson--immersive .sk-lesson__card{background:var(--vn-bg-card)}}.app-shell .sk-overview,.app-shell .sk-review,.app-shell .sk-lookout{z-index:1000;background:var(--vn-bg);color:var(--vn-ink);justify-content:center;align-items:flex-start;padding:24px 16px 48px;display:flex;position:fixed;inset:0;overflow-y:auto}.app-shell .sk-overview__card,.app-shell .sk-review__card,.app-shell .sk-lookout__card{border:1px solid var(--vn-line);background:var(--vn-bg-card);border-radius:18px;flex-direction:column;gap:14px;width:100%;max-width:46rem;margin:auto;padding:22px;display:flex}.app-shell .sk-review__card,.app-shell .sk-lookout__card{max-width:38rem}@media (min-width:768px){.app-shell .sk-overview__card,.app-shell .sk-review__card,.app-shell .sk-lookout__card{padding:28px}}.app-shell .sk-overview__head,.app-shell .sk-review__head,.app-shell .sk-lookout__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.app-shell .sk-overview__headings{flex-direction:column;gap:3px;min-width:0;display:flex}.app-shell .sk-overview__title{font-family:var(--vn-serif);margin:0;font-size:1.2rem;font-weight:700}.app-shell .sk-overview__subtitle{color:var(--vn-ink-mid);margin:0;font-size:.8rem}.app-shell .sk-overview__close{border:1px solid var(--vn-line);background:var(--vn-bg-elev);width:32px;height:32px;color:var(--vn-ink-muted);cursor:pointer;border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.app-shell .sk-overview__close:hover{border-color:var(--vn-accent);color:var(--vn-accent)}.app-shell .sk-overview__canvas{border:1px solid var(--vn-line-soft,var(--vn-line));background:var(--vn-bg-side);border-radius:14px;padding:10px}.app-shell .sk-overview__svg{width:100%;height:auto;display:block;overflow:visible}.app-shell .sk-overview__road{fill:none;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;opacity:.26}.app-shell .sk-overview__road--travelled{opacity:1}.app-shell .sk-overview__region-label{fill:var(--vn-ink-mid);font-family:var(--vn-mono);letter-spacing:.06em;opacity:.55;font-size:23px}.app-shell .sk-overview__region-label.is-reached{fill:var(--vn-ink-mid);opacity:1}.app-shell .sk-overview__stop{cursor:pointer}.app-shell .sk-overview__stop:focus-visible{outline:2px solid var(--vn-accent);outline-offset:3px}.app-shell .sk-overview__dot{stroke:var(--vn-bg-side);stroke-width:3px;transition:r .15s}.app-shell .sk-overview__stop--locked .sk-overview__dot{fill:var(--vn-line);opacity:.75}.app-shell .sk-overview__stop--active .sk-overview__dot{stroke:var(--vn-accent);stroke-width:5px}.app-shell .sk-overview__halo{fill:none;stroke:var(--vn-accent);stroke-width:2.5px;opacity:.75}.app-shell .sk-overview__pin{fill:var(--vn-bg-side)}.app-shell .sk-overview__star{fill:var(--sk-star);stroke:var(--vn-bg-side);stroke-width:2px}.app-shell .sk-overview__dot--landmark{stroke-linejoin:round}.app-shell .sk-overview__sight{pointer-events:none}.app-shell .sk-overview__sight-shape,.app-shell .sk-overview__sight-haze{stroke:none}.dark .app-shell .sk-overview__sight{opacity:.72}.app-shell .sk-overview__legend-item--sight:before{background:var(--vn-ink-mid);opacity:.45}.app-shell .sk-overview__legend{color:var(--vn-ink-mid);flex-wrap:wrap;gap:6px 14px;font-size:.72rem;display:flex}.app-shell .sk-overview__legend-item{align-items:center;gap:6px;display:inline-flex}.app-shell .sk-overview__legend-item:before{content:"";background:var(--vn-ink-muted);border-radius:999px;width:10px;height:10px}.app-shell .sk-overview__legend-item--passed:before{background:var(--vn-ink-mid)}.app-shell .sk-overview__legend-item--active:before{background:var(--vn-bg-card);box-shadow:0 0 0 2px var(--vn-accent)}.app-shell .sk-overview__legend-item--locked:before{background:var(--vn-line)}.app-shell .sk-overview__legend-item--landmark:before{background:var(--vn-ink-mid);border-radius:2px;transform:rotate(45deg)}.app-shell .sk-overview__legend-item--star:before{background:var(--sk-star)}.app-shell .sk-overview__detail{border:1px solid var(--vn-line);background:var(--vn-bg-elev);border-radius:14px;align-items:center;gap:12px;padding:14px;display:flex}.app-shell .sk-overview__detail-body{flex-direction:column;flex:auto;gap:3px;min-width:0;display:flex}.app-shell .sk-overview__detail-badge{color:var(--vn-ink-mid);font-family:var(--vn-mono);letter-spacing:.04em;align-items:center;gap:8px;font-size:.7rem;display:inline-flex}.app-shell .sk-overview__detail-here{background:color-mix(in srgb,var(--vn-accent)16%,transparent);color:var(--vn-accent);border-radius:999px;align-items:center;gap:3px;padding:1px 7px;display:inline-flex}.app-shell .sk-overview__detail-title{text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:700;overflow:hidden}.app-shell .sk-overview__detail-meta{color:var(--vn-ink-mid);flex-wrap:wrap;align-items:center;gap:10px;margin:0;font-size:.76rem;display:flex}.app-shell .sk-overview__detail-star{color:var(--sk-star);align-items:center;gap:3px;display:inline-flex}.app-shell .sk-overview__detail-landmark{align-items:center;gap:3px;display:inline-flex}.app-shell .sk-overview__detail-sight{color:var(--vn-ink-mid);opacity:.85;margin:2px 0 0;font-size:.74rem}.app-shell .sk-overview__visit{white-space:nowrap;flex:none;align-items:center;gap:6px;display:inline-flex}.app-shell .sk-overview__detail-actions{flex:none;align-items:center;gap:8px;display:flex}.app-shell .sk-review__start{justify-content:center;align-items:center;gap:8px;width:100%;display:inline-flex}.app-shell .sk-review__empty{border:1px dashed var(--vn-line);color:var(--vn-ink-muted);border-radius:14px;flex-wrap:wrap;align-items:center;gap:5px;margin:0;padding:18px;font-size:.85rem;line-height:1.7;display:flex}.app-shell .sk-review__list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.app-shell .sk-review__row{border:1px solid var(--vn-line);background:var(--vn-bg-card);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.app-shell .sk-review__row.is-idle{background:var(--vn-bg-side);opacity:.75}.app-shell .sk-review__body{flex-direction:column;flex:auto;gap:3px;min-width:0;display:flex}.app-shell .sk-review__where{color:var(--vn-ink-mid);font-family:var(--vn-mono);letter-spacing:.04em;align-items:center;gap:8px;font-size:.7rem;display:inline-flex}.app-shell .sk-review__title{text-overflow:ellipsis;white-space:nowrap;font-weight:700;line-height:1.35;overflow:hidden}.app-shell .sk-review__meta{color:var(--vn-ink-mid);flex-wrap:wrap;gap:10px;font-size:.74rem;display:flex}.app-shell .sk-review__actions{flex:none;align-items:center;gap:4px;display:flex}.app-shell .sk-review__practice{white-space:nowrap;align-items:center;gap:5px;padding-inline:12px;display:inline-flex}.app-shell .sk-review__idle{color:var(--vn-ink-mid);font-size:.74rem}.app-shell .sk-review__unstar{width:30px;height:30px;color:var(--sk-star);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.app-shell .sk-review__unstar:hover{background:color-mix(in srgb,var(--sk-star)16%,transparent)}.app-shell .sk-review__note{color:var(--vn-ink-mid);margin:0;font-size:.74rem}.app-shell .sk-seg__btn--count{gap:4px}.app-shell .sk-seg__count{font-variant-numeric:tabular-nums;font-size:.68rem}@media (max-width:767px){.app-shell .sk-overview,.app-shell .sk-review,.app-shell .sk-lookout{padding:14px 10px 32px}.app-shell .sk-overview__card,.app-shell .sk-review__card,.app-shell .sk-lookout__card{border-radius:15px;padding:16px}.app-shell .sk-overview__detail{flex-direction:column;align-items:stretch}.app-shell .sk-overview__detail-actions{flex-direction:column;align-items:stretch;width:100%}.app-shell .sk-overview__visit{justify-content:center;width:100%}}.app-shell .sk-overview--immersive,.app-shell .sk-review--immersive,.app-shell .sk-lookout--immersive{background:color-mix(in srgb,var(--vn-bg)44%,transparent);-webkit-backdrop-filter:blur(9px)saturate(112%);backdrop-filter:blur(9px)saturate(112%)}.app-shell .sk-overview--immersive .sk-overview__card,.app-shell .sk-review--immersive .sk-review__card,.app-shell .sk-lookout--immersive .sk-lookout__card{border-color:color-mix(in srgb,var(--vn-line)68%,transparent);background:color-mix(in srgb,var(--vn-bg-card)93%,transparent);box-shadow:0 26px 74px #0e1a174d}@media (prefers-reduced-motion:reduce){.app-shell .sk-overview--immersive,.app-shell .sk-review--immersive,.app-shell .sk-lookout--immersive{background:var(--vn-bg);-webkit-backdrop-filter:none;backdrop-filter:none}.app-shell .sk-overview--immersive .sk-overview__card,.app-shell .sk-review--immersive .sk-review__card,.app-shell .sk-lookout--immersive .sk-lookout__card{background:var(--vn-bg-card)}}.app-shell .sk-journey__lookouts{flex-direction:column;gap:8px;margin-top:22px;display:flex}.app-shell .sk-lookout-card{margin-top:14px}.app-shell .sk-lookout-card--locked{border-style:dashed}.app-shell .sk-lookout__kicker{color:var(--vn-accent);font-family:var(--vn-mono);letter-spacing:.06em;align-items:center;gap:6px;font-size:.7rem;display:inline-flex}.app-shell .sk-lookout__lead{color:var(--vn-ink-mid);margin:0;font-size:.88rem;line-height:1.75}.app-shell .sk-lookout__points{border:1px solid var(--vn-line);background:var(--vn-bg-side);border-radius:12px;flex-direction:column;gap:7px;margin:0;padding:14px 16px;list-style:none;display:flex}.app-shell .sk-lookout__points li{color:var(--vn-ink-mid);align-items:flex-start;gap:8px;font-size:.8rem;line-height:1.6;display:flex}.app-shell .sk-lookout__points svg{color:var(--vn-accent);flex:none;margin-top:3px}.app-shell .sk-lookout__note,.app-shell .sk-lookout__meta{color:var(--vn-ink-mid);margin:0;font-size:.74rem}.app-shell .sk-lookout__start,.app-shell .sk-lookout__recheck{justify-content:center;align-items:center;gap:8px;width:100%;display:inline-flex}.app-shell .sk-lookout__steady,.app-shell .sk-lookout__clear{border:1px solid color-mix(in srgb,var(--vn-good)40%,var(--vn-line));background:color-mix(in srgb,var(--vn-good)8%,var(--vn-bg-card));color:var(--vn-ink-mid);border-radius:12px;align-items:center;gap:8px;margin:0;padding:12px 14px;font-size:.82rem;line-height:1.6;display:flex}.app-shell .sk-lookout__steady svg{color:var(--sk-ink-cleared);flex:none}.app-shell .sk-lookout__subtitle{margin:4px 0 0;font-size:.86rem;font-weight:700}.app-shell .sk-lookout__list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.app-shell .sk-lookout__row{border:1px solid var(--vn-line);background:var(--vn-bg-card);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.app-shell .sk-lookout__row.is-reviewed{background:var(--vn-bg-side)}.app-shell .sk-lookout__body{flex-direction:column;flex:auto;gap:3px;min-width:0;display:flex}.app-shell .sk-lookout__row-title{text-overflow:ellipsis;white-space:nowrap;font-weight:700;line-height:1.35;overflow:hidden}.app-shell .sk-lookout__meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.app-shell .sk-lookout__done{color:var(--sk-ink-cleared);align-items:center;gap:4px;display:inline-flex}.app-shell .sk-lookout__review{white-space:nowrap;flex:none;align-items:center;gap:5px;padding-inline:12px;display:inline-flex}.app-shell .sk-lookout__foot{border-top:1px solid var(--vn-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:4px;padding-top:14px;display:flex}.app-shell .sk-lookout__onward{align-items:center;gap:6px;display:inline-flex}@media (max-width:640px){.app-shell .sk-lookout__row{flex-direction:column;align-items:stretch}.app-shell .sk-lookout__review{justify-content:center;width:100%}.app-shell .sk-lookout__foot{flex-direction:column-reverse;align-items:stretch}.app-shell .sk-lookout__onward{justify-content:center}}
.app-shell.pz-page{--pz-reached:var(--vn-good);--pz-progress:var(--vn-due);--pz-skipped:var(--sk-skipped);--pz-new:var(--vn-line);--pz-glass:#fffdf5e8;--pz-glass-soft:#ffffffa3;--pz-glass-border:#ffffffbd;--pz-overlay-ink:#293e3c;--pz-overlay-muted:#586963;--pz-overlay-accent:#3a746a;--pz-overlay-shadow:#2c454924}.dark .app-shell.pz-page{--pz-glass:#20374de6;--pz-glass-soft:#6389a52e;--pz-glass-border:#cce2f53d;--pz-overlay-ink:#f1f6fc;--pz-overlay-muted:#c5d6e2;--pz-overlay-accent:#a3e0cf;--pz-overlay-shadow:#0e1d343d}.app-shell.pz-page.sk-page--immersive .vn-seg{border-color:var(--pz-glass-border);background:var(--pz-glass);box-shadow:0 6px 24px var(--pz-overlay-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:12px;padding:4px}.app-shell.pz-page.sk-page--immersive .vn-seg__btn{min-height:32px;color:var(--pz-overlay-muted);border-radius:8px;padding-inline:18px}.app-shell.pz-page.sk-page--immersive .vn-seg__btn.is-on{background:color-mix(in srgb,var(--pz-overlay-accent)13%,transparent);color:var(--pz-overlay-ink)}.app-shell .pz-walk{border:1px solid color-mix(in srgb,var(--vn-accent)34%,var(--vn-line));background:var(--vn-bg-card);box-shadow:0 0 0 3px var(--vn-accent-soft);border-radius:16px;flex-direction:column;align-items:flex-start;gap:8px;margin:14px 0 0;padding:16px 18px 18px;display:flex}.app-shell.sk-page--immersive .pz-walk{border-color:color-mix(in srgb,var(--vn-accent)46%,transparent);background:color-mix(in srgb,var(--vn-bg-card)86%,transparent);-webkit-backdrop-filter:blur(12px)saturate(115%);backdrop-filter:blur(12px)saturate(115%);pointer-events:auto;width:fit-content;max-width:min(28rem,100%);padding-right:46px;position:relative;box-shadow:0 12px 34px #12201c29}.app-shell .pz-walk__close{width:30px;height:30px;color:var(--vn-ink-mid);border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:8px;right:8px}.app-shell .pz-walk__close:hover{background:color-mix(in srgb,var(--vn-ink)8%,transparent);color:var(--vn-ink)}.app-shell .pz-walk__eyebrow{color:var(--vn-ink-mid);font-family:var(--vn-mono);letter-spacing:.04em;align-items:center;gap:6px;font-size:.72rem;display:inline-flex}.app-shell .pz-walk__cta{flex-wrap:wrap;align-items:center;gap:10px;min-height:44px;padding:10px 20px;font-size:1rem;font-weight:700;display:inline-flex}.app-shell .pz-walk__cta-word{border-left:1px solid color-mix(in srgb,currentcolor 34%,transparent);font-family:var(--vn-serif);opacity:.92;padding-left:10px;font-weight:700}.app-shell .pz-walk__hint{color:var(--vn-ink-mid);font-size:.8rem}.app-shell .pz-walk__trail{align-items:center;gap:7px;margin-top:2px;display:flex}.app-shell .pz-walk__step{background:var(--pz-new);border-radius:999px;width:22px;height:5px}.app-shell .pz-walk__step.is-queued{background:color-mix(in srgb,var(--vn-accent)42%,var(--vn-line))}.app-shell .pz-walk__step.is-now{background:var(--vn-accent);width:34px}.app-shell .pz-walk--done{border-color:var(--vn-line);box-shadow:none}.app-shell .pz-progress{font-family:var(--vn-sans);margin-top:10px}.app-shell.sk-page--immersive .pz-progress{color:var(--pz-overlay-ink);filter:none;text-shadow:0 1px 8px #ffffffc7;gap:13px;padding:6px 0}.dark .app-shell.sk-page--immersive .pz-progress{text-shadow:0 1px 8px #182d47e6}.app-shell.sk-page--immersive .pz-progress .sk-journey-progress__track{background:#3362793b;border:1px solid #ffffff40;width:clamp(100px,21vw,240px);height:7px;box-shadow:0 1px 7px #ffffff3d}.dark .app-shell.sk-page--immersive .pz-progress .sk-journey-progress__track{box-shadow:none;background:#adcee73d}.app-shell.sk-page--immersive .pz-progress .sh-progress__bar--clear{background:#55a27c}.dark .app-shell.sk-page--immersive .pz-progress .sh-progress__bar--clear{background:#9bdcc3}.app-shell.sk-page--immersive .pz-progress :is(.sk-journey-progress__count,.pz-progress__district,.pz-progress__road,.pz-progress__place){color:var(--pz-overlay-ink);font-size:.78rem}.app-shell.sk-page--immersive .pz-progress .sk-journey-progress__level{color:var(--pz-overlay-accent);font-size:.78rem}.app-shell .pz-progress__district{color:var(--vn-ink-mid);font-family:var(--vn-mono);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-size:.7rem}.app-shell .pz-progress__road{min-height:28px;color:var(--vn-ink-mid);border:1px solid #0000;border-radius:999px;flex:none;align-items:center;gap:6px;padding:2px 8px;display:inline-flex}.app-shell .pz-progress__road:hover,.app-shell .pz-progress__road[aria-expanded=true]{border-color:var(--vn-line);background:color-mix(in srgb,var(--vn-ink)6%,transparent);color:var(--vn-ink)}.app-shell .pz-progress__place{white-space:nowrap;font-size:.72rem}.app-shell.sk-page--immersive .pz-progress__road{pointer-events:auto}.app-shell .pz-road{border:1px solid var(--vn-line);background:var(--vn-bg-card);border-radius:14px;width:min(30rem,100%);margin:10px auto 0;padding:12px 14px 14px;box-shadow:0 10px 30px #12201c1a}.app-shell.sk-page--immersive .pz-road{background:color-mix(in srgb,var(--vn-bg-card)88%,transparent);-webkit-backdrop-filter:blur(12px)saturate(115%);backdrop-filter:blur(12px)saturate(115%);pointer-events:auto}.app-shell .pz-road__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.app-shell .pz-road__eyebrow{color:var(--vn-ink-mid);font-family:var(--vn-mono);letter-spacing:.04em;font-size:.72rem}.app-shell .pz-road__close{width:30px;height:30px;color:var(--vn-ink-mid);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.app-shell .pz-road__close:hover{background:color-mix(in srgb,var(--vn-ink)8%,transparent);color:var(--vn-ink)}.app-shell .pz-road__hint{color:var(--vn-ink-mid);margin:2px 0 10px;font-size:.76rem}.app-shell .pz-road__towns{scrollbar-width:thin;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.app-shell .pz-road__town{border:1px solid var(--vn-line);background:var(--vn-bg-elev);text-align:left;border-radius:12px;flex-direction:column;align-items:flex-start;gap:3px;width:8.5rem;min-height:92px;padding:8px 10px 10px;display:flex;position:relative}.app-shell .pz-road__town:hover{border-color:color-mix(in srgb,var(--vn-accent)46%,var(--vn-line))}.app-shell .pz-road__town.is-here{border-color:var(--vn-accent);box-shadow:0 0 0 2px var(--vn-accent-soft)}.app-shell .pz-road__town.is-unvisited{opacity:.72}.app-shell .pz-road__sky{background:linear-gradient(90deg,#cfe4f5,#f3e2c8);border-radius:999px;width:100%;height:8px;margin-bottom:3px}.app-shell .pz-road__town[data-time=morning] .pz-road__sky{background:linear-gradient(90deg,#cfe4f5,#ffe6c4)}.app-shell .pz-road__town[data-time=midday] .pz-road__sky{background:linear-gradient(90deg,#a9d4f2,#e8f3fb)}.app-shell .pz-road__town[data-time=evening] .pz-road__sky{background:linear-gradient(90deg,#f6c78d,#e79a6d)}.app-shell .pz-road__town[data-time=dusk] .pz-road__sky{background:linear-gradient(90deg,#d99a86,#7a6ea6)}.app-shell .pz-road__town[data-time=night] .pz-road__sky{background:linear-gradient(90deg,#2f3d63,#55507e)}.app-shell .pz-road__label{flex-wrap:wrap;align-items:baseline;gap:5px;display:flex}.app-shell .pz-road__level{color:var(--vn-accent);font-family:var(--vn-mono);letter-spacing:.04em;font-size:.68rem;font-weight:700}.app-shell .pz-road__name{color:var(--vn-ink);font-size:.82rem;font-weight:700}.app-shell .pz-road__status{color:var(--vn-ink-mid);font-family:var(--vn-mono);font-variant-numeric:tabular-nums;font-size:.7rem}.app-shell .pz-road__here{color:var(--vn-accent);margin-top:auto;font-size:.68rem;font-weight:700}.app-shell .pz-travel{z-index:90;pointer-events:none;opacity:0;background:#e8f0f6;position:fixed;inset:0}.app-shell .pz-travel[data-time=morning]{background:#f3e2c8}.app-shell .pz-travel[data-time=midday]{background:#dcecf8}.app-shell .pz-travel[data-time=evening]{background:#edb488}.app-shell .pz-travel[data-time=dusk]{background:#9c88ac}.app-shell .pz-travel[data-time=night]{background:#3b436b}.app-shell .pz-travel[data-phase=depart]{animation:.62s ease-in forwards pz-travel-close}.app-shell .pz-travel[data-phase=arrive]{animation:.52s ease-out forwards pz-travel-open}@keyframes pz-travel-close{0%{opacity:0}to{opacity:1}}@keyframes pz-travel-open{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.app-shell .pz-travel[data-phase=depart]{animation-duration:.16s}.app-shell .pz-travel[data-phase=arrive]{animation-duration:.2s}}.app-shell .pz-arrival{z-index:91;border:1px solid color-mix(in srgb,var(--vn-accent)42%,var(--vn-line));background:color-mix(in srgb,var(--vn-accent)9%,var(--vn-bg-card));color:var(--vn-accent);pointer-events:none;border-radius:999px;align-items:center;gap:8px;padding:9px 15px;font-size:.8rem;font-weight:700;animation:.52s ease-out both pz-arrival-in;display:flex;position:fixed;bottom:84px;left:50%;transform:translate(-50%)}@keyframes pz-arrival-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.app-shell .pz-arrival{animation-duration:.2s}}.app-shell .pz-signpost__eyebrow{color:var(--vn-ink-mid);font-family:var(--vn-mono);letter-spacing:.04em;font-size:.7rem}.app-shell .pz-discovery-toast{border:1px solid color-mix(in srgb,var(--vn-accent)42%,var(--vn-line));background:color-mix(in srgb,var(--vn-accent)9%,var(--vn-bg-card));width:fit-content;max-width:100%;color:var(--vn-accent);border-radius:999px;align-items:center;gap:8px;margin-top:10px;padding:9px 13px;font-size:.78rem;font-weight:700;display:flex}.app-shell .pz-map{flex-direction:column;gap:14px;margin-top:16px;display:flex}.app-shell .pz-trivia{color:var(--vn-ink);flex-direction:column;gap:8px;display:flex}.app-shell .pz-trivia--map{border:1px solid color-mix(in srgb,var(--vn-accent)24%,var(--vn-line));background:color-mix(in srgb,var(--vn-accent)4%,var(--vn-bg-card));border-radius:13px;padding:13px 15px}.app-shell .pz-trivia--panel{border-top:1px solid color-mix(in srgb,var(--vn-line)82%,transparent);padding-top:12px}.app-shell .pz-trivia__head,.app-shell .pz-trivia__footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.app-shell .pz-trivia__eyebrow,.app-shell .pz-trivia__count{color:var(--vn-ink-mid);font-family:var(--vn-mono);align-items:center;gap:5px;font-size:.7rem;display:inline-flex}.app-shell .pz-trivia__close{width:32px;height:32px;color:var(--vn-ink-mid);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.app-shell .pz-trivia__close:hover{background:color-mix(in srgb,var(--vn-ink)7%,transparent);color:var(--vn-ink)}.app-shell .pz-trivia__content{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.app-shell .pz-trivia__category,.app-shell .pz-plot__undiscovered{background:color-mix(in srgb,var(--vn-accent)11%,var(--vn-bg-elev));width:fit-content;color:var(--vn-accent);border-radius:999px;padding:2px 7px;font-size:.68rem;font-weight:700;display:inline-flex}.app-shell .pz-trivia__title{margin:0;font-size:.96rem;font-weight:700;line-height:1.4}.app-shell .pz-trivia__body,.app-shell .pz-trivia__intro,.app-shell .pz-trivia__next{color:var(--vn-ink-mid);margin:0;font-size:.78rem;line-height:1.65}.app-shell .pz-trivia__expression{border-left:3px solid color-mix(in srgb,var(--vn-accent)58%,transparent);background:color-mix(in srgb,var(--vn-accent)6%,var(--vn-bg-elev));width:100%;font-family:var(--vn-serif);border-radius:4px 8px 8px 4px;margin:0;padding:7px 9px;font-size:.86rem;line-height:1.5}.app-shell .pz-trivia__source{color:var(--vn-ink-mid);text-underline-offset:3px;align-items:center;gap:4px;font-size:.68rem;text-decoration:underline;display:inline-flex}.app-shell .pz-trivia__talk{border:1px solid color-mix(in srgb,var(--vn-accent)40%,var(--vn-line));background:var(--vn-bg-card);min-height:40px;color:var(--vn-accent);border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:7px 12px;font-size:.76rem;font-weight:700;display:inline-flex}.app-shell .pz-trivia__talk:hover{border-color:var(--vn-accent);background:var(--vn-accent-soft)}.app-shell .pz-trivia__next{font-size:.7rem}.app-shell .pz-search{border:1px solid var(--vn-line);background:var(--vn-bg-card);color:var(--vn-ink-mid);border-radius:999px;align-items:center;gap:9px;padding:9px 14px;display:flex}.app-shell .pz-search:focus-within{border-color:var(--vn-accent);box-shadow:0 0 0 3px var(--vn-accent-soft)}.app-shell .pz-search__input{min-width:0;color:var(--vn-ink);font:inherit;background:0 0;border:0;flex:auto;font-size:.92rem}.app-shell .pz-search__input:focus{outline:none}.app-shell .pz-search__input::-webkit-search-decoration{appearance:none}.app-shell .pz-search__input::-webkit-search-cancel-button{appearance:none}.app-shell .pz-search__clear{width:32px;height:32px;color:var(--vn-ink-mid);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;margin-right:-6px;display:inline-flex}.app-shell .pz-search__clear:hover{background:var(--vn-bg-hover);color:var(--vn-ink)}.app-shell .pz-results{flex-direction:column;gap:4px;display:flex}.app-shell .pz-blocks{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:10px;display:grid}.app-shell .pz-discovery{border:1px dashed color-mix(in srgb,var(--vn-ink-mid)36%,var(--vn-line));background:color-mix(in srgb,var(--vn-bg-elev)76%,transparent);min-height:58px;color:var(--vn-ink-mid);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.app-shell .pz-discovery__body{flex-direction:column;gap:2px;font-size:.74rem;line-height:1.45;display:flex}.app-shell .pz-discovery__body strong{color:var(--vn-ink);font-size:.82rem}.app-shell .pz-blockcard{text-align:left;border:1px solid var(--vn-line);background:var(--vn-bg-card);width:100%;color:var(--vn-ink);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:13px 14px;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}.app-shell .pz-blockcard:hover{border-color:var(--vn-accent);transform:translateY(-1px);box-shadow:0 6px 18px #00000014}.app-shell .pz-blockcard.is-full{border-color:color-mix(in srgb,var(--pz-reached)42%,var(--vn-line));background:color-mix(in srgb,var(--pz-reached)6%,var(--vn-bg-card))}.app-shell .pz-blockcard.is-next{border-color:var(--vn-accent);box-shadow:0 0 0 2px var(--vn-accent-soft)}.app-shell .pz-blockcard__index{border:1px solid var(--vn-line);background:var(--vn-bg-elev);width:30px;height:30px;color:var(--vn-ink-mid);font-family:var(--vn-mono);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:inline-flex}.app-shell .pz-blockcard.is-full .pz-blockcard__index{border-color:var(--pz-reached);background:var(--pz-reached);color:#fff}.app-shell .pz-blockcard__body{flex-direction:column;flex:auto;gap:3px;min-width:0;display:flex}.app-shell .pz-blockcard__title{text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:700;line-height:1.35;overflow:hidden}.app-shell .pz-blockcard__meta{color:var(--vn-ink-mid);font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:.75rem;display:flex}.app-shell .pz-blockcard__flag{color:var(--vn-accent);align-items:center;gap:3px;font-weight:700;display:inline-flex}.app-shell .pz-blockcard__lots{flex:none;grid-template-columns:repeat(3,7px);gap:3px;display:grid}.app-shell .pz-lot{background:var(--pz-new);border-radius:2px;width:7px;height:7px}.app-shell .pz-lot--in-progress{background:var(--pz-progress)}.app-shell .pz-lot--reached{background:var(--pz-reached)}.app-shell .pz-lot--skipped{background:var(--pz-skipped)}.app-shell .pz-block{flex-direction:column;gap:6px;display:flex}.app-shell .pz-block__head{color:var(--vn-ink-mid);align-items:center;gap:12px;font-size:.8rem;display:flex}.app-shell .pz-block__back{color:var(--vn-accent);cursor:pointer;font:inherit;background:0 0;border:0;font-weight:600}.app-shell .pz-block__count{font-variant-numeric:tabular-nums;margin-left:auto}.app-shell .pz-plots{margin:0;padding:0;list-style:none}.app-shell .pz-plot-row{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.app-shell .pz-plot{text-align:left;border:1px solid var(--vn-line);background:var(--vn-bg-card);width:100%;color:var(--vn-ink);border-radius:12px;align-items:flex-start;gap:14px;margin:6px 0 0;padding:14px 16px;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;position:relative}.app-shell .pz-plot:not(:disabled):hover{border-color:var(--vn-accent);transform:translateY(-1px);box-shadow:0 6px 18px #00000014}.app-shell .pz-plot:disabled{cursor:default;opacity:.62}.app-shell .pz-plot--skipped{border-color:color-mix(in srgb,var(--pz-skipped)38%,var(--vn-line));background:color-mix(in srgb,var(--pz-skipped)7%,var(--vn-bg-card))}.app-shell .pz-plot--reached{border-color:color-mix(in srgb,var(--pz-reached)34%,var(--vn-line))}.app-shell .pz-plot.is-next{border-color:var(--vn-accent);box-shadow:0 0 0 2px var(--vn-accent-soft)}.app-shell .pz-plot.is-queued{border-color:color-mix(in srgb,var(--vn-accent)40%,var(--vn-line))}.app-shell .pz-plot__queued{color:var(--vn-accent)}.app-shell .pz-plot__marker{border:1px solid var(--vn-line);background:var(--vn-bg-elev);width:34px;height:34px;color:var(--vn-ink-muted);border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.app-shell .pz-plot--new .pz-plot__marker{border-color:var(--vn-accent);color:var(--vn-accent)}.app-shell .pz-plot--in-progress .pz-plot__marker{border-color:var(--pz-progress);background:var(--pz-progress);color:#fff}.app-shell .pz-plot--reached .pz-plot__marker{border-color:var(--pz-reached);background:var(--pz-reached);color:#fff}.app-shell .pz-plot--skipped .pz-plot__marker{border-color:var(--pz-skipped);background:var(--pz-skipped);color:#fff}.app-shell .pz-plot__body{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.app-shell .pz-plot__word{font-family:var(--vn-serif);font-size:1.02rem;font-weight:700;line-height:1.35}.app-shell .pz-plot__summary{color:var(--vn-ink-mid);font-size:.85rem;line-height:1.55}.app-shell .pz-plot__example{color:var(--vn-ink-mid);border-left:2px solid var(--vn-line-soft);padding-left:9px;font-size:.82rem;line-height:1.55}.app-shell .pz-plot__meta{color:var(--vn-ink-mid);flex-wrap:wrap;align-items:center;gap:10px;margin-top:2px;font-size:.75rem;display:flex}.app-shell .pz-plot__state--reached{color:var(--sk-ink-cleared)}.app-shell .pz-plot__state--skipped{color:var(--sk-ink-skipped)}.app-shell .pz-plot__state--in-progress{color:var(--sk-ink-progress)}.app-shell .pz-plot__go{color:var(--vn-accent);flex:none;align-self:center}.app-shell .pz-plot__skip{color:var(--vn-ink-mid);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;margin-left:64px;padding:4px 0;font-size:.78rem;text-decoration:underline;display:inline-flex}.app-shell .pz-plot__skip:hover{color:var(--pz-skipped)}.app-shell .sk-world-stage .pz-map3d{margin:0;display:block;position:absolute;inset:0}.app-shell .pz-map3d__canvas-wrap{touch-action:none;position:absolute;inset:0;overflow:hidden}.app-shell .pz-map3d__canvas-wrap:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#ffffff0d,#0000 28%);position:absolute;inset:0}.app-shell .pz-map3d__canvas{z-index:0;cursor:grab;width:100%;height:100%;display:block;position:relative}.app-shell .pz-map3d__canvas:active{cursor:grabbing}.app-shell .sk-world-stage[data-phase=lesson] .pz-map3d__canvas,.app-shell .sk-world-stage[data-phase=drill] .pz-map3d__canvas{cursor:default;pointer-events:none}.app-shell .pz-map3d__panel{--vn-ink:var(--pz-overlay-ink);--vn-ink-mid:var(--pz-overlay-muted);--vn-ink-muted:var(--pz-overlay-muted);border-color:var(--pz-glass-border);background:var(--pz-glass);width:min(29rem,100% - 48px);max-height:calc(100% - 210px);color:var(--pz-overlay-ink);box-shadow:0 12px 44px var(--pz-overlay-shadow),inset 0 1px 0 #ffffff2e;-webkit-backdrop-filter:blur(20px)saturate(118%);backdrop-filter:blur(20px)saturate(118%);border-radius:22px;gap:0;padding:20px 22px;bottom:24px;right:24px;overflow:hidden}.app-shell .pz-map3d__panel-body{scrollbar-width:thin;flex-direction:column;gap:14px;min-height:0;display:flex;overflow:auto}.app-shell .pz-map3d__sheet-handle{display:none}.app-shell .pz-map3d__panel .sk-map3d__walker-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.app-shell .pz-map3d__panel .sk-map3d__walker-body{flex-direction:column;gap:5px;min-width:0;display:flex}.app-shell .pz-map3d__place{flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:.94rem;font-weight:650;display:flex}.app-shell .pz-map3d__place-count{border-left:1px solid color-mix(in srgb,var(--pz-overlay-muted)30%,transparent);color:var(--pz-overlay-muted);font-variant-numeric:tabular-nums;white-space:nowrap;padding-left:10px;font-size:.81rem;font-weight:600}.app-shell .pz-map3d__panel .sk-map3d__panel-titlerow{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:4px 10px}.app-shell .pz-map3d__panel .sk-map3d__panel-titlerow .sk-map3d__panel-title{flex:0 auto}.app-shell .pz-map3d__panel .sk-map3d__panel-titlerow .sk-node__tag{color:var(--pz-overlay-muted);white-space:nowrap;flex:none;font-size:.72rem}.app-shell .pz-map3d__discovery{background:var(--pz-glass-soft);color:var(--pz-overlay-muted);border-radius:11px;margin:0;padding:9px 12px;font-size:.81rem;line-height:1.55}.app-shell .pz-map3d__panel .pz-map3d__guidance{align-items:center;gap:13px;padding:2px 0;font-size:.875rem;line-height:1.6;display:flex}.app-shell .pz-map3d__guidance-icon{width:26px;height:26px;color:var(--pz-overlay-accent);stroke-width:1.5px;flex:none}.app-shell .pz-map3d__guidance-title{color:var(--pz-overlay-ink);font-weight:500;display:block}.app-shell .pz-map3d__guidance-detail{color:var(--pz-overlay-muted);margin-top:3px;font-size:.78rem;display:block}.app-shell .pz-compass{border:1px solid color-mix(in srgb,var(--pz-overlay-muted)20%,transparent);background:var(--pz-glass-soft);cursor:pointer;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;display:grid}.app-shell .pz-compass:hover{border-color:var(--pz-overlay-accent)}.app-shell :is(.pz-compass,.pz-progress__road):focus-visible{outline:2px solid var(--pz-overlay-accent);outline-offset:3px}.app-shell .pz-compass__dial{width:100%;height:100%;display:block;position:relative;transform:rotate(0)}.app-shell .pz-compass__needle{border-right:4.5px solid #0000;border-bottom:9px solid var(--pz-overlay-accent);border-left:4.5px solid #0000;width:0;height:0;position:absolute;top:7px;left:50%;transform:translate(-50%)}.app-shell .pz-compass__north{width:100%;color:var(--pz-overlay-muted);text-align:center;font-size:.6rem;font-weight:700;line-height:1;position:absolute;top:19px;left:0}.app-shell .pz-walk-toggle{border:1px solid color-mix(in srgb,var(--pz-overlay-muted)20%,transparent);background:var(--pz-glass-soft);color:var(--pz-overlay-ink);white-space:nowrap;cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:6px;padding:7px 12px;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.app-shell .pz-walk-toggle:hover{border-color:var(--pz-overlay-accent)}.app-shell .pz-walk-toggle.on{border-color:var(--pz-overlay-accent);background:color-mix(in srgb,var(--pz-overlay-accent)18%,var(--pz-glass-soft))}.app-shell .pz-walk-toggle:focus-visible{outline:2px solid var(--pz-overlay-accent);outline-offset:3px}.app-shell .pz-walkbar{z-index:3;border:1px solid var(--pz-glass-border);background:var(--pz-glass);max-width:calc(100% - 32px);box-shadow:0 12px 44px var(--pz-overlay-shadow);color:var(--pz-overlay-ink);white-space:nowrap;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;font-size:12px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.app-shell .pz-walkbar__hint{color:var(--pz-overlay-muted)}.app-shell .pz-walkbar__open,.app-shell .pz-walkbar__exit{white-space:nowrap}@media (max-width:767px){.app-shell .pz-blocks{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr))}.app-shell .pz-map3d__panel{width:auto;max-height:48%;padding:0 17px max(15px,env(safe-area-inset-bottom));border-bottom:0;border-radius:20px 20px 0 0;bottom:0;left:0;right:0}.app-shell .pz-map3d__panel-body{gap:10px}.app-shell .pz-map3d__sheet-handle{cursor:grab;touch-action:none;flex:none;justify-content:center;align-items:center;height:26px;margin-inline:-17px;display:flex}.app-shell .pz-map3d__sheet-handle:active{cursor:grabbing}.app-shell .pz-map3d__sheet-grip{background:color-mix(in srgb,var(--pz-overlay-muted)45%,transparent);border-radius:999px;width:40px;height:4px}.app-shell.sk-page--immersive .pz-progress{flex-wrap:wrap;justify-content:center;gap:7px;max-width:min(32rem,100%)}.app-shell.sk-page--immersive .pz-progress .sk-journey-progress__track{width:clamp(64px,17vw,125px)}.app-shell.sk-page--immersive .pz-progress :is(.sk-journey-progress__count,.pz-progress__district,.pz-progress__road,.pz-progress__place,.sk-journey-progress__level){font-size:.7rem}.app-shell .pz-map3d__panel .pz-map3d__guidance{gap:10px}}@media (max-width:640px){.app-shell .pz-plot__skip{margin-left:0}}.app-shell .pz-spot{color:var(--vn-ink);flex-direction:column;gap:8px;display:flex}.app-shell .pz-spot__head{align-items:center;gap:8px;display:flex}.app-shell .pz-spot__eyebrow{color:var(--vn-ink);font-size:.86rem;font-weight:650}.app-shell .pz-spot__count{color:var(--vn-ink-mid);font-family:var(--vn-mono);font-size:.7rem}.app-shell .pz-spot__close{width:32px;height:32px;color:var(--vn-ink-mid);border-radius:999px;justify-content:center;align-items:center;margin-left:auto;display:inline-flex}.app-shell .pz-spot__close:hover{background:color-mix(in srgb,var(--vn-ink)7%,transparent);color:var(--vn-ink)}.app-shell .pz-spot__hint,.app-shell .pz-spot__more{color:var(--vn-ink-mid);margin:0;font-size:.76rem;line-height:1.55}.app-shell .pz-spot__words{flex-direction:column;gap:4px;max-height:10.5rem;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.app-shell .pz-spot__word{border:1px solid var(--vn-line);background:var(--vn-bg-elev);text-align:left;border-radius:10px;align-items:baseline;gap:8px;width:100%;padding:5px 10px;display:flex}.app-shell .pz-spot__word:hover{border-color:color-mix(in srgb,var(--vn-accent)46%,var(--vn-line))}.app-shell .pz-spot__headword{color:var(--vn-ink);font-size:.92rem;font-weight:650}.app-shell .pz-spot__summary{color:var(--vn-ink-mid);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.74rem;overflow:hidden}.app-shell .pz-spot__state{color:var(--vn-ink-mid);font-family:var(--vn-mono);white-space:nowrap;font-size:.66rem}.app-shell .pz-conversation{--vn-ink:var(--pz-overlay-ink);--vn-ink-mid:var(--pz-overlay-muted);--vn-ink-muted:var(--pz-overlay-muted);z-index:8;border:1px solid var(--pz-glass-border);background:var(--pz-glass);width:min(25rem,100% - 32px);color:var(--pz-overlay-ink);box-shadow:0 12px 40px var(--pz-overlay-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:22px;position:absolute;bottom:40%;left:50%}.app-shell .pz-conversation:after{content:"";left:var(--pz-bubble-tail,50%);background:var(--pz-glass);border-right:1px solid var(--pz-glass-border);border-bottom:1px solid var(--pz-glass-border);width:18px;height:18px;position:absolute;bottom:-10px;transform:translate(-50%)rotate(45deg)}.app-shell .pz-trivia--bubble{max-height:var(--pz-bubble-height,45vh);border-radius:inherit;scrollbar-width:thin;padding:18px 20px;overflow-y:auto}.app-shell .pz-conversation:focus-visible{outline:2px solid var(--vn-accent);outline-offset:4px}.app-shell .pz-shopdoor{flex-direction:column;gap:8px;display:flex}.app-shell .pz-shopdoor__eyebrow{color:var(--vn-accent);font-size:.72rem;font-weight:700}.app-shell .pz-shopdoor__count{color:var(--vn-ink-mid);font-family:var(--vn-mono);margin-left:auto;font-size:.72rem}.app-shell .pz-shopdoor__zh{color:var(--vn-ink-mid);margin-left:8px;font-size:.86em;font-weight:600}.app-shell .pz-shopdoor__items{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.app-shell .pz-shopdoor__item{border:1px solid var(--vn-line);background:var(--vn-bg-card);color:var(--vn-ink);border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:.9rem;display:inline-flex}.app-shell .pz-shopdoor__item[data-reached=true]{border-color:color-mix(in srgb,var(--vn-accent)45%,var(--vn-line));color:var(--vn-accent)}.app-shell .pz-shop [lang=zh-Hant-TW],.app-shell .pz-shopdoor [lang=zh-Hant-TW]{font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",var(--vn-sans),sans-serif}.app-shell .pz-shop{color:var(--vn-ink);background:radial-gradient(120% 90% at 50% 35%,#f3ebdf 0%,#e2d6c6 62%,#d3c5b3 100%);animation:.36s ease-out both pz-shop-in;position:fixed;inset:0;overflow:hidden}.dark .app-shell .pz-shop{background:radial-gradient(120% 90% at 50% 35%,#4a4038 0%,#332c27 62%,#26211d 100%)}@keyframes pz-shop-in{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:none}}.app-shell .pz-shop__stage{position:absolute;inset:0}.app-shell .pz-shop__canvas{touch-action:none;width:100%;height:100%;display:block}.app-shell .pz-shop__tags{pointer-events:none;position:absolute;inset:0}.app-shell .pz-shop__tag{color:#4a3320;white-space:nowrap;pointer-events:auto;will-change:transform;background:#fff8e8;border:2px solid #8c6440;border-radius:8px;align-items:center;gap:4px;min-height:34px;padding:4px 12px;font-size:1.05rem;font-weight:700;line-height:1;transition:background-color .16s,box-shadow .16s;display:inline-flex;position:absolute;top:0;left:0;box-shadow:0 4px 12px #462d1438}.app-shell .pz-shop__tag[hidden]{display:none}.app-shell .pz-shop__tag[data-offscreen=true]{visibility:hidden}.app-shell .pz-shop__tag[data-selected=true]{box-shadow:0 0 0 3px color-mix(in srgb,var(--vn-accent)55%,transparent),0 6px 16px #462d1442;background:#fff}.app-shell .pz-shop__tag[data-reached=true]{border-color:#3f7d62}.app-shell .pz-shop__tag-check{color:#3f7d62;width:14px;height:14px}.app-shell .pz-shop__bar{pointer-events:none;align-items:center;gap:10px;display:flex;position:absolute;top:12px;left:12px;right:12px}.app-shell .pz-shop__bar>*{pointer-events:auto}.app-shell .pz-shop__back,.app-shell .pz-shop__count,.app-shell .pz-shop__title{border:1px solid color-mix(in srgb,var(--vn-line)70%,transparent);background:color-mix(in srgb,var(--vn-bg-card)92%,transparent);border-radius:999px;align-items:center;gap:6px;min-height:40px;padding:0 14px;font-size:.85rem;display:inline-flex;box-shadow:0 6px 20px #281e141f}.app-shell .pz-shop__back{color:var(--vn-ink);font-weight:650}.app-shell .pz-shop__back:hover{background:var(--vn-bg-card)}.app-shell .pz-shop__title{gap:8px;margin:0 auto}.app-shell .pz-shop__name{font-weight:700}.app-shell .pz-shop__name-zh{color:var(--vn-ink-mid)}.app-shell .pz-shop__count{color:var(--vn-accent);font-family:var(--vn-mono);font-weight:700}.app-shell .pz-shop__sheet{border:1px solid color-mix(in srgb,var(--vn-line)70%,transparent);background:color-mix(in srgb,var(--vn-bg-card)96%,transparent);border-radius:18px;flex-direction:column;gap:12px;width:min(460px,100% - 24px);max-height:58vh;padding:16px;display:flex;position:absolute;bottom:16px;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 18px 50px #281e1433}.app-shell .pz-shop__lead{margin:0;font-size:1rem;font-weight:700}.app-shell .pz-shop__hint,.app-shell .pz-shop__note{color:var(--vn-ink-mid);margin:2px 0 0;font-size:.82rem;line-height:1.55}.app-shell .pz-shop__start,.app-shell .pz-shop__next{justify-content:center;width:100%}.app-shell .pz-shop__word{flex-direction:column;gap:4px;display:flex}.app-shell .pz-shop__word-head{align-items:center;gap:8px;display:flex}.app-shell .pz-shop__word-zh{font-size:2rem;font-weight:700;line-height:1.1}.app-shell .pz-shop__icon-btn{background:color-mix(in srgb,var(--vn-accent)10%,transparent);width:40px;height:40px;color:var(--vn-accent);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.app-shell .pz-shop__icon-btn:hover{background:color-mix(in srgb,var(--vn-accent)18%,transparent)}.app-shell .pz-shop__icon-btn--close{width:32px;height:32px;color:var(--vn-ink-mid);background:0 0;margin-left:auto}.app-shell .pz-shop__reading{color:var(--vn-ink-mid);flex-wrap:wrap;gap:4px 12px;margin:0;font-size:.95rem;display:flex}.app-shell .pz-shop__meaning{margin:2px 0 0;font-size:1rem;font-weight:600}.app-shell .pz-shop__link{color:var(--vn-accent);align-self:flex-start;align-items:center;gap:6px;margin-top:6px;padding:6px 0;font-size:.84rem;font-weight:650;display:inline-flex}.app-shell .pz-shop__link:hover{text-decoration:underline}.app-shell .pz-shop__link--center{align-self:center;margin-top:0}.app-shell .pz-shop__quiz{flex-direction:column;gap:12px;display:flex}.app-shell .pz-shop__quiz-head{align-items:center;gap:10px;display:flex}.app-shell .pz-shop__quiz-step{color:var(--vn-ink-mid);font-family:var(--vn-mono);font-size:.75rem}.app-shell .pz-shop__quiz-prompt{font-size:.95rem;font-weight:700}.app-shell .pz-shop__choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.app-shell .pz-shop__choice{border:1.5px solid var(--vn-line);background:var(--vn-bg-card);min-height:56px;color:var(--vn-ink);border-radius:12px;font-size:1.45rem;font-weight:700;transition:border-color .14s,background-color .14s,transform .14s}.app-shell .pz-shop__choice:not(:disabled):hover{border-color:var(--vn-accent);transform:translateY(-1px)}.app-shell .pz-shop__choice[data-state=correct]{background:color-mix(in srgb,#3f7d62 14%,var(--vn-bg-card));color:#2f6a50;border-color:#3f7d62}.app-shell .pz-shop__choice[data-state=wrong]{border-color:var(--vn-danger);background:color-mix(in srgb,var(--vn-danger)10%,var(--vn-bg-card));color:var(--vn-danger);animation:.32s pz-shop-shake}.app-shell .pz-shop__choice[data-state=dim]{opacity:.5}@keyframes pz-shop-shake{0%,to{transform:none}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.app-shell .pz-shop__feedback{flex-direction:column;gap:10px;display:flex}.app-shell .pz-shop__feedback-title{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0;font-size:.95rem;font-weight:700;display:flex}.app-shell .pz-shop__feedback[data-correct=true] .pz-shop__feedback-title{color:#2f6a50}.app-shell .pz-shop__feedback-title [lang=zh-Hant-TW]{font-size:1.3rem}.app-shell .pz-shop__feedback-reading{color:var(--vn-ink-mid);font-weight:500}.app-shell .pz-shop__list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.app-shell .pz-shop__list-item{border:1px solid var(--vn-line);border-radius:10px;justify-content:space-between;width:100%;padding:8px 12px;display:flex}.app-shell .pz-shop__result-row{border-bottom:1px solid var(--vn-line-soft);color:var(--vn-ink-mid);align-items:center;gap:10px;padding:6px 2px;display:flex}.app-shell .pz-shop__result-row[data-reached=true]{color:#2f6a50}.app-shell .pz-shop__result-dot{border:1.5px solid var(--vn-line);border-radius:999px;width:16px;height:16px}.app-shell .pz-shop__result-zh{color:var(--vn-ink);font-size:1.15rem;font-weight:700}.app-shell .pz-shop__result-ja{font-size:.82rem}.app-shell .pz-shop__actions{gap:8px;display:flex}.app-shell .pz-shop__actions>*{flex:1;justify-content:center}.app-shell .pz-shop__actions--stack{flex-direction:column;gap:2px}.app-shell .pz-shop__actions--stack>*{flex:none}.app-shell .pz-shop__spot{background:radial-gradient(circle at var(--pz-spot-x,50%)var(--pz-spot-y,40%),transparent 0,transparent min(26vw,150px),#241c1494 min(52vw,320px));pointer-events:none;transition:opacity .24s;position:absolute;inset:0}.app-shell .pz-shop__reveal{flex-direction:column;gap:6px;display:flex}.app-shell .pz-shop__grades{gap:8px;margin-top:6px;display:flex}.app-shell .pz-shop__grades>*{flex:1;justify-content:center}.app-shell .pz-shop__practice{justify-content:center;width:100%}.app-shell .pz-shopcard{text-align:left;border:1px solid color-mix(in srgb,#dc7962 45%,var(--vn-line));background:color-mix(in srgb,#dc7962 7%,var(--vn-bg-card));width:100%;color:var(--vn-ink);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:13px 14px;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}.app-shell .pz-shopcard:hover{border-color:#dc7962;transform:translateY(-1px);box-shadow:0 6px 18px #00000014}.app-shell .pz-shopcard>svg{color:#c4604b;flex:none}.app-shell .pz-shopcard__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.app-shell .pz-shopcard__title{flex-wrap:wrap;align-items:baseline;gap:4px 8px;font-weight:700;display:flex}.app-shell .pz-shopcard__meta{color:var(--vn-ink-mid);font-size:.8rem;font-weight:500}.app-shell .pz-shopcard--result{margin-bottom:8px}.app-shell .pz-shopcard [lang=zh-Hant-TW]{font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",var(--vn-sans),sans-serif}@media (max-width:767px){.app-shell .pz-shop__title .pz-shop__name-zh{display:none}.app-shell .pz-shop__tag{border-width:1.5px;min-height:28px;padding:3px 8px;font-size:.86rem}.app-shell .pz-shop__sheet{padding:14px;bottom:10px}}@media (prefers-reduced-motion:reduce){.app-shell .pz-shop,.app-shell .pz-shop__choice[data-state=wrong]{animation:none}}
.app-shell.ss-page{padding-bottom:96px}.app-shell .ss-page__inner{width:100%;max-width:68rem;margin:0 auto;padding:0 20px}.app-shell .ss-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.app-shell .ss-card{text-align:left;border:1px solid var(--vn-line);background:var(--vn-bg-card);color:var(--vn-ink);border-radius:16px;flex-direction:column;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;overflow:hidden}.app-shell .ss-card:not(:disabled):hover{border-color:var(--vn-accent);transform:translateY(-2px);box-shadow:0 8px 22px #0000001a}.app-shell .ss-card:disabled{cursor:default;opacity:.6}.app-shell .ss-card__media{aspect-ratio:16/10;background:var(--vn-bg-elev);display:block;position:relative}.app-shell .ss-card__img{object-fit:cover;width:100%;height:100%}.app-shell .ss-card__plate{color:#fff;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.app-shell .ss-card__plate--teal{background:linear-gradient(135deg,#2f6f6c,#4a938f)}.app-shell .ss-card__plate--warm{background:linear-gradient(135deg,#b86e1d,#d29a52)}.app-shell .ss-card__plate--coral{background:linear-gradient(135deg,#b4544c,#d3837c)}.app-shell .ss-card__plate--purple{background:linear-gradient(135deg,#5c5090,#857ab5)}.app-shell .ss-card__plate--green{background:linear-gradient(135deg,#4f7d5e,#7aa886)}.app-shell .ss-card__done{background:var(--vn-good);color:#fff;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:.7rem;font-weight:700;display:inline-flex;position:absolute;top:10px;right:10px}.app-shell .ss-card__body{flex-direction:column;gap:5px;padding:14px 16px 16px;display:flex}.app-shell .ss-card__title{font-family:var(--vn-serif);font-size:1.05rem;font-weight:700}.app-shell .ss-card__desc{color:var(--vn-ink-mid);font-size:.84rem;line-height:1.55}.app-shell .ss-card__meta{color:var(--vn-ink-muted);align-items:center;gap:5px;font-size:.74rem;display:flex}.app-shell .ss-card[data-pending]{cursor:progress}.app-shell .ss-card[data-pending] .ss-card__meta{color:var(--vn-accent)}.app-shell .ss-hero{border-radius:18px;margin:12px 0 18px;position:relative;overflow:hidden}.app-shell .ss-hero.has-image{border:1px solid var(--vn-line);min-height:200px}.app-shell .ss-hero__img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.app-shell .ss-hero__body{position:relative}.app-shell .ss-hero.has-image .ss-hero__body{color:#fff;background:linear-gradient(#0000 20%,#000000ad);padding:96px 20px 20px}.app-shell .ss-hero__title{font-family:var(--vn-serif);font-size:1.55rem;font-weight:700}.app-shell .ss-hero__desc{color:var(--vn-ink-mid);margin-top:5px;font-size:.9rem;line-height:1.6}.app-shell .ss-hero.has-image .ss-hero__desc{color:#ffffffe0}.app-shell .ss-missions{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.app-shell .ss-mission{text-align:left;border:1px solid var(--vn-line);background:var(--vn-bg-card);width:100%;color:var(--vn-ink);border-radius:14px;align-items:flex-start;gap:14px;padding:16px;transition:border-color .15s,transform .15s;display:flex}.app-shell .ss-mission:not(:disabled):hover{border-color:var(--vn-accent);transform:translateY(-1px)}.app-shell .ss-mission:disabled{cursor:default;opacity:.62}.app-shell .ss-mission__marker{border:1px solid var(--vn-accent);width:34px;height:34px;color:var(--vn-accent);border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.app-shell .ss-mission.is-done .ss-mission__marker{border-color:var(--vn-good);background:var(--vn-good);color:#fff}.app-shell .ss-mission__body{flex-direction:column;gap:4px;min-width:0;display:flex}.app-shell .ss-mission__title{font-weight:700}.app-shell .ss-mission__intro{color:var(--vn-ink-mid);font-size:.86rem;line-height:1.55}.app-shell .ss-mission__meta{color:var(--vn-ink-muted);flex-wrap:wrap;gap:10px;font-size:.74rem;display:flex}.app-shell .ss-mission__resume{color:var(--vn-accent);font-weight:600}.app-shell .ss-mission__again{color:var(--vn-ink-muted);flex-wrap:wrap;align-items:center;gap:8px;padding:6px 16px 0 64px;font-size:.74rem;display:flex}.app-shell .ss-mission__again button{border:1px solid var(--vn-line);color:var(--vn-ink-mid);background:0 0;border-radius:999px;padding:4px 10px;font-size:.74rem;line-height:1.4}.app-shell .ss-mission__again button:hover{border-color:var(--vn-accent);color:var(--vn-accent)}.app-shell .ss-mission__again-label{font-weight:600}.app-shell .ss-mission__again-cancel{border-color:#0000!important}.app-shell .ss-picker{flex-direction:column;gap:10px;display:flex}.app-shell .ss-sections{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.app-shell .ss-section{text-align:left;border:1px solid var(--vn-line);background:var(--vn-bg-card);width:100%;color:var(--vn-ink);border-radius:14px;align-items:center;gap:12px;padding:15px 14px 15px 16px;transition:border-color .15s,transform .15s;display:flex}.app-shell .ss-section:hover{border-color:var(--vn-accent);transform:translateY(-1px)}.app-shell .ss-section.is-done{border-color:var(--vn-good)}.app-shell .ss-section__body{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.app-shell .ss-section__title{font-weight:700}.app-shell .ss-section__desc{color:var(--vn-ink-mid);font-size:.86rem;line-height:1.55}.app-shell .ss-section__meta{color:var(--vn-ink-muted);flex-wrap:wrap;gap:10px;font-size:.74rem;display:flex}.app-shell .ss-section__go{color:var(--vn-ink-muted);flex:none}.app-shell .ss-picker__axis{letter-spacing:.08em;color:var(--vn-ink-muted);padding:14px 4px 6px;font-size:.74rem;font-weight:700}.app-shell .ss-picker>div:first-child .ss-picker__axis{padding-top:2px}.app-shell .ss-picker__note{color:var(--vn-ink-muted);padding:18px 4px;font-size:.86rem}.app-shell .ss-result{z-index:40;background:var(--vn-bg);color:var(--vn-ink);padding:24px 16px 64px;position:fixed;inset:0;overflow-y:auto}.app-shell .ss-result__card{border:1px solid var(--vn-line);background:var(--vn-bg-card);border-radius:18px;width:100%;max-width:36rem;margin:0 auto;padding:26px}.app-shell .ss-result__head{border-bottom:1px solid var(--vn-line-soft);color:var(--vn-good);flex-direction:column;gap:6px;padding-bottom:20px;display:flex}.app-shell .ss-result__eyebrow{color:var(--vn-ink-muted);font-size:.78rem;font-weight:600}.app-shell .ss-result__title{font-family:var(--vn-serif);color:var(--vn-ink);font-size:1.35rem;font-weight:700}.app-shell .ss-result__goal{color:var(--vn-ink-mid);font-size:.88rem;line-height:1.6}.app-shell .ss-result__section{color:var(--vn-ink-muted);margin:20px 0 12px;font-size:.82rem;font-weight:700}.app-shell .ss-result__phrases{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.app-shell .ss-result__phrase{border-left:3px solid var(--vn-accent-soft);background:var(--vn-bg-elev);border-radius:0 12px 12px 0;flex-direction:column;gap:2px;padding:10px 14px;display:flex}.app-shell .ss-result__phrase-target{font-size:1.15rem;font-weight:600}.app-shell .ss-result__phrase-ja{color:var(--vn-ink-mid);font-size:.84rem}.app-shell .ss-result__phrase-pron{color:var(--vn-ink-muted);font-size:.74rem}.app-shell .ss-result__actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.app-shell .ss-result__grammar,.app-shell .ss-result__back{color:var(--vn-ink-muted);text-underline-offset:4px;align-items:center;gap:6px;margin-top:16px;font-size:.85rem;text-decoration:underline;display:inline-flex}.app-shell .ss-result__grammar:hover,.app-shell .ss-result__back:hover{color:var(--vn-ink)}.app-shell .ss-result__back{text-align:center;width:100%;display:block}.app-shell .ss-world-stage{z-index:0;isolation:isolate;background:var(--vn-bg-side);position:fixed;inset:0;overflow:hidden}.app-shell .ss-world__canvas-wrap{background:linear-gradient(180deg,var(--ss-sky-top)0%,var(--ss-sky-mid)46%,var(--ss-sky-horizon)72%,transparent 100%);touch-action:none;position:absolute;inset:0;overflow:hidden}.app-shell .ss-world-stage{--ss-sky-top:#bcd7dd;--ss-sky-mid:#dee7e2;--ss-sky-horizon:#f0e9db}.dark .app-shell .ss-world-stage{--ss-sky-top:#141b1f;--ss-sky-mid:#1f2b2c;--ss-sky-horizon:#2f3a36}.app-shell .ss-world__canvas{z-index:0;cursor:grab;width:100%;height:100%;display:block;position:relative}.app-shell .ss-world__canvas:active{cursor:grabbing}.app-shell .ss-world-stage[data-phase=place] .ss-world__canvas{cursor:default}.app-shell .ss-world-stage[data-phase=drill] .ss-world__canvas{cursor:default;pointer-events:none}.app-shell .ss-world__labels{z-index:2;pointer-events:none;position:absolute;inset:0}.app-shell .ss-world__label{--ss-label-stem:15px;padding-bottom:var(--ss-label-stem);transform-origin:50% 100%;flex-direction:column;align-items:center;display:flex;position:absolute;top:0;left:0}.app-shell .ss-world__label:after{content:"";width:1px;height:calc(var(--ss-label-stem) - 4px);background:linear-gradient(180deg,color-mix(in srgb,var(--vn-ink)34%,transparent),color-mix(in srgb,var(--vn-ink)10%,transparent));margin-left:-.5px;position:absolute;bottom:4px;left:50%}.app-shell .ss-world__label:before{content:"";background:var(--vn-accent);opacity:.45;border-radius:50%;width:6px;height:6px;margin-bottom:-1px;margin-left:-3px;position:absolute;bottom:0;left:50%}.app-shell .ss-world__label-plate{border:1px solid color-mix(in srgb,var(--vn-line)65%,transparent);background:color-mix(in srgb,var(--vn-bg-card)74%,transparent);-webkit-backdrop-filter:blur(7px)saturate(1.08);backdrop-filter:blur(7px)saturate(1.08);white-space:nowrap;border-radius:999px;flex-direction:column;align-items:center;gap:1px;padding:4px 10px;transition:border-color .16s,background-color .16s,box-shadow .16s;display:flex;box-shadow:0 2px 9px #0000001f}.app-shell .ss-world__label[data-ss-state=selected] .ss-world__label-plate,.app-shell .ss-world__label[data-ss-state=hover] .ss-world__label-plate{border-color:color-mix(in srgb,var(--vn-accent)52%,transparent);background:color-mix(in srgb,var(--vn-bg-card)94%,transparent);box-shadow:0 4px 16px color-mix(in srgb,var(--vn-accent)26%,transparent)}.app-shell .ss-world__label[data-ss-state=selected]:before{opacity:1}.app-shell .ss-world__label-title{color:var(--vn-ink);font-size:.8rem;font-weight:700}.app-shell .ss-world__label-note{color:var(--vn-ink-muted);font-size:.66rem}.app-shell .ss-world__district{border:1px solid color-mix(in srgb,var(--vn-line)55%,transparent);background:color-mix(in srgb,var(--vn-bg-card)62%,transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);letter-spacing:.04em;color:var(--vn-ink-muted);white-space:nowrap;transform-origin:50% 100%;border-radius:999px;padding:3px 11px;font-size:.68rem;font-weight:700;position:absolute;top:0;left:0}.app-shell .ss-world__district[data-ss-state=selected]{border-color:color-mix(in srgb,var(--vn-accent)62%,transparent);background:color-mix(in srgb,var(--vn-accent)15%,var(--vn-bg-card));color:var(--vn-accent)}.app-shell .ss-hero__close{border:1px solid color-mix(in srgb,var(--vn-line)70%,transparent);background:color-mix(in srgb,var(--vn-bg-card)92%,transparent);width:34px;height:34px;color:var(--vn-ink-mid);border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:10px;right:10px}.app-shell .ss-hero__close:hover,.app-shell .ss-hero__close:focus-visible{border-color:color-mix(in srgb,var(--vn-accent)55%,transparent);color:var(--vn-ink);outline:none}.app-shell .ss-hero.is-panel{position:relative}.app-shell .ss-hero.is-panel .ss-hero__title,.app-shell .ss-hero.is-panel .ss-hero__desc{padding-right:38px}.app-shell .ss-court{pointer-events:none;position:absolute;inset:0}.app-shell .ss-court__stand{--ss-court-stem:8px;transform-origin:50% 100%;pointer-events:auto;min-height:44px;padding:0 0 var(--ss-court-stem);font:inherit;color:inherit;background:0 0;border:0;justify-content:center;align-items:flex-end;display:flex;position:absolute;top:0;left:0}.app-shell .ss-court__stand:after{content:"";width:1px;height:calc(var(--ss-court-stem) - 4px);background:linear-gradient(180deg,color-mix(in srgb,var(--vn-ink)34%,transparent),color-mix(in srgb,var(--vn-ink)10%,transparent));margin-left:-.5px;position:absolute;bottom:4px;left:50%}.app-shell .ss-court__stand:before{content:"";background:var(--vn-accent);opacity:.45;border-radius:50%;width:6px;height:6px;margin-bottom:-1px;margin-left:-3px;position:absolute;bottom:0;left:50%}.app-shell .ss-court__stand[data-ss-kind=list]:before{opacity:.2}.app-shell .ss-court__plate{overflow-wrap:anywhere;border:1px solid color-mix(in srgb,var(--vn-line)70%,transparent);background:color-mix(in srgb,var(--vn-bg-card)94%,transparent);text-align:center;border-radius:5px;flex-direction:column;align-items:center;gap:1px;max-width:11.5em;padding:4px 8px;transition:border-color .16s,background-color .16s,box-shadow .16s;display:flex;box-shadow:0 2px 4px #0000001f}.app-shell .ss-court__stand[data-ss-kind=entry] .ss-court__plate{border-radius:14px}.app-shell .ss-court__stand[data-ss-kind=mission] .ss-court__plate{border-color:color-mix(in srgb,var(--vn-accent)46%,transparent)}.app-shell .ss-court__stand[data-ss-kind=up] .ss-court__plate,.app-shell .ss-court__stand[data-ss-kind=list] .ss-court__plate{background:color-mix(in srgb,var(--vn-bg-card)74%,transparent);color:var(--vn-ink-mid);font-size:.74rem}.app-shell .ss-court__stand:hover .ss-court__plate,.app-shell .ss-court__stand:focus-visible .ss-court__plate,.app-shell .ss-court__stand[data-ss-state=hover] .ss-court__plate{border-color:color-mix(in srgb,var(--vn-accent)60%,transparent);background:var(--vn-bg-card);box-shadow:0 5px 18px color-mix(in srgb,var(--vn-accent)26%,transparent)}.app-shell .ss-court__title{color:var(--vn-ink);font-size:.8rem;font-weight:700;line-height:1.35}.app-shell .ss-court__done{color:var(--vn-good);vertical-align:-2px;flex:none;margin-inline-end:4px}.app-shell .ss-court[data-ss-presentation=office] .ss-court__plate{border-radius:5px;max-width:clamp(102px,10vw,160px);padding:4px 8px;font-size:.78rem;line-height:1.45}.app-shell .ss-court[data-ss-presentation=office] .ss-court__stand[data-ss-kind=entry] .ss-court__plate{border-radius:14px}.app-shell .ss-court[data-ss-presentation=office] .ss-court__title{word-break:auto-phrase;overflow-wrap:normal;line-break:strict}.app-shell .ss-court__axis{color:var(--vn-ink-mid);align-items:center;gap:5px;font-size:.63rem;font-weight:600;line-height:1.5;display:flex}.app-shell .ss-court__detail{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-shell .ss-court__stand:is(:hover,:focus-visible,[data-ss-state=hover]) .ss-court__detail,.app-shell .ss-court__plate[data-ss-picked] .ss-court__detail{clip-path:none;white-space:normal;width:auto;height:auto;position:static;overflow:visible}.app-shell .ss-court__step{color:#fffef7;background:#466b50;border-radius:50%;place-items:center;width:17px;height:17px;font-size:.65rem;display:inline-grid}.app-shell .ss-court__stand[data-ss-zone=crosscut] .ss-court__plate{border-top:3px double var(--vn-ink-mid)}.app-shell .ss-court__stand[data-ss-zone=practice] .ss-court__plate{border:2px solid #658461}@media (max-width:1023px){.app-shell .ss-world__canvas-wrap[data-ss-presentation=office]{height:max(190px,100% - 320px);overflow:visible}.app-shell .ss-court[data-ss-presentation=office]{pointer-events:auto;touch-action:pan-y;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:244px;padding:3px;display:grid;inset:calc(100% + 8px) 12px auto;overflow-y:auto}.app-shell .ss-court[data-ss-presentation=office] .ss-court__stand{align-items:stretch;min-width:0;min-height:50px;padding:0;position:static;transform:none!important}.app-shell .ss-court[data-ss-presentation=office] .ss-court__stand:before,.app-shell .ss-court[data-ss-presentation=office] .ss-court__stand:after{display:none}.app-shell .ss-court[data-ss-presentation=office] .ss-court__plate{justify-content:center;width:100%;max-width:none;padding:5px;transform:none}.app-shell .ss-court[data-ss-presentation=office] [data-ss-zone=practice]{grid-column:1/-1}.app-shell .ss-court[data-ss-presentation=office] .ss-court__note{display:none}}@media (min-width:768px) and (max-width:1023px){.app-shell .ss-world__canvas-wrap[data-ss-presentation=office]{height:max(150px,100% - 250px)}.app-shell .ss-court[data-ss-presentation=office]{grid-template-columns:repeat(6,minmax(0,1fr));max-height:184px}.app-shell .ss-court[data-ss-presentation=office] [data-ss-zone=crosscut]{grid-column:span 2}}.app-shell .ss-court__plate[data-ss-progress=complete]{border-color:color-mix(in srgb,var(--vn-good)55%,transparent)}.app-shell .ss-court__plate[data-ss-progress=visited] .ss-court__note{color:var(--vn-accent)}.app-shell .ss-court__note{color:var(--vn-ink-muted);font-size:.66rem}.app-shell .ss-court__plate[data-ss-picked]{border-width:2px;border-color:var(--vn-accent);background:var(--vn-bg-card);box-shadow:0 6px 20px #0003,0 0 0 4px color-mix(in srgb,var(--vn-accent)22%,transparent);transform:scale(1.06)}.app-shell .ss-court__start{background:var(--vn-accent);min-height:40px;color:var(--vn-bg);font:inherit;white-space:nowrap;cursor:pointer;border:0;border-radius:999px;flex:none;align-items:center;gap:6px;padding:8px 16px;font-size:.8rem;font-weight:700;display:inline-flex}.app-shell .ss-court__start:hover,.app-shell .ss-court__start:focus-visible{filter:brightness(1.08);box-shadow:0 0 0 3px color-mix(in srgb,var(--vn-accent)34%,transparent);outline:none}@media (max-width:767px){.app-shell .ss-court__plate{max-width:6.5em;padding:4px 8px}.app-shell .ss-court__title{font-size:.72rem}.app-shell .ss-court__note{display:none}}.app-shell .ss-world__panel{z-index:5;border:1px solid var(--vn-line);background:var(--vn-bg-card);border-radius:18px;max-width:24rem;margin-left:auto;padding:18px;position:absolute;bottom:24px;left:20px;right:20px;box-shadow:0 12px 34px #0000002e}.app-shell .ss-world__panel--hint{border-color:color-mix(in srgb,var(--vn-line)60%,transparent);background:color-mix(in srgb,var(--vn-bg-card)78%,transparent);width:fit-content;max-width:none;box-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--vn-ink-mid);pointer-events:none;border-radius:999px;justify-content:center;align-items:center;gap:6px;margin-inline:auto;padding:7px 14px;font-size:.76rem;font-weight:600;display:flex;bottom:28px;left:20px;right:20px}.app-shell.ss-page--immersive .ss-page__inner{z-index:1;padding-inline:clamp(12px,2vw,28px);pointer-events:none;max-width:96rem;padding-top:10px;position:relative}.app-shell.ss-page--immersive .vn-top,.app-shell.ss-page--immersive .vn-crumbs{pointer-events:none}.app-shell.ss-page--immersive .vn-crumbs>*,.app-shell.ss-page--immersive .vn-seg__btn,.app-shell.ss-page--immersive .vn-mode-select,.app-shell.ss-page--immersive .vn-top-actions,.app-shell.ss-page--immersive .sk-notice,.app-shell.ss-page--immersive .ss-hero,.app-shell.ss-page--immersive .ss-picker,.app-shell.ss-page--immersive .sk-empty,.app-shell.ss-page--immersive .ss-locbar,.app-shell.ss-page--immersive .ss-action{pointer-events:auto}.app-shell.ss-page--immersive .ss-hero{border:1px solid var(--vn-line);background:var(--vn-bg-card);border-bottom:0;border-radius:18px 18px 0 0;margin-bottom:0;padding:16px 18px 12px}.app-shell.ss-page--immersive .ss-picker{border:1px solid var(--vn-line);background:var(--vn-bg-card);border-top:0;border-radius:0 0 18px 18px;padding:0 18px 18px}@media (min-width:768px){.app-shell.ss-page--immersive .ss-hero,.app-shell.ss-page--immersive .ss-picker,.app-shell.ss-page--immersive .sk-empty{width:min(30rem,46%);margin-inline-end:auto}.app-shell.ss-page--immersive .ss-picker{overscroll-behavior:contain;max-height:min(52svh,30rem);overflow-y:auto}}@media (max-width:767px){.app-shell.ss-page--immersive .ss-page__inner{flex-direction:column;min-height:calc(100svh - 96px);display:flex}.app-shell.ss-page--immersive .ss-page__inner>.ss-locbar{margin-bottom:auto}.app-shell.ss-page--immersive .ss-picker{overscroll-behavior:contain;max-height:34svh;overflow-y:auto}}.app-shell .ss-result--immersive{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#0c141375}@media (prefers-reduced-motion:reduce){.app-shell .ss-result--immersive{background:var(--vn-bg);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (max-width:767px){.app-shell.ss-page--immersive .ss-page__inner{padding-inline:8px}.app-shell .ss-world__panel{max-width:none;padding:14px;bottom:16px;left:12px;right:12px}.app-shell .ss-world__panel--hint{background:color-mix(in srgb,var(--vn-bg-card)88%,transparent);-webkit-backdrop-filter:none;backdrop-filter:none;padding:6px 12px;font-size:.72rem;bottom:18px;left:12px;right:12px}.app-shell .ss-world__label{--ss-label-stem:11px}.app-shell .ss-world__label-plate{background:color-mix(in srgb,var(--vn-bg-card)88%,transparent);-webkit-backdrop-filter:none;backdrop-filter:none;padding:3px 8px}.app-shell .ss-world__district{background:color-mix(in srgb,var(--vn-bg-card)78%,transparent);-webkit-backdrop-filter:none;backdrop-filter:none}.app-shell .ss-world__label-title{font-size:.72rem}.app-shell .ss-world__label-note{font-size:.6rem}}.app-shell .ss-court-progress{color:var(--vn-ink-muted);gap:3px;font-size:.64rem;display:grid}.app-shell .ss-court-progress strong{font-variant-numeric:tabular-nums;color:var(--vn-ink)}.app-shell .ss-court-progress meter{width:100%;height:7px}.app-shell .ss-court-child-status{align-items:center;gap:3px;display:inline-flex}.app-shell .ss-court-carousel{inset:auto 12px max(12px,env(safe-area-inset-bottom));z-index:1100;border:1px solid var(--vn-line);background:var(--vn-bg-card);color:var(--vn-ink);pointer-events:auto;border-radius:18px;gap:6px;padding:10px 14px;display:grid;position:absolute;box-shadow:0 6px 24px #00000024}.app-shell .ss-court-carousel__browse{color:var(--vn-ink-muted);justify-content:space-between;align-items:center;font-size:.68rem;display:flex}.app-shell .ss-court-carousel__browse button{border:1px solid var(--vn-line);width:44px;height:44px;color:var(--vn-ink);border-radius:50%;place-items:center;display:grid}.app-shell .ss-court-carousel__browse button:disabled{opacity:.35}.app-shell .ss-court-carousel__body{text-align:center;min-height:42px;font-size:.87rem}.app-shell .ss-court-carousel__note{color:var(--vn-ink-muted);flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px;font-size:.67rem;display:flex}.app-shell .ss-court-carousel__actions{align-items:center;gap:6px;display:flex}.app-shell .ss-court-carousel .ss-court__start{flex:auto;justify-content:center;min-height:44px}.app-shell .ss-court-carousel__skip{min-height:44px;color:var(--vn-ink-mid);border-radius:999px;flex:none;align-items:center;gap:4px;padding:0 10px;font-size:.74rem;font-weight:600;display:inline-flex}.app-shell .ss-court-carousel__skip:focus-visible{outline:2px solid var(--vn-accent);outline-offset:2px}.app-shell .ss-court-swipe{z-index:100;pointer-events:auto;touch-action:pan-y;position:absolute;inset:150px 0 240px}.app-shell .ss-town-carousel{inset:auto 12px max(12px,env(safe-area-inset-bottom));z-index:1100;border:1px solid var(--vn-line);background:var(--vn-bg-card);max-width:480px;color:var(--vn-ink);pointer-events:auto;border-radius:18px;gap:8px;margin-inline:auto;padding:10px 14px 12px;display:grid;position:absolute;box-shadow:0 6px 24px #00000024}.app-shell .ss-town-carousel__browse{color:var(--vn-ink-muted);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:8px;font-size:.68rem;display:flex}.app-shell .ss-town-carousel__browse strong{color:var(--vn-ink);font-size:.84rem}.app-shell .ss-town-carousel__browse button{border:1px solid var(--vn-line);width:44px;height:44px;color:var(--vn-ink);border-radius:50%;flex:none;place-items:center;display:grid}.app-shell .ss-town-carousel__browse button:disabled{opacity:.35}.app-shell .ss-town-carousel__browse button:focus-visible{outline:2px solid var(--vn-accent);outline-offset:2px}.app-shell .ss-town-carousel__places{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.app-shell .ss-town-place{border:1px solid var(--vn-line);background:var(--vn-bg);min-height:40px;color:var(--vn-ink);border-radius:999px;align-items:center;gap:4px;padding:6px 13px;font-size:.78rem;font-weight:600;line-height:1.2;display:inline-flex}.app-shell .ss-town-place[data-ss-progress=visited]{border-color:color-mix(in srgb,var(--vn-accent)38%,var(--vn-line))}.app-shell .ss-town-place[data-ss-progress=complete]{border-color:color-mix(in srgb,var(--vn-accent)60%,var(--vn-line));color:var(--vn-accent)}.app-shell .ss-town-place:disabled{opacity:.48}.app-shell .ss-town-place small{color:var(--vn-ink-muted);font-size:.6rem;font-weight:400}.app-shell .ss-town-place:focus-visible{outline:2px solid var(--vn-accent);outline-offset:2px}.app-shell .ss-town-carousel__progress{text-align:center;color:var(--vn-ink-muted);font-size:.66rem}.app-shell .ss-town-carousel__progress strong{color:var(--vn-ink);font-variant-numeric:tabular-nums}@media (max-height:560px) and (max-width:1023px){.app-shell .ss-town-carousel{width:min(46%,340px);margin-inline:0;left:auto;right:10px}.app-shell .ss-town-carousel__places{justify-content:flex-start}}@media (max-width:1023px){.app-shell .ss-world__canvas-wrap[data-ss-compact=true]{height:100%;overflow:hidden}.app-shell .ss-court-carousel{max-width:480px;margin-inline:auto}}@media (max-height:560px) and (max-width:1023px){.app-shell .ss-court-carousel{width:min(44%,320px);bottom:10px;left:auto;right:10px}}.app-shell .ss-court-progress--compact{justify-content:center;align-items:center;gap:5px;font-size:.6rem;line-height:1.1;display:flex}.app-shell .ss-court-progress--compact meter{width:28px;height:6px}.app-shell .ss-court__floor-hint{border:1px solid color-mix(in srgb,var(--vn-line)60%,transparent);background:color-mix(in srgb,var(--vn-bg-card)93%,transparent);color:var(--vn-ink-mid);white-space:nowrap;pointer-events:none;border-radius:24px;align-items:center;gap:8px;padding:10px 18px;font-size:.72rem;display:flex;position:absolute;inset:auto auto 24px 50%;transform:translate(-50%)}.app-shell [data-ss-inspecting=true] .ss-court-carousel,.app-shell [data-ss-inspecting=true] .ss-court-swipe,.app-shell [data-ss-chooser-hidden=true] .ss-court-carousel,.app-shell [data-ss-chooser-hidden=true] .ss-court-swipe{visibility:hidden;pointer-events:none}.app-shell .ss-locbar{border:1px solid color-mix(in srgb,var(--vn-line)72%,transparent);background:color-mix(in srgb,var(--vn-bg-card)90%,transparent);-webkit-backdrop-filter:blur(10px)saturate(1.08);backdrop-filter:blur(10px)saturate(1.08);width:fit-content;max-width:100%;min-height:48px;color:var(--vn-ink);border-radius:999px;align-items:center;gap:8px;margin:2px 0 10px;padding:4px 6px 4px 4px;font-size:.8rem;display:flex;box-shadow:0 4px 16px #0000001f}.app-shell.ss-page:not(.ss-page--immersive) .ss-locbar{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--vn-bg-card);margin-top:8px}.app-shell .ss-locbar__back{background:color-mix(in srgb,var(--vn-accent)14%,transparent);min-height:40px;color:var(--vn-ink);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:2px;padding:0 12px 0 8px;font-weight:700;display:inline-flex}.app-shell .ss-locbar__back:hover{background:color-mix(in srgb,var(--vn-accent)24%,transparent)}.app-shell .ss-locbar__path{align-items:center;gap:4px;min-width:0;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.app-shell .ss-locbar__step{white-space:nowrap;flex:0 auto;align-items:center;gap:4px;min-width:0;display:flex}.app-shell .ss-locbar__step:last-child{flex-shrink:0;max-width:100%}.app-shell .ss-locbar__sep{color:var(--vn-ink-muted)}.app-shell .ss-locbar__link{color:var(--vn-ink-mid);text-overflow:ellipsis;border-radius:6px;padding:6px 4px;overflow:hidden}.app-shell .ss-locbar__link:hover{color:var(--vn-ink);text-underline-offset:3px;text-decoration:underline}.app-shell .ss-locbar__here{text-overflow:ellipsis;font-weight:700;overflow:hidden}.app-shell .ss-locbar__progress{border-left:1px solid var(--vn-line);color:var(--vn-ink-muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;align-items:center;gap:6px;padding-left:8px;font-size:.72rem;display:inline-flex}.app-shell .ss-locbar__progress strong{color:var(--vn-ink)}.app-shell .ss-locbar__progress meter{width:56px;height:6px}.app-shell .ss-locbar__tools{border-left:1px solid var(--vn-line);flex:none;gap:2px;padding-left:6px;display:inline-flex}.app-shell .ss-locbar__tool{min-width:40px;min-height:40px;color:var(--vn-ink-mid);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:0 10px;font-weight:600;display:inline-flex}.app-shell .ss-locbar__tool:hover,.app-shell .ss-locbar__tool[aria-pressed=true],.app-shell .ss-locbar__tool[aria-expanded=true]{background:color-mix(in srgb,var(--vn-accent)14%,transparent);color:var(--vn-ink)}.app-shell .ss-locbar button:focus-visible{outline:2px solid var(--vn-accent);outline-offset:2px}.app-shell .ss-action{z-index:5;border:1px solid color-mix(in srgb,var(--vn-line)76%,transparent);background:color-mix(in srgb,var(--vn-bg-card)90%,transparent);-webkit-backdrop-filter:blur(17px)saturate(118%);backdrop-filter:blur(17px)saturate(118%);width:min(24rem,100% - 40px);max-height:calc(100svh - 190px);color:var(--vn-ink);border-radius:17px;flex-direction:column;gap:8px;padding:16px 18px;display:flex;position:fixed;bottom:20px;right:20px;overflow:auto;box-shadow:0 18px 48px #12201c29}.app-shell .ss-action__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.app-shell .ss-action__eyebrow{color:var(--vn-accent);letter-spacing:.04em;margin:0;font-size:.7rem;font-weight:700}.app-shell .ss-action__title{overflow-wrap:anywhere;align-items:center;gap:6px;margin:0;font-size:1.05rem;font-weight:700;line-height:1.4;display:flex}.app-shell .ss-action__title--place{font-family:var(--vn-serif);font-size:1.35rem}.app-shell .ss-action__done{color:var(--vn-good);flex:none}.app-shell .ss-action__desc,.app-shell .ss-action__detail,.app-shell .ss-action__hint{color:var(--vn-ink-mid);margin:0;font-size:.8rem;line-height:1.55}.app-shell .ss-action__detail{color:var(--vn-ink-muted);font-size:.74rem}.app-shell .ss-action__hint{color:var(--vn-ink-muted);font-size:.7rem}.app-shell .ss-action__buttons{flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:2px;display:flex}.app-shell .ss-action__primary{background:var(--vn-accent);min-height:44px;color:var(--vn-bg);border-radius:12px;flex:auto;justify-content:center;align-items:center;gap:6px;padding:0 18px;font-size:.86rem;font-weight:700;display:inline-flex}.app-shell .ss-action__primary:hover{filter:brightness(1.06)}.app-shell .ss-action__secondary{min-height:44px;color:var(--vn-ink-mid);align-items:center;gap:4px;font-size:.76rem;font-weight:600;display:inline-flex}.app-shell .ss-action__secondary:hover{color:var(--vn-ink)}.app-shell .ss-action__clear{border:1px solid color-mix(in srgb,var(--vn-line)70%,transparent);width:36px;height:36px;color:var(--vn-ink-mid);border-radius:999px;place-items:center;display:inline-grid}.app-shell .ss-action__clear:hover{color:var(--vn-ink)}.app-shell .ss-action__quick{border-top:1px solid var(--vn-line);gap:4px;margin-top:4px;padding-top:10px;display:grid}.app-shell .ss-action__quick-start{border:1px solid var(--vn-line);min-height:44px;color:var(--vn-ink);text-align:left;border-radius:12px;align-items:center;gap:10px;padding:6px 10px;display:flex}.app-shell .ss-action__quick-start:hover{border-color:color-mix(in srgb,var(--vn-accent)55%,var(--vn-line))}.app-shell .ss-action__quick-start>svg{color:var(--vn-accent);flex:none}.app-shell .ss-action__quick-text{min-width:0;display:grid}.app-shell .ss-action__quick-title{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:650;overflow:hidden}.app-shell .ss-action__quick-note{color:var(--vn-ink-muted);font-size:.68rem}.app-shell .ss-action button:focus-visible{outline:2px solid var(--vn-accent);outline-offset:2px}@media (max-width:767px){.app-shell .ss-locbar{gap:6px;width:100%;font-size:.76rem}.app-shell .ss-locbar__step--middle{display:none}.app-shell .ss-locbar__path{flex:auto}.app-shell .ss-locbar__progress meter,.app-shell .ss-locbar__progress-word{display:none}.app-shell .ss-locbar__tool{padding:0}.app-shell .ss-locbar__tool-text{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-shell .ss-action{right:10px;bottom:max(10px,env(safe-area-inset-bottom));border-radius:15px;width:auto;max-height:46svh;padding:14px 15px;left:10px}.app-shell .ss-action__title--place{font-size:1.15rem}}