:root{--color-bg:#295bbe;--color-bg-deep:#1d4396;--color-surface:#ffffff1b;--color-surface-strong:#ffffff2e;--color-sunken:#ffffff13;--color-border:#ffffff57;--color-border-soft:#fff3;--color-text:#fff;--color-text-muted:#fffc;--color-ink:#1c4290;--color-on-bg:#fff;--color-on-bg-muted:#ffffffd1;--color-on-bg-line:#ffffff57;--color-on-bg-fill:#ffffff29;--color-display:#ffa314;--color-gloss:#ffffffc7;--color-gloss-ink:#1c4290b8;--color-accent:#fff;--color-accent-bright:#ffffffdb;--color-accent-soft:#ffffff42;--color-accent-line:#fff9;--color-success:#0a7d59;--color-success-soft:#d7f3e8;--color-error:#c2352d;--color-error-soft:#fde2de;--shadow-flat:none;--shadow-raised:none;--shadow-key:none;--radius-lg:24px;--radius-md:16px;--radius-sm:10px;--font-display:"Poppins", "Segoe UI", system-ui, sans-serif;--font-body:"Poppins", system-ui, "Segoe UI", Roboto, sans-serif;--shell-width:430px;--read-width:100%;font:16px/1.55 var(--font-body);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--color-bg)}body{background:var(--color-bg);min-height:100vh;color:var(--color-text);margin:0}h1,h2,h3{color:var(--color-display);font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;margin:0;font-weight:800;line-height:1.02}button{-webkit-tap-highlight-color:transparent;font-family:inherit}:focus-visible{outline:2px solid var(--color-on-bg);outline-offset:3px;border-radius:6px}html,body{overscroll-behavior:none}.app-main{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}button,a,[role=button]{touch-action:manipulation}.native-ios{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.native-ios body{-webkit-user-select:none;user-select:none}.native-ios input,.native-ios textarea,.native-ios [contenteditable=true]{-webkit-user-select:text;user-select:text}.native-ios input,.native-ios textarea,.native-ios select{appearance:none;border-radius:0}.native-ios .searchbar-input{border-radius:inherit}.native-ios,.native-ios body{background:var(--color-bg)}.tab-badge{background:var(--color-surface);min-width:18px;height:18px;color:var(--color-accent);font-variant-numeric:tabular-nums;vertical-align:1px;border-radius:9px;place-items:center;margin-left:6px;padding:0 5px;font-size:11px;font-weight:700;display:inline-grid}.review{flex-direction:column;gap:26px;width:100%;display:flex}.review-head{border-bottom:1px solid var(--color-on-bg-line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:22px;padding-bottom:22px;display:flex}.review-eyebrow{color:var(--color-on-bg-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:700}.review-head h1{color:var(--color-display);margin:0;font-size:clamp(28px,4.6vw,38px)}.review-subtitle{max-width:44ch;color:var(--color-on-bg-muted);margin:8px 0 0;font-size:14px}.review-stats .stat-label,.review-stats .stat-total{color:var(--color-on-bg-muted)}.review-stats .stat-value{color:var(--color-on-bg)}.review-stats{gap:28px;margin:0;display:flex}.review-stats div{flex-direction:column;gap:2px;display:flex}.review-stats dd{margin:0}.mode-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;display:grid}.mode-card{border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-raised);color:var(--color-text);text-align:left;cursor:pointer;border:0;align-items:center;gap:14px;padding:18px 20px;transition:border-color .16s,transform .16s,box-shadow .16s;display:flex}.mode-card:hover:not(.is-disabled){box-shadow:var(--shadow-key);transform:translateY(-2px)}.mode-card.is-disabled{cursor:default;opacity:.55}.mode-icon{border-radius:var(--radius-md);background:var(--color-accent-soft);width:38px;height:38px;color:var(--color-accent);flex:none;place-items:center;display:grid}.mode-icon svg{width:21px;height:21px}.mode-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.mode-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:17px;font-weight:800}.mode-description{color:var(--color-text-muted);font-size:13px;line-height:1.4}.mode-count{color:var(--color-accent);font-family:var(--font-display);font-variant-numeric:tabular-nums;flex:none;font-size:22px;font-weight:800}.review-note{max-width:70ch;color:var(--color-on-bg-muted);margin:0;font-size:13px;line-height:1.6}.review-empty{width:100%;max-width:var(--read-width);aspect-ratio:941/1672;flex-direction:column;align-items:flex-start;gap:14px;margin:0 auto;padding:38% 24px 0;display:flex;position:relative}.review-empty-art{aspect-ratio:941/1672;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;position:absolute;top:0;left:0}.review-empty h1{color:var(--color-display);margin:0;font-size:clamp(24px,4vw,30px);position:relative}.review-empty p{color:var(--color-on-bg-muted);margin:0;line-height:1.65;position:relative}.listen-card{border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-raised);border:0;flex-direction:column;align-items:center;gap:14px;padding:34px 22px;display:flex}.listen-button{border:1px solid var(--color-accent-line);background:var(--color-accent-soft);color:var(--color-accent);cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:12px 20px;font-size:15px;font-weight:600;display:inline-flex}.listen-button:disabled{cursor:default;opacity:.6}.listen-button svg{width:20px;height:20px}.listen-reveal{color:var(--color-text);text-align:center;margin:0;font-size:17px}.wordbank-answer{border:2px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);flex-wrap:wrap;align-items:center;gap:8px;min-height:58px;padding:14px 16px;display:flex}.wordbank-answer.is-right{border-color:var(--color-success);border-style:solid}.wordbank-answer.is-wrong{border-color:var(--color-error);border-style:solid}.wordbank-placeholder{color:var(--color-text-muted);font-size:14px}.wordbank-pool{flex-wrap:wrap;gap:8px;min-height:40px;margin-top:14px;display:flex}.chip{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:999px;padding:9px 15px;font-size:15px;transition:border-color .14s,transform .14s}.chip:hover:not(:disabled){border-color:var(--color-accent-line);transform:translateY(-1px)}.chip:disabled{cursor:default}.review,.review-stats{gap:20px}.mode-grid{grid-template-columns:1fr}@media (prefers-reduced-motion:reduce){.mode-card,.chip{transition:none}.mode-card:hover:not(.is-disabled),.chip:hover:not(:disabled){transform:none}}.tabbar-tab.is-active .tab-badge{background:var(--color-accent);color:var(--color-surface)}.wordbank-pool:empty{display:none}.app-shell{background:var(--color-bg);justify-content:center;min-height:100dvh;display:flex}.app-frame{isolation:isolate;width:100%;max-width:var(--shell-width);background:var(--color-bg);flex-direction:column;height:100dvh;display:flex;position:relative;overflow:clip}.app-main{z-index:1;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0;padding:calc(20px + env(safe-area-inset-top)) 18px 26px;scrollbar-width:none;flex:1;position:relative;overflow-y:auto}.app-main::-webkit-scrollbar{display:none}@media (width>=620px){.app-shell{align-items:center;padding:26px 16px}.app-frame{border-radius:40px;height:min(900px,100dvh - 52px);box-shadow:inset 0 3px #ffffff29,0 40px 90px -34px #03182dd9}}.tabbar{z-index:12;padding:8px 3px calc(10px + env(safe-area-inset-bottom));background:var(--color-bg);border-top:1px solid var(--color-on-bg-line);flex:none;grid-template-columns:repeat(7,1fr);gap:1px;display:grid;position:relative}.tabbar-tab{cursor:pointer;min-width:0;min-height:56px;color:var(--color-on-bg-muted);background:0 0;border:0;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0 1px;transition:color .16s,background .16s;display:flex}.tabbar-icon{place-items:center;width:26px;height:26px;display:grid;position:relative}.tabbar-icon svg{width:24px;height:24px}.tabbar-label{letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.5rem;font-weight:700;overflow:hidden}.tabbar-tab.is-active{color:var(--color-ink);background:var(--color-on-bg)}.tabbar-tab:active{transform:scale(.96)}.home{flex-direction:column;gap:26px;min-height:100%;display:flex}.hero{border-bottom:1px solid var(--color-on-bg-line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 32px;padding-bottom:22px;display:flex}.hero-head{flex-direction:column;gap:5px;min-width:0;display:flex}.hero-logo{border-radius:var(--radius-md);border:1px solid var(--color-border-soft);object-fit:cover;flex:none;width:62px;height:62px}.hero-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--color-on-bg-muted);margin:0;font-size:.7rem;font-weight:700}.home-wordmark{letter-spacing:-.045em;color:var(--color-display);font-size:clamp(2rem,8.4vw,2.8rem);line-height:.96}.hero h1{color:var(--color-display);font-size:clamp(2.4rem,8vw,3.3rem);font-weight:800;line-height:.98}.hero h1.home-wordmark{font-size:clamp(1.81rem,6.02vw,2.48rem)}.hero-subtitle{max-width:42ch;color:var(--color-on-bg-muted);margin:0;font-size:.86rem}.hero-stats{border:1px solid var(--color-border-soft);border-radius:var(--radius-md);background:var(--color-surface);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);gap:26px;margin:0;padding:9px 14px 10px;display:flex}.stat{flex-direction:column;gap:1px;display:flex}.stat-label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-on-bg-muted);font-size:.68rem;font-weight:700}.stat-value{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--color-on-bg);align-items:baseline;gap:3px;margin:0;font-size:1.55rem;font-weight:600;line-height:1.1;display:flex}.stat-total{font-family:var(--font-body);color:var(--color-on-bg-muted);font-size:.74rem;font-weight:700}.scene-grid-wrap{flex-direction:column;gap:12px;display:flex}.scene-grid{flex-wrap:wrap;justify-content:flex-start;gap:9px;display:flex}.scene-tile{border-radius:var(--radius-md);cursor:pointer;text-align:center;background:#fff;border:0;flex-direction:column;align-items:center;gap:7px;width:91px;padding:12px 5px 11px;transition:transform .12s,box-shadow .12s,background .15s;display:flex;position:relative;box-shadow:0 3px #122f6b57}.scene-tile:hover{transform:translateY(-2px);box-shadow:0 5px #122f6b57}.scene-tile:active{transform:translateY(3px);box-shadow:0 0 #122f6b57}.scene-tile-icon{background:var(--color-display);width:40px;height:40px;color:var(--color-ink);border-radius:14px;justify-content:center;align-items:center;display:inline-flex;position:relative}.scene-tile-icon svg{stroke-width:1.9px;width:24px;height:24px}.scene-tile-done{bottom:-3px;background:var(--color-ink);color:#fff;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;width:15px;height:15px;display:inline-flex;position:absolute;inset-inline-end:-3px}.scene-tile-done svg{width:9px;height:9px}.scene-tile-title{font-family:var(--font-display);letter-spacing:.005em;color:var(--color-ink);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;min-height:3.84em;font-size:.6rem;font-weight:700;line-height:1.28}.scene-tile-sub{color:var(--color-gloss-ink);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;margin-top:-3px;font-size:.51rem;font-weight:600;line-height:1.22}.scene-tile.is-completed .scene-tile-title{color:#1c429094}.practice{flex-direction:column;display:flex}.practice-topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.practice-topbar-right{align-items:center;gap:16px;display:flex}.practice-progress{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--color-on-bg);font-size:1.05rem;font-weight:800}.practice-progress-total{font-family:var(--font-body);color:var(--color-on-bg-muted);font-size:.8rem;font-weight:700}.hearts{gap:4px;display:flex}.heart{width:20px;height:20px}.heart.is-full{color:var(--color-error)}.heart.is-empty{color:var(--color-on-bg-line)}.practice-steps{background:var(--color-on-bg-fill);border-radius:999px;height:4px;margin-top:16px;overflow:hidden}.practice-steps-fill{background:var(--color-on-bg);border-radius:999px;height:100%;transition:width .35s cubic-bezier(.22,1,.36,1)}.practice-body{width:100%;max-width:var(--read-width);flex-direction:column;gap:26px;margin:0 auto;padding-top:34px;display:flex}.practice-head{flex-direction:column;gap:4px;display:flex}.practice-level{letter-spacing:.14em;text-transform:uppercase;color:var(--color-on-bg-muted);margin:0;font-size:.68rem;font-weight:700}.practice-title{color:var(--color-display);font-size:clamp(2rem,6vw,2.6rem);line-height:1}.practice-title-sub{color:var(--color-gloss);margin:2px 0 0;font-size:.72rem;font-weight:600}.practice-setting{color:var(--color-on-bg-muted);margin:0;font-size:.9rem}.turn{flex-direction:column;gap:20px;display:flex}.dialogue-bubble{border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);border-top-left-radius:6px;flex-direction:column;gap:8px;padding:20px 22px;display:flex}.speaker-name{letter-spacing:.13em;text-transform:uppercase;color:var(--color-accent);font-size:.7rem;font-weight:700}.speaker-line-row{align-items:flex-start;gap:12px;display:flex}.speaker-line{font-family:var(--font-display);letter-spacing:-.01em;flex:1;margin:0;font-size:1.3rem;font-weight:500;line-height:1.35}.speak-button{border:1px solid var(--color-border);background:var(--color-sunken);width:34px;height:34px;color:var(--color-accent);cursor:pointer;border-radius:50%;flex:none;place-items:center;transition:color .15s,border-color .15s,transform .15s;display:grid}.speak-button svg{width:17px;height:17px}.speak-button:hover{color:var(--color-accent);border-color:var(--color-accent-line);transform:scale(1.06)}.speaker-translation{color:var(--color-gloss);margin:0;font-size:.76rem;font-style:italic}.options-prompt{letter-spacing:.13em;text-transform:uppercase;color:var(--color-on-bg-muted);margin:0;font-size:.7rem;font-weight:700}.options{flex-direction:column;gap:9px;display:flex}.option-button{border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);text-align:left;cursor:pointer;border-radius:999px;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-size:.97rem;font-weight:500;transition:border-color .15s,background .15s,transform .18s cubic-bezier(.34,1.56,.64,1),opacity .2s;display:flex}.option-button:hover:not(:disabled){border-color:var(--color-on-bg);background:var(--color-surface-strong);transform:translate(3px)}.option-button:disabled{cursor:default}.option-copy{flex-direction:column;gap:1px;min-width:0;display:flex}.option-sub{color:var(--color-gloss);font-size:.7rem;font-weight:500;line-height:1.34}.option-button.correct .option-sub,.option-button.incorrect .option-sub,.option-button.correct-hint .option-sub{color:inherit;opacity:.72}.option-mark{flex:none;width:20px;height:20px}.option-button.correct{border-color:var(--color-success);background:var(--color-success-soft);color:var(--color-success);font-weight:600;animation:.36s cubic-bezier(.34,1.56,.64,1) pop}.option-button.correct-hint{border-color:var(--color-success);color:var(--color-success)}.option-button.incorrect{border-color:var(--color-error);background:var(--color-error-soft);color:var(--color-error);font-weight:600;animation:.4s shake}.option-button.is-dimmed{opacity:1}.feedback{border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-on-bg);flex-direction:column;gap:14px;padding:18px 22px;animation:.3s cubic-bezier(.22,1,.36,1) rise;display:flex}.feedback.is-correct{border-left-color:var(--color-success-soft)}.feedback.is-incorrect{border-left-color:var(--color-error-soft)}.feedback p{margin:0;font-size:.93rem;line-height:1.55}.primary-button{border:2px solid var(--color-accent);background:var(--color-accent);width:100%;color:var(--color-ink);font-family:var(--font-display);letter-spacing:.1em;text-align:center;text-transform:uppercase;cursor:pointer;border-radius:999px;align-self:stretch;padding:16px 28px;font-size:.9rem;font-weight:800;transition:transform .15s,opacity .15s}.primary-button:hover{opacity:.9;transform:translateY(-1px)}.link-button{color:var(--color-on-bg-muted);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:0;font-size:.85rem;font-weight:700;transition:color .15s}.link-button:hover{color:var(--color-on-bg)}.scenario-complete{border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);flex-direction:column;align-items:flex-start;gap:14px;padding:32px 30px;animation:.4s cubic-bezier(.22,1,.36,1) rise;display:flex}.complete-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--color-on-bg);margin:0;font-size:.7rem;font-weight:700}.scenario-complete.is-failed .complete-eyebrow{color:var(--color-error-soft)}.xp-badge{color:var(--color-accent);align-items:baseline;gap:6px;display:flex}.xp-badge-value{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:clamp(2.6rem,8vw,3.6rem);font-weight:600;line-height:1}.xp-badge-unit{letter-spacing:.06em;font-size:1rem;font-weight:700}.scenario-complete h3{font-size:1.16rem;font-weight:600;line-height:1.4}.complete-note{color:var(--color-text-muted);margin:0;font-size:.92rem}.complete-actions{flex-direction:column;align-self:stretch;align-items:stretch;gap:12px;margin-top:4px;display:flex}.progress-page{flex-direction:column;gap:26px;display:flex}.progress-head{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.progress-head>div{flex-direction:column;gap:4px;display:flex}.progress-head h2{color:var(--color-display);font-size:clamp(2.2rem,7vw,3rem)}.progress-head p{color:var(--color-on-bg-muted)}.progress-meter{flex-direction:column;gap:12px;display:flex}.progress-meter-top{align-items:baseline;gap:12px;display:flex}.progress-meter-value{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--color-on-bg);font-size:2.6rem;font-weight:600;line-height:1}.progress-meter-caption{color:var(--color-on-bg-muted);font-size:.88rem}.progress-bar-track{background:var(--color-on-bg-fill);border-radius:999px;height:8px;overflow:hidden}.progress-bar-fill{background:var(--color-on-bg);border-radius:999px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1)}.progress-summary{flex-wrap:wrap;gap:10px;margin:0;display:flex}.progress-summary-card{border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);flex-direction:column;flex:140px;gap:2px;padding:16px 18px;display:flex}.progress-list{border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);margin:0;padding:6px 20px;list-style:none}.progress-item{border-bottom:1px solid var(--color-border-soft);align-items:center;gap:13px;padding:13px 0;display:flex}.progress-item:last-child{border-bottom:0}.scenario-icon{border-radius:var(--radius-sm);background:var(--color-sunken);width:32px;height:32px;color:var(--color-text-muted);flex:none;place-items:center;display:grid}.scenario-icon svg{width:18px;height:18px}.progress-item.is-completed .scenario-icon{background:var(--color-success-soft);color:var(--color-success)}.progress-item-text{flex-direction:column;flex:1;min-width:0;display:flex}.progress-item-title{font-size:.94rem;font-weight:600}.progress-item-sub{color:var(--color-gloss);font-size:.68rem}.progress-item-level{color:var(--color-text-muted);font-size:.76rem}.progress-item-status{color:var(--color-text-muted);flex:none;font-size:.76rem;font-weight:700}.progress-item.is-completed .progress-item-status{color:var(--color-on-bg)}@keyframes pop{0%{transform:scale(1)}45%{transform:scale(1.035)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.marker-check path{stroke-dasharray:1;animation:.45s cubic-bezier(.65,0,.35,1) .1s backwards draw}.hearts.is-shaking{animation:.4s shake}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.option-button:hover:not(:disabled),.scene-tile:hover,.primary-button:hover,.speak-button:hover{transform:none}}.hero{align-items:flex-start}.hero-stats{gap:20px}.stat-value{font-size:1.3rem}.speaker-line{font-size:1.14rem}.scenario-complete{padding:24px 20px}.welcome{z-index:1;align-items:center;min-height:100vh;padding:40px 24px;display:flex;position:relative}.welcome .lang-trigger{top:16px;z-index:2;position:absolute;inset-inline-end:18px}.welcome-inner{width:100%;max-width:520px;margin:0 auto;animation:.5s cubic-bezier(.22,1,.36,1) rise}.welcome-title{letter-spacing:-.045em;color:var(--color-display);font-size:clamp(3.2rem,13vw,5.4rem);font-weight:800;line-height:.94}.welcome-rule{background:var(--color-on-bg-line);border-radius:999px;width:78px;height:4px;margin:26px 0 20px;display:block}.welcome-tagline{color:var(--color-on-bg);margin:0;font-size:clamp(1.15rem,3.4vw,1.5rem);font-weight:400}.welcome-kicker{letter-spacing:.3em;color:var(--color-on-bg-muted);margin:22px 0 0;font-size:.74rem;font-weight:600;line-height:1.9}.welcome-actions{flex-direction:column;gap:14px;margin-top:42px;display:flex}.welcome-button{letter-spacing:.1em;cursor:pointer;border-radius:999px;justify-content:space-between;align-items:center;gap:16px;padding:17px 30px;font-size:.94rem;font-weight:700;transition:transform .16s,background .16s,color .16s;display:flex}.welcome-button.is-ghost{border:2px solid var(--color-on-bg);color:var(--color-on-bg);background:0 0}.welcome-button.is-ghost:hover{background:var(--color-on-bg-fill)}.welcome-button.is-solid{border:2px solid var(--color-on-bg);background:var(--color-on-bg);color:var(--color-ink)}.welcome-button:hover{transform:translateY(-2px)}.welcome-arrow{flex:none;width:22px;height:22px}@media (prefers-reduced-motion:reduce){.welcome-button:hover{transform:none}}.tabbar-icon .tab-badge{background:var(--color-error);color:#fff;box-shadow:0 0 0 2px var(--color-bg);margin:0;position:absolute;top:-5px;right:-9px}.tabbar-tab.is-active .tabbar-icon .tab-badge{background:var(--color-error);color:#fff}.lang-trigger{border:1px solid var(--color-on-bg-line);background:var(--color-on-bg-fill);color:var(--color-on-bg);letter-spacing:.02em;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-family:inherit;font-size:.82rem;font-weight:700;transition:background .16s,transform .16s;display:inline-flex}.lang-trigger:hover{background:#ffffff42}.lang-trigger:active{transform:scale(.97)}.lang-trigger svg{flex:none;width:16px;height:16px}.lang-trigger.is-inline{flex:none;margin-top:4px}.settings-page{flex-direction:column;gap:26px;display:flex}.settings-head{flex-direction:column;gap:4px;display:flex}.settings-head h2{color:var(--color-display);font-size:clamp(2.2rem,7vw,3rem)}.settings-section{flex-direction:column;gap:10px;display:flex}.settings-section-title{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--color-on-bg-muted);margin:0;font-size:.72rem;font-weight:800}.settings-section-note{color:var(--color-on-bg-muted);margin:0 0 4px;font-size:.86rem;line-height:1.5}.settings-check{width:16px;height:16px;color:var(--color-ink);flex:none}.lang-sheet{z-index:30;background:var(--color-bg);color:var(--color-text);overscroll-behavior:contain;scrollbar-width:none;flex-direction:column;gap:14px;padding:28px 20px 20px;animation:.22s ease-out lang-sheet-in;display:flex;position:absolute;inset:0;overflow-y:auto}.lang-sheet::-webkit-scrollbar{display:none}@keyframes lang-sheet-in{0%{opacity:0;transform:translateY(16px)}}@media (prefers-reduced-motion:reduce){.lang-sheet{animation:none}}.lang-sheet-head{flex-direction:column;gap:6px;display:flex}.lang-sheet-head h2{color:var(--color-display);font-size:1.5rem}.lang-sheet-head p{color:var(--color-text-muted);font-size:.92rem}.lang-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.lang-option{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-sunken);width:100%;min-height:60px;color:var(--color-text);text-align:start;cursor:pointer;align-items:baseline;gap:10px;padding:17px 16px;font-family:inherit;transition:border-color .14s,background .14s;display:flex}.lang-option:hover{border-color:var(--color-accent-line)}.lang-option.is-active{border-color:var(--color-on-bg);background:var(--color-on-bg);color:var(--color-ink)}.lang-option.is-active .lang-english{color:#1c4290a8}.lang-native{font-size:1rem;font-weight:700}.lang-english{color:var(--color-text-muted);flex:1;font-size:.82rem}.lang-note{background:var(--color-on-bg-fill);border:1px solid var(--color-border);color:var(--color-text-muted);letter-spacing:.06em;border-radius:999px;flex:none;padding:3px 8px;font-size:.66rem;font-weight:700}.lang-fallback-note{color:var(--color-text-muted);font-size:.8rem;line-height:1.5}.lang-close{background:var(--color-accent);color:var(--color-ink);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:none;border-radius:999px;margin-top:auto;padding:17px 20px;font-size:.9rem;font-weight:800}.lang-close:active{transform:scale(.99)}[dir=rtl] .practice-topbar .link-button span[aria-hidden],[dir=rtl] .primary-button span[aria-hidden]{display:inline-block;transform:scaleX(-1)}.practice-tabs{background:var(--color-sunken);border:1px solid var(--color-border-soft);border-radius:999px;gap:4px;padding:4px;display:flex}.practice-tab{color:var(--color-on-bg-muted);font-family:var(--font-body);letter-spacing:.01em;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;padding:9px 6px;font-size:.78rem;font-weight:700;transition:background .18s,color .18s}.practice-tab:hover{color:var(--color-on-bg)}.practice-tab.is-active{background:var(--color-accent);color:var(--color-ink)}.extras-empty{text-align:center;color:var(--color-on-bg-muted);margin:0;padding:26px 0;font-size:.9rem}.quiz{flex-direction:column;gap:18px;display:flex}.quiz-steps{gap:5px;display:flex}.quiz-step{background:var(--color-on-bg-fill);border-radius:999px;flex:1;height:4px;transition:background .25s}.quiz-step.is-done,.quiz-step.is-current{background:var(--color-accent)}.quiz-prompt-card{border-radius:var(--radius-lg);background:var(--color-surface-strong);border:1px solid var(--color-border);padding:22px 22px 20px}.quiz-prompt{font-family:var(--font-display);color:var(--color-on-bg);text-wrap:balance;margin:0;font-size:1.05rem;font-weight:600;line-height:1.45}.quiz-prompt-sub{color:var(--color-gloss);margin:8px 0 0;font-size:.76rem;font-style:italic;line-height:1.4}.quiz-result{border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:34px 28px;animation:.4s cubic-bezier(.22,1,.36,1) rise;display:flex}.quiz-result-score{font-family:var(--font-display);color:var(--color-accent);margin:0;font-size:clamp(2.6rem,8vw,3.6rem);font-weight:600;line-height:1}.quiz-result-total{color:var(--color-on-bg-muted);font-size:.4em;font-weight:600}.quiz-result-note{color:var(--color-on-bg-muted);margin:0;font-size:.92rem}.postits{flex-direction:column;gap:16px;display:flex}.postit-hint{color:var(--color-on-bg-muted);margin:0;font-size:.78rem}.postit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.postit{--paper:#ffa314;transition:transform .25s cubic-bezier(.34,1.56,.64,1);position:relative}.postit.tone-0{transform:rotate(-1.6deg)}.postit.tone-1{transform:rotate(1.4deg)}.postit.tone-2{transform:rotate(1deg)}.postit.tone-3{transform:rotate(-1.1deg)}.postit:hover,.postit.is-flipped{transform:rotate(0)}.postit-face{background:linear-gradient(160deg, var(--paper) 0%, color-mix(in srgb, var(--paper) 88%, #fff) 100%);width:100%;min-height:124px;color:var(--color-ink);font-family:var(--font-body);text-align:left;cursor:pointer;border:0;border-radius:2px 2px 12px;flex-direction:column;gap:10px;padding:16px 14px 34px;display:flex}.postit-front{font-size:.88rem;font-weight:700;line-height:1.35}.postit.is-flipped .postit-front{opacity:.55;font-size:.78rem;font-weight:600}.postit-reverse{border-top:1px dashed #1c429047;flex-direction:column;gap:6px;padding-top:8px;display:flex}.postit-back{font-size:.82rem;font-weight:700;line-height:1.35}.postit-note{color:var(--color-gloss-ink);font-size:.74rem;line-height:1.4}.postit-speak{width:28px;height:28px;color:var(--color-ink);cursor:pointer;background:#1c42901a;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:background .15s;display:flex;position:absolute;bottom:8px;right:8px}.postit-speak:hover{background:#1c429033}.journey{flex-direction:column;gap:8px;padding-top:4px;display:flex}.journey-head{border-bottom:1px solid var(--color-border);flex-direction:column;gap:1px;padding-bottom:6px;display:flex}.journey-title{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--color-accent);margin:0;font-size:.74rem;font-weight:800}.journey-sub{color:var(--color-gloss);margin:0;font-size:.63rem;line-height:1.35}.scene-grid.is-journey .scene-tile{position:relative}.scene-tile-step{top:4px;min-width:13px;height:13px;font-family:var(--font-display);color:var(--color-ink);background:#1c42901f;border-radius:999px;justify-content:center;align-items:center;padding:0 3px;font-size:.5rem;font-weight:800;line-height:1;display:inline-flex;position:absolute;inset-inline-start:5px}.scene-tile.is-completed .scene-tile-step,.scene-tile.is-current .scene-tile-step{background:var(--color-ink);color:#fff}.scene-tile-count{top:4px;height:13px;font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--color-ink);background:#1c42901f;border-radius:999px;align-items:center;padding:0 4px;font-size:.5rem;font-weight:800;line-height:1;display:inline-flex;position:absolute;inset-inline-end:5px}.scene-tile.is-topic{position:relative}.scene-tile.is-topic.is-completed .scene-tile-count,.scene-tile.is-topic.is-current .scene-tile-count{background:var(--color-ink);color:#fff}.topic-topbar{align-items:center;padding-bottom:2px;display:flex}.topic-head{flex-direction:column;gap:1px;display:flex}.topic-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--color-accent);margin:0;font-size:1rem;font-weight:800}.topic-sub{letter-spacing:.01em;color:var(--color-gloss);opacity:.78;margin:-1px 0 0;font-size:.6rem;font-weight:600}.scene-grid.is-topics{gap:10px}.scene-grid.is-topics .scene-tile{gap:10px;width:124px;padding:16px 7px 14px}.scene-grid.is-topics .scene-tile-icon{border-radius:18px;width:52px;height:52px}.scene-grid.is-topics .scene-tile-icon svg{width:31px;height:31px}.scene-grid.is-topics .scene-tile-title{min-height:2.56em;font-size:.78rem}.flow{flex-direction:column;gap:12px;display:flex}.flow-hint{color:var(--color-on-bg-muted);margin:0;font-size:.78rem}.flow-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.flow-step{grid-template-columns:26px 1fr;align-items:start;gap:10px;display:grid;position:relative}.flow-step:before{content:"";inset-inline-start:12px;background:var(--color-on-bg-line);width:2px;position:absolute;top:28px;bottom:-12px}.flow-step:last-child:before{display:none}.flow-num{z-index:1;background:var(--color-accent);width:26px;height:26px;color:var(--color-ink);font-family:var(--font-display);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-size:.8rem;font-weight:800;display:grid;position:relative}.flow-card{background:#ffa314;border:1px solid #1c429029;border-radius:14px;flex-direction:column;gap:4px;padding:10px 13px 11px;display:flex}.flow-card.is-heard{background:#fff}.flow-who{font-family:var(--font-display);letter-spacing:.09em;text-transform:uppercase;opacity:.5;color:var(--color-ink);font-size:.58rem;font-weight:800}.flow-say-row{align-items:center;gap:6px;margin-top:3px;display:flex}.flow-say{color:var(--color-ink);flex:1;margin:0;font-size:.84rem;font-weight:700;line-height:1.35}.flow-say:before{content:"“"}.flow-say:after{content:"”"}.flow-speak{width:26px;height:26px;color:var(--color-ink);cursor:pointer;background:#1c429014;border:1px solid #1c429047;border-radius:50%;flex-shrink:0;place-items:center;padding:0;display:grid}.flow-speak:hover{background:#1c429029}.flow-native{color:var(--color-gloss-ink);margin:1px 0 0;font-size:.72rem;line-height:1.4}.postit.is-heard{--paper:#fff;transform:rotate(.7deg)}.postit-who{font-family:var(--font-display);letter-spacing:.09em;text-transform:uppercase;opacity:.55;margin-bottom:4px;font-size:.6rem;font-weight:800;display:block}.postit-filters{gap:6px;display:flex}.postit-filter{border:1px solid var(--color-border-soft);background:var(--color-sunken);color:var(--color-on-bg-muted);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border-radius:999px;flex:1;padding:7px 4px;font-size:.66rem;font-weight:700;transition:background .15s,color .15s}.postit-filter.is-active{background:var(--color-text);border-color:var(--color-text);color:var(--color-ink)}.searchbar{background:#fff;border-radius:999px;align-items:center;gap:8px;padding:6px 6px 6px 14px;display:flex;box-shadow:0 3px #122f6b57}.searchbar-glyph{color:#1c42908c;flex:none;width:17px;height:17px;display:inline-flex}.searchbar-glyph svg{width:100%;height:100%}.searchbar-input{min-width:0;font-family:var(--font-body);color:var(--color-ink);background:0 0;border:0;flex:1;padding:5px 0;font-size:.86rem;font-weight:500}.searchbar-input::placeholder{color:#1c429080;font-weight:500}.searchbar-input:focus{outline:none}.searchbar-clear,.searchbar-mic{cursor:pointer;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;transition:background .15s,color .15s,transform .12s;display:inline-flex}.searchbar-clear{width:24px;height:24px;color:var(--color-ink);background:#1c42901a;padding:5px}.searchbar-clear:hover{background:#1c429033}.searchbar-mic{background:var(--color-display);width:34px;height:34px;color:var(--color-ink);padding:7px}.searchbar-mic:active{transform:scale(.94)}.searchbar-clear svg,.searchbar-mic svg{width:100%;height:100%}.searchbar.is-listening .searchbar-mic{background:var(--color-ink);color:#fff;animation:1.5s ease-out infinite mic-listening}@keyframes mic-listening{0%{box-shadow:0 0 #1c429073}70%{box-shadow:0 0 0 11px #1c429000}to{box-shadow:0 0 #1c429000}}@media (prefers-reduced-motion:reduce){.searchbar.is-listening .searchbar-mic{animation:none}}.search-count{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--color-on-bg-muted);margin:2px 0 0;font-size:.68rem;font-weight:700}.search-empty{color:var(--color-gloss);margin:0;padding:18px 2px;font-size:.84rem}.search-more{text-align:center;color:var(--color-gloss);margin:14px 0 0;padding:0 2px;font-size:.78rem}.crumbs{flex-wrap:wrap;align-items:center;gap:3px;min-width:0;display:flex}.crumb-slot{align-items:center;gap:3px;min-width:0;display:inline-flex}.crumb-sep{color:var(--color-on-bg-muted);font-size:.95rem;font-weight:800;line-height:1}.crumb{max-width:100%;color:var(--color-ink);font-family:var(--font-display);cursor:pointer;background:#fff;border:0;border-radius:999px;align-items:center;gap:6px;padding:5px 11px 5px 5px;font-size:.74rem;font-weight:800;transition:transform .12s,box-shadow .12s;display:inline-flex;box-shadow:0 3px #122f6b57}button.crumb:hover{transform:translateY(-2px);box-shadow:0 5px #122f6b57}button.crumb:active{transform:translateY(3px);box-shadow:0 0 #122f6b57}.crumb.is-current{background:var(--color-display);box-shadow:none;cursor:default}.crumb-icon{background:var(--color-display);width:24px;height:24px;color:var(--color-ink);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.crumb.is-current .crumb-icon{background:#1c429029}.crumb-icon svg{width:15px;height:15px}.crumb-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.crumbs.is-compact .crumb{padding:5px}.rank{border:1px solid var(--color-border-soft);border-radius:var(--radius-md);background:var(--color-surface);align-items:center;gap:12px;margin:10px 0 0;padding:11px 14px;display:flex}.rank-medal{background:var(--color-display);width:44px;height:44px;color:var(--color-ink);font-family:var(--font-display);border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;display:inline-flex}.rank-medal-value{font-size:1.1rem;font-weight:800;line-height:1}.rank-medal-total{opacity:.66;font-size:.55rem;font-weight:700;line-height:1.4}.rank-body{flex:1;min-width:0}.rank-name{font-family:var(--font-display);color:var(--color-display);margin:0;font-size:.95rem;font-weight:800;line-height:1.15}.rank-gloss{color:var(--color-on-bg-muted);margin:1px 0 0;font-size:.72rem}.rank-track{background:#ffffff38;border-radius:999px;height:6px;margin:8px 0 5px;overflow:hidden}.rank-fill{background:var(--color-display);border-radius:999px;height:100%;transition:width .45s}.rank-note{letter-spacing:.02em;color:var(--color-on-bg-muted);margin:0;font-size:.68rem}@media (prefers-reduced-motion:reduce){.rank-fill{transition:none}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.scene-skeleton{flex-direction:column;gap:14px;padding-block:8px;display:flex}.skeleton-bar,.skeleton-block{background:#ffffff24;border-radius:8px;animation:1.4s ease-in-out infinite skeleton-pulse;display:block}.skeleton-bar.is-eyebrow{width:96px;height:11px}.skeleton-bar.is-title{width:min(280px,72%);height:22px}.skeleton-bar.is-line{width:min(340px,88%);height:13px}.skeleton-block{border-radius:var(--radius-md);height:188px}@keyframes skeleton-pulse{0%,to{opacity:.5}50%{opacity:.9}}@media (prefers-reduced-motion:reduce){.skeleton-bar,.skeleton-block{animation:none}}.lens{flex-direction:column;gap:14px;padding:0 0 24px;display:flex}.lens-hint{max-width:34ch;color:var(--color-gloss);margin:0;font-size:.74rem;line-height:1.5}.lens-hint.is-error{color:var(--color-display);font-weight:700}.lens-busy{flex-direction:column;gap:8px;display:flex}.lens-busy-label{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--color-gloss);margin:0;font-size:.7rem;font-weight:700}.lens-bar{background:var(--color-surface);border-radius:999px;height:6px;overflow:hidden}.lens-bar-fill{background:var(--color-display);border-radius:999px;height:100%;transition:width .2s}.lens-stage{width:100%;position:relative;overflow:visible}.lens-shot{border-radius:var(--radius-md);object-fit:cover;width:100%;height:100%;display:block}.lens-mark{border:2px solid var(--tone,var(--color-display));background:color-mix(in srgb, var(--tone,var(--color-display)) 22%, transparent);cursor:pointer;border-radius:5px;padding:0;position:absolute}.lens-mark.is-picked{background:var(--tone,var(--color-display));z-index:2;box-shadow:0 0 0 3px #1c42908c}.lens-mark.tone-food,.lens-word.tone-food{--tone:#ffa314}.lens-mark.tone-drink,.lens-word.tone-drink{--tone:#8fd0ff}.lens-mark.tone-cook,.lens-word.tone-cook{--tone:#ffd27a}.lens-mark.tone-allergen,.lens-word.tone-allergen{--tone:#ff8a6b}.lens-mark.tone-menu,.lens-word.tone-menu{--tone:#fff}.lens-mark-label{background:var(--tone,var(--color-display));color:var(--color-ink);white-space:nowrap;border-radius:5px;padding:1px 5px 2px;font-size:.52rem;font-weight:800;line-height:1.3;display:none;position:absolute;bottom:calc(100% + 2px);left:-2px}.lens-mark.is-picked .lens-mark-label{display:block}.lens-count{font-family:var(--font-display);letter-spacing:.04em;color:var(--color-display);margin:0;font-size:.72rem;font-weight:700}.lens-group{flex-direction:column;gap:7px;display:flex}.lens-words{flex-wrap:wrap;gap:6px;display:flex}.lens-word{border:1px solid #ffffff29;border-left:3px solid var(--tone,var(--color-display));border-radius:var(--radius-sm);background:var(--color-surface);text-align:left;cursor:pointer;flex-direction:column;gap:1px;padding:7px 11px 8px;display:flex}.lens-word-en{font-family:var(--font-display);color:var(--color-accent);font-size:.78rem;font-weight:700}.lens-word-tr{color:var(--color-gloss);font-size:.64rem;font-weight:600}.lens-shoot{border-radius:var(--radius-lg);letter-spacing:.08em;justify-content:center;align-items:center;gap:12px;min-height:78px;margin-top:6px;padding:20px 24px;font-size:1rem;display:flex}.lens-shoot svg{flex:none;width:30px;height:30px}.term-sheet{flex-direction:column;gap:14px;padding:18px 20px 28px;display:flex}.term-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.term-head h2{font-family:var(--font-display);letter-spacing:-.01em;color:var(--color-display);margin:0;font-size:1.32rem;font-weight:800}.term-close{background:var(--color-surface);width:32px;height:32px;color:var(--color-accent);cursor:pointer;border:1px solid #fff3;border-radius:999px;flex:none;font-size:1.1rem;line-height:1}.term-body{flex-direction:column;gap:12px;display:flex}.term-mean{color:var(--color-accent);margin:0;font-size:.94rem;font-weight:700}.term-reads{color:var(--color-gloss);flex-wrap:wrap;gap:6px;margin:0;font-size:.8rem;display:flex}.term-label{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--color-display);font-size:.62rem;font-weight:800}.term-note{border-left:3px solid var(--color-display);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-gloss);margin:0;padding:9px 12px;font-size:.76rem;line-height:1.5}@media (prefers-reduced-motion:reduce){.lens-bar-fill{transition:none}}.citymap{flex-direction:column;gap:14px;padding:0 0 24px;display:flex}.citymap-canvas{z-index:0;border-radius:var(--radius-md);background:var(--color-surface);height:clamp(300px,54vh,480px);position:relative;overflow:hidden}.citymap-canvas.is-off{display:none}.citymap-canvas .leaflet-container{background:var(--color-bg-deep);height:100%;font-family:inherit}.citymap-canvas .leaflet-control-attribution{font-size:.55rem}.citymap-note{max-width:34ch;color:var(--color-gloss);margin:0;font-size:.74rem;line-height:1.5}.citymap-note.is-warn{color:var(--color-display)}.citymap-note.is-here{color:var(--color-accent);font-weight:700}.citymap-note.is-live{color:var(--color-gloss);opacity:.85}.citymap-locate{border-radius:var(--radius-lg);justify-content:center;align-items:center;gap:10px;min-height:60px;padding:16px 22px;font-size:.86rem;display:flex}.citymap-locate svg{flex:none;width:24px;height:24px}.citymap-locate:disabled{opacity:.6;cursor:default}.leaflet-div-icon.citymap-here,.citymap-here{border:3px solid var(--color-accent);background:var(--color-ink);border-radius:50%;box-shadow:0 0 0 4px #1c429059}.citymap-count{font-family:var(--font-display);letter-spacing:.04em;color:var(--color-display);margin:0;font-size:.72rem;font-weight:700}.citymap-num{top:4px;min-width:13px;height:13px;font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--color-ink);background:#1c42901f;border-radius:999px;justify-content:center;align-items:center;padding:0 3px;font-size:.5rem;font-weight:800;line-height:1;display:inline-flex;position:absolute;inset-inline-start:5px}.citymap-dist{top:4px;background:var(--color-display);min-width:13px;height:13px;font-family:var(--font-display);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--color-ink);border-radius:999px;justify-content:center;align-items:center;padding:0 4px;font-size:.47rem;font-weight:800;line-height:1;display:inline-flex;position:absolute;inset-inline-end:5px}.citymap-say{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--color-display);font-size:.62rem;font-weight:800}.citymap-save{background:var(--color-ink);font-family:var(--font-display);letter-spacing:.04em;color:#fff;cursor:pointer;border:0;border-radius:999px;align-self:flex-start;margin-top:4px;padding:6px 13px;font-size:.64rem;font-weight:800;transition:transform .12s,background .15s}.citymap-save:active{transform:translateY(1px)}.citymap-save:disabled{color:var(--color-gloss-ink);cursor:default;background:#1c429029;transform:none}.leaflet-div-icon.citymap-pin,.citymap-pin{border:2px solid var(--color-ink);background:var(--color-display);box-shadow:none;font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--color-ink);border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;font-weight:800;line-height:1;display:flex}@media (prefers-reduced-motion:reduce){.citymap-save{transition:none}}.citymap-plain{z-index:0;border-radius:var(--radius-md);background:var(--color-bg-deep);position:relative;overflow:hidden}.plainmap{width:100%;height:auto;display:block}.plainmap-ground{fill:var(--color-bg-deep)}.plainmap-grid{stroke:#ffffff21;stroke-width:1px}.plainmap-north path{fill:#ffffff80}.plainmap-north line{stroke:#ffffff80;stroke-width:1.5px;stroke-linecap:round}.plainmap-scale line{stroke:#fff9;stroke-width:1.5px;stroke-linecap:round}.plainmap-scale text{fill:#ffffffb8;font-family:var(--font-display);font-variant-numeric:tabular-nums;text-anchor:middle;font-size:10px;font-weight:700}.plainmap-here-ring{fill:#ffffff38}.plainmap-here-dot{fill:var(--color-accent);stroke:var(--color-ink);stroke-width:2px}.plainmap-pin{cursor:pointer}.plainmap-pin circle{fill:var(--color-display);stroke:var(--color-ink);stroke-width:2px}.plainmap-pin text{fill:var(--color-ink);font-family:var(--font-display);font-variant-numeric:tabular-nums;text-anchor:middle;font-size:13px;font-weight:800}.plainmap-pin:focus-visible{outline:none}.plainmap-pin:focus-visible circle{stroke:var(--color-accent);stroke-width:3px}