.shell{min-height:100dvh}.shell__brand,.shell__aside{display:none}.shell__nav{z-index:20;height:calc(var(--bottom-bar-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--color-surface);border-top:1.5px solid var(--color-border);display:flex;position:fixed;bottom:0;left:0;right:0}.shell__main{width:100%;max-width:640px;padding-bottom:calc(var(--bottom-bar-h) + var(--safe-bottom) + 12px);margin:0 auto}.nav-link{min-width:0;min-height:var(--tap);color:var(--color-text-muted);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:3px;font-size:.75rem;font-weight:600;line-height:1.1;text-decoration:none;display:flex;position:relative}.nav-link:hover{color:var(--color-text-strong)}.nav-link__icon{flex:none}.nav-link--active{color:var(--brand-text);background:var(--brand-soft);box-shadow:inset 0 3px 0 var(--brand)}.nav-link--active:hover{color:var(--brand-text)}.nav-link:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.theme-toggle{background:0 0;border:0;flex:0 0 52px;margin:0;padding:0 2px}.theme-toggle:before{content:"";background:var(--color-border);width:1.5px;position:absolute;top:14px;bottom:14px;left:0}.theme-toggle__label{text-align:center;display:none}@media (width>=768px){.shell{grid-template-columns:96px minmax(0,1fr);display:grid}.shell__nav{border-top:0;border-right:1.5px solid var(--color-border);overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;align-items:stretch;gap:4px;height:100dvh;padding:20px 8px;position:sticky;inset:0 auto auto;overflow-y:auto}.shell__brand{justify-content:center;margin-bottom:18px;display:flex}.shell__brand .logo__text{display:none}.nav-link{border-radius:var(--radius-sm);flex:none;min-height:64px}.nav-link--active{box-shadow:inset 3px 0 0 var(--brand)}.theme-toggle{margin-top:auto;padding:6px 4px}.theme-toggle:before{width:auto;height:1.5px;inset:0 8px auto}.theme-toggle__label{display:block}.shell__main{padding-bottom:32px}}@media (width>=1100px){.shell{grid-template-columns:96px minmax(0,1fr) 300px}.shell__aside{align-self:start;padding:24px 16px 0 0;display:block;position:sticky;top:0}.hide-wide{display:none!important}}@media (width>=1280px){.shell{grid-template-columns:240px minmax(0,1fr) 300px}.shell__nav{padding:20px 14px}.shell__brand{justify-content:flex-start;padding:0 8px}.shell__brand .logo__text{display:inline}.nav-link{flex-direction:row;justify-content:flex-start;gap:14px;min-height:52px;padding:0 14px;font-size:1rem}.theme-toggle{font-size:.875rem}.theme-toggle__label{text-align:left}}@media (width>=768px) and (height<=460px){.shell__brand{margin-bottom:12px}.nav-link{min-height:48px}}@media (width>=768px) and (width<=1279px) and (height<=460px){.theme-toggle__label{display:none}}.stats-row{align-items:center;gap:14px;display:flex}.stats-panel{gap:8px;display:grid}.stats-panel__title{font-size:1.25rem}.stats-panel__list{margin:4px 0 0;display:grid}.stats-panel__row{border-top:1px solid var(--color-border);justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;display:flex}.stats-panel__row dt{color:var(--color-text);align-items:center;gap:8px;font-weight:600;display:flex}.stats-panel__row dd{font-family:var(--font-serif);color:var(--color-text-strong);text-align:right;margin:0;font-size:1.15rem;font-weight:700}.stats-panel__unit{font-family:var(--font);color:var(--color-text-muted);font-size:.8rem;font-weight:400}.stats-panel__icon--points{color:var(--brand)}.stats-panel__icon--streak{color:var(--accent-strong)}.stats-panel__hint{font-size:.875rem}.species-image{background:var(--color-surface-2);width:100%;position:relative;overflow:hidden}.species-image__img{width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0}.species-image--cover .species-image__img{object-fit:cover}.species-image--contain .species-image__img{object-fit:contain}.species-image--empty{color:var(--color-text-muted);background:var(--color-surface-2);text-align:center;place-content:center;justify-items:center;gap:2px;display:grid;container-type:inline-size}.species-image__mark{opacity:.7;width:clamp(18px,26cqi,48px);height:auto}.species-image__none{font-size:.85rem;font-weight:600}@container (width<=110px){.species-image__none{display:none}}.credit-chip{z-index:2;border-radius:0 var(--radius-sm) 0 0;color:#fff;text-align:left;-webkit-tap-highlight-color:transparent;background:#000000a8;border:0;align-items:baseline;max-width:100%;min-height:22px;padding:3px 8px 3px 7px;font-size:11px;font-weight:700;line-height:1.35;display:flex;position:absolute;bottom:0;left:0}.credit-chip:before{content:"";position:absolute;inset:-12px -6px 0 0}.credit-chip__author{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.credit-chip__license{white-space:pre;opacity:.92;flex:none;font-weight:600}.credit-chip:hover{background:#000000d1}.credit-chip:focus-visible{outline-offset:-3px;border-radius:0 var(--radius-sm) 0 0;outline:2px solid #fff}.credit-dialog{max-height:90dvh;overflow-y:auto}.credit-dialog__attribution{color:var(--color-text-strong);font-weight:600}.credit-dialog__list{gap:6px;padding-left:20px;display:grid}.credit-dialog__all{font-size:.9rem}.atlas-lead{margin-bottom:12px}.atlas-search__input{width:100%;min-height:var(--tap);border:1.5px solid var(--color-control);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-strong);padding:0 16px}.atlas-search__input:focus-visible{outline:3px solid var(--focus);outline-offset:1px}.chips{scrollbar-width:none;gap:8px;margin:0 -16px;padding:12px 16px 6px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{min-height:var(--tap);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);white-space:nowrap;flex:none;padding:0 16px;font-size:.9rem;font-weight:600;transition:border-color .12s,background-color .12s}.chip:hover{border-color:var(--brand)}.chip[aria-pressed=true]{background:var(--brand-soft);border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand);color:var(--brand-text)}.chip__icon{vertical-align:-3px;margin-right:2px}.atlas-count{margin:10px 0 8px;font-size:.9rem}.species-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;display:grid}@media (width>=560px){.species-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.species-card{border:1.5px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);height:100%;box-shadow:var(--shadow-soft);color:var(--color-text);-webkit-tap-highlight-color:transparent;flex-direction:column;text-decoration:none;transition:border-color .12s;display:flex;overflow:hidden}a.species-card:hover{border-color:var(--brand)}.species-card .species-card__photo{border-radius:0}.species-card__body{justify-items:start;gap:6px;padding:10px 10px 12px;display:grid}.species-card__name{font-family:var(--font-serif);color:var(--color-text-strong);font-weight:700;line-height:1.2}.atlas-credits{margin-top:16px;font-size:.85rem}.species-card--skeleton{pointer-events:none}.back-link{min-height:var(--tap);color:var(--brand-text);align-items:center;gap:6px;margin-bottom:4px;font-weight:600;text-decoration:none;display:inline-flex}.back-link:hover{text-decoration:underline}.detail{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.detail__head{justify-items:start;gap:6px;display:grid}.detail__name{font-size:1.8rem}.detail__latin{color:var(--color-text-muted);font-style:italic}.detail__aliases{font-size:.9rem}.detail__summary{font-size:1.05rem}.detail__section{gap:10px;display:grid}.detail__section h2{font-size:1.2rem}.warning{border-radius:var(--radius);border:1.5px solid var(--badge-border);background:var(--badge-bg);color:var(--badge-fg);border-left-width:5px;align-items:flex-start;gap:12px;padding:14px;display:flex}.warning--conditional{--badge-bg:var(--cat-conditional-bg);--badge-fg:var(--cat-conditional-fg);--badge-border:var(--cat-conditional-border)}.warning--poisonous{--badge-bg:var(--cat-poisonous-bg);--badge-fg:var(--cat-poisonous-fg);--badge-border:var(--cat-poisonous-border)}.warning--deadly{--badge-bg:var(--cat-deadly-bg);--badge-fg:var(--cat-deadly-fg);--badge-border:var(--cat-deadly-border)}.warning__icon{flex:none;margin-top:1px}.facts{gap:8px;margin:0;display:grid}.facts__row{border:1.5px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);gap:2px;padding:12px 14px;display:grid}.facts dt{color:var(--color-text-strong);align-items:center;gap:8px;font-weight:600;display:flex}.facts dt svg{color:var(--brand);flex:none}.facts dd{margin:0}.feature-list{gap:8px;list-style:none;display:grid}.feature-list li{border-left:3px solid var(--brand);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--color-surface);box-shadow:var(--shadow-soft);padding:9px 12px}.lookalikes{gap:10px;list-style:none;display:grid}.lookalike{border:1.5px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);gap:6px;padding:12px;display:grid}.lookalike__name{color:var(--color-text-strong);font-weight:700}.lookalike__name--link{min-height:var(--tap);color:var(--brand-text);align-items:center;gap:10px;text-decoration:none;display:flex}.lookalike__name--link span:first-of-type{flex:1}.lookalike .lookalike__thumb{border-radius:var(--radius-sm);flex:none;width:48px;height:48px}.tip{border-radius:var(--radius);background:var(--info-soft);border:1.5px solid var(--info);color:var(--info-text);align-items:flex-start;gap:12px;padding:14px;display:flex}.tip>svg{flex:none;margin-top:1px}.detail__credits-link{font-size:.85rem}.credit{color:var(--color-text-muted);font-size:.8rem;line-height:1.5}.credit__link{white-space:nowrap;font-weight:700}.credit--compact{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 4px;font-size:.72rem;line-height:1.35;display:flex}.credit--compact .credit__link{align-items:center;min-height:32px;display:inline-flex}.gallery{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.gallery__viewer{gap:10px;display:grid}.gallery__figure{gap:8px;margin:0;display:grid}.gallery__frame{border:1.5px solid var(--color-border-strong);border-radius:var(--radius);background:var(--color-surface-2);touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;width:100%;position:relative;overflow:hidden}.gallery__frame:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.gallery__frame .species-image{max-height:70dvh}.gallery__nav{width:var(--tap);height:var(--tap);border-radius:var(--radius-sm);color:#fff;-webkit-tap-highlight-color:transparent;background:#0000008c;border:0;place-items:center;padding:0 0 4px;font-size:1.9rem;line-height:1;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.gallery__nav:hover{background:#000000b3}.gallery__nav--prev{left:8px}.gallery__nav--next{right:8px}.gallery__caption{gap:2px;display:grid}.gallery__meta{font-size:.95rem}.gallery__broken{color:var(--color-text-muted);font-size:.85rem}.gallery__thumbs{scrollbar-width:none;gap:8px;padding:4px 2px;list-style:none;display:flex;overflow-x:auto}.gallery__thumbs::-webkit-scrollbar{display:none}.gallery__thumb{border:1.5px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface-2);opacity:.85;-webkit-tap-highlight-color:transparent;width:76px;height:57px;padding:0;display:block;overflow:hidden}.gallery__thumb[aria-current=true]{border-color:var(--brand);opacity:1;box-shadow:0 0 0 1px var(--brand)}.gallery__thumb .species-image{height:100%}.gallery__note{border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-text);padding:10px 12px;font-size:.85rem}.intro-media{grid-template-columns:minmax(0,1fr);justify-items:center;gap:8px;width:min(100%,380px);margin:0;display:grid}.intro-media__frame{border:1.5px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface-2);width:100%;position:relative;overflow:hidden}.intro-media__frame .species-image{max-height:36dvh}.intro-media__broken{color:var(--color-text-muted);font-size:.8rem}.photo-nav{width:var(--tap);height:var(--tap);border-radius:var(--radius-sm);color:#fff;-webkit-tap-highlight-color:transparent;background:#0000008c;border:0;place-items:center;padding:0 0 4px;font-size:1.7rem;line-height:1;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.photo-nav:hover{background:#000000b3}.photo-nav--prev{left:8px}.photo-nav--next{right:8px}.photo-dots{justify-content:center;list-style:none;display:flex}.photo-dots__btn{width:var(--tap);height:var(--tap);-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;padding:0;display:grid}.photo-dots__btn:before{content:"";background:var(--color-control);border-radius:2px;width:10px;height:10px;transition:background .2s,transform .2s}.photo-dots__btn[aria-current=true]:before{background:var(--brand);transform:scale(1.3)}.credits{grid-template-columns:minmax(0,1fr);align-content:start;gap:14px;display:grid}.credits .back-link{justify-self:start;margin-bottom:0}.back-link--btn{background:0 0;border:0;padding:0;font-size:1rem}.credits__lead{font-size:1rem}.credits__note,.credits__count{font-size:.9rem}.credits__skeleton{gap:12px;display:grid}.credits__species{border-top:1.5px solid var(--color-border-strong);gap:8px;padding-top:8px;display:grid}.credits__name{font-size:1.2rem}.credits__latin{color:var(--color-text-muted);font-size:.9rem;font-style:italic;font-weight:600}.credits__list{gap:10px;list-style:none;display:grid}.credits__item{align-items:flex-start;gap:12px;display:flex}.credits__thumb{border:1.5px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface-2);flex:none;place-items:center;width:96px;height:72px;display:grid;overflow:hidden}.credits__thumb .species-image{height:100%}.credits__body{gap:2px;min-width:0;display:grid}.credits__view{color:var(--color-text-strong);font-weight:700}.board{grid-template-columns:minmax(0,1fr);align-content:start;gap:14px;display:grid}.board__head{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.board .page-title{margin-bottom:0}.board__switch{border:1.5px solid var(--brand);border-radius:var(--radius-sm);display:flex;overflow:hidden}.board__tab{min-width:0;min-height:var(--tap);color:var(--brand-text);background:0 0;border:0;flex:1 1 0;padding:0 12px;font-weight:600;transition:background-color .15s}.board__tab+.board__tab{border-left:1.5px solid var(--brand)}.board__tab:hover:not([aria-pressed=true]){background:var(--brand-soft)}.board__tab[aria-pressed=true]{background:var(--brand);color:var(--on-brand)}.board__tab:focus-visible{outline:3px solid var(--focus);outline-offset:-4px}.board__note{color:var(--color-text);gap:8px;font-size:.9rem;display:flex}.board__note-icon{color:var(--accent-strong);flex:none;margin-top:1px}.board__range{font-size:.85rem;display:block}.board__refresh{flex:none;padding:0 10px}.board__list{gap:8px;list-style:none;display:grid}.board__row{border:1.5px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:62px;padding:8px 12px 8px 8px;display:grid}.board__rank{place-items:center;display:grid}.board__rank-no{border-radius:var(--radius-sm);min-width:32px;height:32px;font-family:var(--font-serif);color:var(--color-text-muted);place-items:center;padding:0 4px;font-size:1.05rem;font-weight:700;display:grid}.board__row--top{box-shadow:inset 4px 0 0 var(--brand)}.board__row--top .board__rank-no{background:var(--brand);color:var(--on-brand)}.board__row--me{border-color:var(--brand);background:var(--brand-soft);box-shadow:inset 0 0 0 1px var(--brand)}.board__row--me.board__row--top{box-shadow:inset 0 0 0 1px var(--brand), inset 4px 0 0 var(--brand)}.board__who{gap:2px;min-width:0;display:grid}.board__name{align-items:center;gap:8px;min-width:0;display:flex}.board__nick{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-text-strong);font-weight:700;overflow:hidden}.board__me{border:1.5px solid var(--brand);border-radius:var(--radius-sm);background:var(--brand);color:var(--on-brand);flex:none;padding:0 7px;font-size:.75rem;font-weight:700;line-height:1.5}.board__streak{color:var(--color-text-muted);align-items:center;gap:4px;font-size:.8rem;display:inline-flex}.board__streak svg{color:var(--accent-strong);flex:none}.board__row--me .board__streak{color:var(--brand-text)}.board__points{white-space:nowrap;color:var(--color-text-muted);align-items:baseline;gap:4px;font-size:.8rem;display:inline-flex}.board__points strong{font-family:var(--font-serif);color:var(--color-text-strong);font-size:1.15rem}.board__points-icon{color:var(--brand);flex:none;align-self:center}.board__row--me .board__points{color:var(--brand-text)}.board__pinned{bottom:calc(var(--bottom-bar-h) + var(--safe-bottom) + 8px);gap:6px;margin-top:-2px;display:grid;position:sticky}.board__gap{text-align:center;letter-spacing:.3em;color:var(--color-text-muted);line-height:1}.board__pinned-row{border:1.5px solid var(--brand);border-radius:var(--radius);background:var(--brand-soft);min-height:56px;box-shadow:0 -6px 12px -6px var(--color-bg), 0 1px 2px #221f191f;font-family:var(--font-serif);color:var(--brand-text);align-items:center;padding:8px 14px;font-size:1.1rem;font-weight:700;display:flex}@media (width>=768px){.board__pinned{bottom:12px}}.board__notice{border:1.5px solid var(--color-border-strong);border-radius:var(--radius);background:var(--color-surface);align-items:flex-start;gap:14px;padding:14px;display:flex}.board__notice .state-icon{flex:none}.board__notice-body{justify-items:start;gap:8px;min-width:0;display:grid}.board__notice-title{font-size:1.15rem}.board__notice-actions{flex-wrap:wrap;gap:8px;display:flex}.board__error{color:var(--danger-text);font-size:.9rem;font-weight:600}.board__stale{border:1.5px solid var(--danger);border-radius:var(--radius);background:var(--danger-soft);color:var(--danger-text);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;display:flex}.board__stale svg{flex:none}.board__stale p{flex:200px;font-weight:600}.board__skeleton{gap:8px;display:grid}.lesson{background:var(--color-bg);flex-direction:column;max-width:720px;height:100dvh;margin:0 auto;display:flex;position:relative}.lesson--center{text-align:center;height:auto;min-height:100dvh;padding:calc(24px + var(--safe-top)) 16px calc(24px + var(--safe-bottom));justify-content:center;align-items:center;gap:12px}.lesson-header{padding:calc(6px + var(--safe-top)) 16px 10px;flex:none;gap:6px;display:grid}.lesson-header__row{min-height:var(--tap);align-items:center;gap:8px;display:flex}.lesson-header__counter{font-family:var(--font-serif);color:var(--color-text-strong);font-size:1.15rem;font-weight:700}.lesson-header__aside{color:var(--color-text-muted);margin-left:auto;font-size:.85rem}.icon-btn{width:var(--tap);height:var(--tap);border-radius:var(--radius-sm);color:var(--color-text);-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:none;place-items:center;margin-left:-12px;display:grid}.icon-btn:hover{background:var(--color-surface-2)}.lesson__main{overscroll-behavior:contain;touch-action:pan-y;flex:1;min-height:0;padding:8px 16px 24px;overflow:hidden auto}.lesson__footer{border-top:1.5px solid var(--color-border);padding-bottom:var(--safe-bottom);background:var(--color-bg);flex:none}.lesson__footer-inner{padding:12px 16px}.intro{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;gap:14px;animation:.25s ease-out intro-in-next;display:grid}.intro--prev{animation-name:intro-in-prev}@keyframes intro-in-next{0%{opacity:0;transform:translate(20px)}}@keyframes intro-in-prev{0%{opacity:0;transform:translate(-20px)}}.intro__kicker{color:var(--brand-text)}.intro__head{justify-items:center;gap:6px;display:grid}.intro__name{font-size:1.7rem}.intro__latin{color:var(--color-text-muted);font-style:italic}.intro__features{text-align:left;gap:8px;width:100%;list-style:none;display:grid}.intro__features li{border-left:3px solid var(--brand);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--color-surface);box-shadow:var(--shadow-soft);padding:9px 12px}.intro__tip{border-radius:var(--radius);background:var(--info-soft);border:1.5px solid var(--info);width:100%;color:var(--info-text);text-align:left;gap:10px;padding:12px 14px;display:flex}.intro__tip-icon{flex:none;margin-top:1px}.intro__actions{justify-items:center;gap:4px;display:grid}.intro__nav{gap:8px;width:100%;display:flex}.intro__nav .btn--block{flex:1}.q{grid-template-columns:minmax(0,1fr);align-content:start;gap:14px;display:grid}.topic-line{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:.75rem;font-weight:700;display:flex}.topic-line__repeat{border:1.5px solid var(--accent-strong);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-text);letter-spacing:.04em;padding:1px 8px}.q__prompt{font-size:1.45rem}.q__photo{border:1.5px solid var(--color-border-strong);border-radius:var(--radius);width:min(100%,340px,40dvh);margin:0 auto;overflow:hidden}.options{gap:10px;list-style:none;display:grid}.option{border:1.5px solid var(--color-border-strong);border-radius:var(--radius);background:var(--color-surface);width:100%;min-height:56px;color:var(--color-text);text-align:left;-webkit-tap-highlight-color:transparent;align-items:center;gap:12px;padding:8px 12px;font-size:1.02rem;font-weight:500;transition:border-color .12s,background-color .12s;display:flex}.option:hover:not(:disabled){border-color:var(--brand)}.option:disabled{cursor:default}.option__key{border:1.5px solid var(--color-control);border-radius:var(--radius-sm);width:30px;height:30px;font-family:var(--font-serif);color:var(--color-text-strong);flex:none;place-items:center;font-size:.95rem;font-weight:700;display:grid}.option__text{flex:1}.option__mark{flex:none;place-items:center;display:grid}.option--selected{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand);background:var(--brand-soft)}.option--selected .option__key{border-color:var(--brand);background:var(--brand);color:var(--on-brand)}.option--correct{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand);background:var(--brand-soft);color:var(--brand-text)}.option--correct .option__key{border-color:var(--brand);background:var(--brand);color:var(--on-brand)}.option--wrong{border-color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger);background:var(--danger-soft);color:var(--danger-text);animation:.4s shake}.option--wrong .option__key{border-color:var(--danger);background:var(--danger);color:var(--on-danger)}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));justify-self:center;gap:12px;width:100%;max-width:520px;list-style:none;display:grid}.tile{border:1.5px solid var(--color-border-strong);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);flex-direction:column;display:flex;position:relative;overflow:hidden}.tile .tile__photo{border-radius:0}.tile__hit,.match-tile__hit{z-index:1;border-radius:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:absolute;inset:0}.tile__hit:disabled{cursor:default}.tile__hit:focus-visible,.match-tile__hit:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.tile__key,.match-tile__no{z-index:1;pointer-events:none;border-radius:var(--radius-sm);background:var(--color-surface);border:1.5px solid var(--color-control);min-width:26px;height:26px;font-family:var(--font-serif);color:var(--color-text-strong);place-items:center;font-size:.85rem;font-weight:700;display:grid;position:absolute;top:6px;left:6px}.tile__caption{pointer-events:none;text-align:center;justify-content:center;align-items:center;gap:6px;padding:8px 6px 10px;font-size:.95rem;font-weight:600;line-height:1.2;display:flex}.tile__caption svg{flex:none}.tile--selected{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand), 0 0 0 1px var(--brand)}.tile--selected .tile__key{border-color:var(--brand);background:var(--brand);color:var(--on-brand)}.tile--correct{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.tile--correct .tile__caption{background:var(--brand-soft);color:var(--brand-text)}.tile--wrong{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger);animation:.4s shake}.tile--wrong .tile__caption{background:var(--danger-soft);color:var(--danger-text)}.match__hint{font-size:.9rem}.match{grid-template-columns:repeat(2,minmax(0,1fr));justify-self:center;gap:12px;width:100%;max-width:520px;display:grid}.match__col{align-content:start;gap:10px;list-style:none;display:grid}.match-tile{border:1.5px solid var(--color-border-strong);border-radius:var(--radius);background:var(--color-surface);width:100%;height:104px;color:var(--color-text);text-align:center;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;padding:4px 8px;font-size:.98rem;font-weight:600;line-height:1.2;display:flex;position:relative}.match-tile--label{text-align:left;border-style:dashed;border-color:var(--color-control);justify-content:space-between}.match-tile__name{flex:1;min-width:0}.match-tile--photo{padding:0;overflow:hidden}.match-tile .match-tile__photo{height:100%}.match-tile__state,.match-tile__pair{border-radius:var(--radius-sm);background:var(--brand);color:var(--on-brand);place-items:center;display:grid}.match-tile__state{z-index:1;pointer-events:none;width:26px;height:26px;position:absolute;top:6px;right:6px}.match-tile__pair{min-width:26px;height:26px;font-family:var(--font-serif);flex:none;font-size:.85rem;font-weight:700}.match-tile--selected{border-style:solid;border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand), 0 0 0 1px var(--brand);background:var(--brand-soft);color:var(--brand-text)}.match-tile--photo.match-tile--selected{background:var(--color-surface)}.match-tile--matched{border-style:solid;border-color:var(--brand);background:var(--brand-soft);color:var(--brand-text);cursor:default}.match-tile--wrong{border-style:solid;border-color:var(--danger);box-shadow:0 0 0 1px var(--danger);background:var(--danger-soft);color:var(--danger-text);animation:.45s shake}.match-tile--wrong .match-tile__state{background:var(--danger);color:var(--on-danger)}@keyframes shake{20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.lesson__credits{text-align:center;margin-top:16px;font-size:.8rem}.lesson__credits a{min-height:var(--tap);color:var(--color-text-muted);align-items:center;padding:0 8px;display:inline-flex}.note{border:1.5px solid var(--color-border-strong);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow-soft);border-left-width:5px;gap:10px;margin-top:16px;padding:14px 14px 14px 16px;animation:.2s ease-out note-in;display:grid}.note--ok{border-left-color:var(--brand)}.note--bad{border-left-color:var(--danger)}.note__head{align-items:center;gap:10px;display:flex}.note__mark{border-radius:var(--radius-sm);place-items:center;width:32px;height:32px;display:grid}.note--ok .note__mark{background:var(--brand-soft);color:var(--brand-text)}.note--bad .note__mark{background:var(--danger-soft);color:var(--danger-text)}.note__title{font-size:1.2rem}.note--ok .note__title{color:var(--brand-text)}.note--bad .note__title{color:var(--danger-text)}.note__aside{border-top:1px dashed var(--color-border-strong);gap:8px;padding-top:10px;font-size:.925rem;display:flex}.note__aside--plain{color:var(--color-text-muted)}.note__aside-icon{color:var(--info-text);flex:none;margin-top:1px}@keyframes note-in{0%{opacity:0;transform:translateY(8px)}}.result{grid-template-columns:minmax(0,1fr);justify-items:center;gap:14px;width:100%;max-width:420px;display:grid}.result__title{font-size:1.8rem}.result__stars{justify-content:center;align-items:flex-end;gap:6px;display:flex}.result__star{opacity:0;animation:.4s ease-out forwards star-in;display:inline-flex}@keyframes star-in{0%{opacity:0;transform:translateY(8px)scale(.9)}to{opacity:1;transform:none}}.result__ledger{border:1.5px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:100%;box-shadow:var(--shadow-soft);text-align:left;margin:0;padding:0 14px}.result__row{border-top:1px solid var(--color-border);justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;display:flex}.result__row:first-child{border-top:0}.result__row dt{align-items:center;gap:8px;font-weight:600;display:flex}.result__row dd{font-family:var(--font-serif);color:var(--color-text-strong);text-align:right;margin:0;font-size:1.1rem;font-weight:700}.result__row dd a{font-family:var(--font);margin-left:6px;font-size:.85rem;font-weight:600}.result__icon{color:var(--color-text-muted);flex:none}.result__icon--points{color:var(--brand)}.result__icon--streak{color:var(--accent-strong)}.result__actions{gap:8px;width:100%;margin-top:8px;display:grid}.result__credits{font-size:.85rem}@media (prefers-reduced-motion:reduce){.result__star{opacity:1;animation:none}}.welcome{min-height:100dvh;padding:calc(24px + var(--safe-top)) 16px calc(24px + var(--safe-bottom));background:var(--color-bg);justify-content:center;display:flex}.welcome__inner{align-content:start;gap:14px;width:100%;max-width:560px;display:grid}.welcome__logo{color:var(--brand);justify-self:center}.welcome__kicker{text-align:center}.welcome__title{text-align:center;color:var(--color-text-strong);font-size:2rem}.welcome__lead{text-align:center;color:var(--color-text-muted)}.welcome__cta{background:linear-gradient(to top, var(--color-bg) 70%, transparent);padding:12px 0 4px;position:sticky;bottom:0}.path-page{padding-top:0}.path-header{z-index:10;padding:calc(8px + var(--safe-top)) 16px 8px;background:var(--color-bg);border-bottom:1.5px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;margin:0 -16px 16px;display:flex;position:sticky;top:0}.path-header .logo__text{white-space:nowrap;overflow-wrap:normal}.path-header .stats-row{margin-inline-start:auto}@media (width>=768px){.path-header .logo{display:none}.path-header{justify-content:flex-end}}.path-intro{gap:6px;margin-bottom:8px;display:grid}.path-page .page-title{margin-bottom:0}.path-intro__lead{max-width:46ch;font-size:.95rem}.path-intro__count{color:var(--brand-text);background:var(--brand-soft);border:1px solid var(--brand);border-radius:999px;justify-self:start;margin-top:2px;padding:3px 10px;font-size:.8rem;font-weight:600}@media (width>=1100px){.path-intro{padding-top:24px}}.trail{--wood:#f3e7d2;--wood-edge:#c1a173;--tread:#fffaf0;--roof:#8e6a46;--timber:#a07b53;--timber-dark:#6f5337;--birch-bark:#f1efe6;--birch-mark:#4f4e47;--stone:#bdb6a3;--berry:#a8432c;--flower:#fffaf0;--flower-2:#e0ad35;--water:#b7d3d5;--water-bank:#98b9b4;--glint:#f4faf8;--sun:#d98a1f1a;--sun-pool:#d98a1f6b;--bukkos-ground:#eadfca;--bukkos-far:#d8dcc6;--bukkos-mid:#8fa27b;--bukkos-trunk:#aeaca2;--bukkos-near:#66744f;--bukkos-verge:#c7c39d;--bukkos-dirt:#e3caa6;--bukkos-litter:#bf773a;--tolgyes-ground:#e6dfc6;--tolgyes-far:#d2d6b9;--tolgyes-mid:#7e9366;--tolgyes-trunk:#7c6951;--tolgyes-near:#55653f;--tolgyes-verge:#aab383;--tolgyes-dirt:#dbc39a;--tolgyes-litter:#946634;--nyires-ground:#e7e9d7;--nyires-far:#e1e7d3;--nyires-mid:#a7b98b;--nyires-trunk:#9a9384;--nyires-near:#869a67;--nyires-verge:#c5d0a4;--nyires-dirt:#ece0c5;--nyires-litter:#d4a43c;--fenyves-ground:#dde3d3;--fenyves-far:#bfcab6;--fenyves-mid:#5d7457;--fenyves-trunk:#6b5946;--fenyves-near:#3e5038;--fenyves-verge:#8e9d7b;--fenyves-dirt:#ccb898;--fenyves-litter:#6f5234;--patak-ground:#dfe8e0;--patak-far:#cddbd1;--patak-mid:#7c9f8a;--patak-trunk:#8a8573;--patak-near:#4d6d5b;--patak-verge:#a9bfa6;--patak-dirt:#dad5c5;--patak-litter:#8f9897;--ret-ground:#e3e8c8;--ret-far:#d6e1b7;--ret-mid:#92ab6b;--ret-trunk:#8b7a5b;--ret-near:#6c8848;--ret-verge:#b8cb86;--ret-dirt:#dacf9f;--ret-litter:#d99a2b}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .trail{--wood:#2a2c23;--wood-edge:#574d3a;--tread:#8c8068;--roof:#4f4131;--timber:#6a5640;--timber-dark:#4a3d2f;--birch-bark:#a3a59a;--birch-mark:#26261f;--stone:#4a4a41;--berry:#87463a;--flower:#c9cbbd;--flower-2:#a88b3e;--water:#2a3f45;--water-bank:#1f3137;--glint:#56777d;--sun:#bed6e012;--sun-pool:#bed6e052;--bukkos-ground:#1f1e18;--bukkos-far:#2a302a;--bukkos-mid:#243029;--bukkos-trunk:#45463f;--bukkos-near:#141a13;--bukkos-verge:#2d3126;--bukkos-dirt:#3a3024;--bukkos-litter:#6b4829;--tolgyes-ground:#1d1d16;--tolgyes-far:#283027;--tolgyes-mid:#212c22;--tolgyes-trunk:#3b3327;--tolgyes-near:#121811;--tolgyes-verge:#2a3122;--tolgyes-dirt:#362d21;--tolgyes-litter:#5d472b;--nyires-ground:#21231d;--nyires-far:#2d3530;--nyires-mid:#2a3629;--nyires-trunk:#45463d;--nyires-near:#1a2118;--nyires-verge:#323a2b;--nyires-dirt:#3f382b;--nyires-litter:#776834;--fenyves-ground:#171a16;--fenyves-far:#222a25;--fenyves-mid:#17201a;--fenyves-trunk:#2f2a22;--fenyves-near:#0e130e;--fenyves-verge:#222a20;--fenyves-dirt:#2e281e;--fenyves-litter:#4a3b28;--patak-ground:#1a201d;--patak-far:#25302c;--patak-mid:#1e2b26;--patak-trunk:#36392f;--patak-near:#101915;--patak-verge:#25312a;--patak-dirt:#37352e;--patak-litter:#545a5a;--ret-ground:#1e2219;--ret-far:#293324;--ret-mid:#26331e;--ret-trunk:#3b3526;--ret-near:#161f13;--ret-verge:#2e3a24;--ret-dirt:#3a3526;--ret-litter:#8a6a34}}:root[data-theme=dark] .trail{--wood:#2a2c23;--wood-edge:#574d3a;--tread:#8c8068;--roof:#4f4131;--timber:#6a5640;--timber-dark:#4a3d2f;--birch-bark:#a3a59a;--birch-mark:#26261f;--stone:#4a4a41;--berry:#87463a;--flower:#c9cbbd;--flower-2:#a88b3e;--water:#2a3f45;--water-bank:#1f3137;--glint:#56777d;--sun:#bed6e012;--sun-pool:#bed6e052;--bukkos-ground:#1f1e18;--bukkos-far:#2a302a;--bukkos-mid:#243029;--bukkos-trunk:#45463f;--bukkos-near:#141a13;--bukkos-verge:#2d3126;--bukkos-dirt:#3a3024;--bukkos-litter:#6b4829;--tolgyes-ground:#1d1d16;--tolgyes-far:#283027;--tolgyes-mid:#212c22;--tolgyes-trunk:#3b3327;--tolgyes-near:#121811;--tolgyes-verge:#2a3122;--tolgyes-dirt:#362d21;--tolgyes-litter:#5d472b;--nyires-ground:#21231d;--nyires-far:#2d3530;--nyires-mid:#2a3629;--nyires-trunk:#45463d;--nyires-near:#1a2118;--nyires-verge:#323a2b;--nyires-dirt:#3f382b;--nyires-litter:#776834;--fenyves-ground:#171a16;--fenyves-far:#222a25;--fenyves-mid:#17201a;--fenyves-trunk:#2f2a22;--fenyves-near:#0e130e;--fenyves-verge:#222a20;--fenyves-dirt:#2e281e;--fenyves-litter:#4a3b28;--patak-ground:#1a201d;--patak-far:#25302c;--patak-mid:#1e2b26;--patak-trunk:#36392f;--patak-near:#101915;--patak-verge:#25312a;--patak-dirt:#37352e;--patak-litter:#545a5a;--ret-ground:#1e2219;--ret-far:#293324;--ret-mid:#26331e;--ret-trunk:#3b3526;--ret-near:#161f13;--ret-verge:#2e3a24;--ret-dirt:#3a3526;--ret-litter:#8a6a34}.biome--bukkos{--ground:var(--bukkos-ground);--far:var(--bukkos-far);--mid:var(--bukkos-mid);--trunk:var(--bukkos-trunk);--near:var(--bukkos-near);--verge:var(--bukkos-verge);--dirt:var(--bukkos-dirt);--litter:var(--bukkos-litter);--litter-w:2.8px;--litter-cap:round;--ray-o:1}.biome--tolgyes{--ground:var(--tolgyes-ground);--far:var(--tolgyes-far);--mid:var(--tolgyes-mid);--trunk:var(--tolgyes-trunk);--near:var(--tolgyes-near);--verge:var(--tolgyes-verge);--dirt:var(--tolgyes-dirt);--litter:var(--tolgyes-litter);--litter-w:3.2px;--litter-cap:round;--ray-o:.75}.biome--nyires{--ground:var(--nyires-ground);--far:var(--nyires-far);--mid:var(--nyires-mid);--trunk:var(--nyires-trunk);--near:var(--nyires-near);--verge:var(--nyires-verge);--dirt:var(--nyires-dirt);--litter:var(--nyires-litter);--litter-w:2.6px;--litter-cap:round;--ray-o:1}.biome--fenyves{--ground:var(--fenyves-ground);--far:var(--fenyves-far);--mid:var(--fenyves-mid);--trunk:var(--fenyves-trunk);--near:var(--fenyves-near);--verge:var(--fenyves-verge);--dirt:var(--fenyves-dirt);--litter:var(--fenyves-litter);--litter-w:1.3px;--litter-cap:butt;--ray-o:.45}.biome--patak{--ground:var(--patak-ground);--far:var(--patak-far);--mid:var(--patak-mid);--trunk:var(--patak-trunk);--near:var(--patak-near);--verge:var(--patak-verge);--dirt:var(--patak-dirt);--litter:var(--patak-litter);--litter-w:4.4px;--litter-cap:round;--ray-o:.8}.biome--ret{--ground:var(--ret-ground);--far:var(--ret-far);--mid:var(--ret-mid);--trunk:var(--ret-trunk);--near:var(--ret-near);--verge:var(--ret-verge);--dirt:var(--ret-dirt);--litter:var(--ret-litter);--litter-w:2.4px;--litter-cap:round;--ray-o:.3}.from--start{--from-ground:var(--color-bg)}.from--bukkos{--from-ground:var(--bukkos-ground)}.from--tolgyes{--from-ground:var(--tolgyes-ground)}.from--nyires{--from-ground:var(--nyires-ground)}.from--fenyves{--from-ground:var(--fenyves-ground)}.from--patak{--from-ground:var(--patak-ground)}.from--ret{--from-ground:var(--ret-ground)}.trail{isolation:isolate;margin-inline:-16px;position:relative;overflow-x:clip;container-type:inline-size}.forest-defs{width:0;height:0;position:absolute;overflow:hidden}.trail svg{max-width:none;overflow:visible}.trail__path{--pad:16px;--tc:32px;--bend:190px;--dirt-w:24px;--gap:10px;--verge-w:calc(var(--dirt-w) + 14px);--worn-w:calc(var(--dirt-w) * 1.25);--mush-x:calc(var(--tc) + var(--verge-w) / 2 + 10px);--lane:calc(var(--mush-x) + 28px);--s-off:calc(var(--tc) + 44px - var(--lane))}@supports (width:1cqi){.trail__path{--pad:max(16px, calc((100cqi - 34rem) / 2));--tc:clamp(30px, 8.5cqi, 50px);--bend:clamp(128px, 40cqi, 190px);--dirt-w:clamp(20px, 6.6cqi, 28px)}}.chapter{position:relative}.chapter:after,.stop--finish:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(var(--from-ground), var(--ground) min(260px, 100%));position:absolute;inset:0}.stop--finish:after{background:linear-gradient(var(--ground), var(--color-bg) 85%)}.chapter:before{content:"";z-index:1;pointer-events:none;opacity:var(--ray-o);background:repeating-linear-gradient(104deg, transparent 0, var(--sun) 5px 11px, transparent 17px 74px), repeating-linear-gradient(97deg, transparent 0, var(--sun) 8px 24px, transparent 32px 131px);position:absolute;inset:-120px 0;-webkit-mask-image:linear-gradient(#0000,#000 120px calc(100% - 120px),#0000);mask-image:linear-gradient(#0000,#000 120px calc(100% - 120px),#0000)}.chapter:first-child:before{top:0}.stop{padding-inline:var(--pad);grid-template-columns:var(--lane) minmax(0, 1fr);grid-template-rows:auto auto var(--gap);--path-verge:var(--verge);--path-dirt:color-mix(in srgb, var(--dirt) 82%, var(--verge));grid-template-areas:"lane main""lane hint""lane.";display:grid;position:relative}.stop--worn{--path-dirt:color-mix(in srgb, var(--dirt) 68%, var(--tread))}.stop--r{grid-template-columns:minmax(0, 1fr) var(--lane);grid-template-areas:"main lane""hint lane"".lane"}.stop--turn{grid-template-rows:auto auto var(--bend);grid-template-areas:"lane main""lane hint""bend bend"}.stop--r.stop--turn{grid-template-areas:"main lane""hint lane""bend bend"}.lesson-list{list-style:none}.trail-run,.trail-bend{pointer-events:none;height:calc(100% + 2px);position:absolute;top:-1px}.trail-run{left:calc(var(--tc) - 50px);grid-area:lane;width:100px}.stop--r .trail-run{left:auto;right:calc(var(--tc) - 50px)}.trail-bend{left:var(--tc);width:calc(100% - 2 * var(--tc));grid-area:bend}.trail-run--under,.trail-bend--under{z-index:2}.trail-run--over,.trail-bend--over{z-index:3}:where(.trail-run,.trail-bend) path{fill:none;stroke-linecap:butt}.tr__verge{stroke:var(--verge);stroke-width:var(--verge-w)}.tr__dirt{stroke:color-mix(in srgb, var(--dirt) 82%, var(--verge));stroke-width:var(--dirt-w)}.tr__worn{stroke:color-mix(in srgb, var(--dirt) 68%, var(--tread));stroke-width:var(--worn-w)}.tr__mid{stroke:color-mix(in srgb, var(--verge) 78%, var(--dirt));stroke-width:calc(var(--dirt-w) * .36)}.tr__litter{stroke:var(--litter);stroke-width:var(--litter-w);stroke-linecap:var(--litter-cap)}.tr__tufts{stroke:color-mix(in srgb, var(--near) 75%, var(--verge));stroke-width:1.3px;stroke-linecap:round}.stop--first .trail-run{-webkit-mask-image:linear-gradient(#0000,#000 56px);mask-image:linear-gradient(#0000,#000 56px)}.stop--finish .trail-run{-webkit-mask-image:linear-gradient(#000 35%,#0000 72%);mask-image:linear-gradient(#000 35%,#0000 72%)}.scene{z-index:0;pointer-events:none;width:100%;height:200px;position:absolute;bottom:0;left:0}.scene--front{z-index:4}.stop--r .scene{transform:scaleX(-1)}.stop--first .scene{-webkit-mask-image:linear-gradient(#0000,#000 70px);mask-image:linear-gradient(#0000,#000 70px)}.sc{fill:currentColor;transform-box:fill-box;transform-origin:50% 100%}.sc--far{color:color-mix(in srgb, var(--mid) 40%, var(--far));--trunk-c:color-mix(in srgb, var(--trunk) 45%, var(--far));--bark-c:color-mix(in srgb, var(--birch-bark) 55%, var(--far))}.sc--mid{color:var(--mid)}.sc--wide{display:none}@container (width>=560px){.sc--wide{display:inline}}.sc--near{color:var(--near)}.landmark,.trail-branch{z-index:4;width:100px;pointer-events:none;grid-area:1/1;place-self:center start;margin-inline-start:calc(var(--tc) - 50px);line-height:0;position:relative}.trail-branch{z-index:2}.stop--r .landmark,.stop--r .trail-branch{margin-inline:0 calc(var(--tc) - 50px);grid-column:2;justify-self:end;transform:scaleX(-1)}.landmark svg{width:100px;height:72px;display:block}.landmark--tolgyes svg{height:56px}.landmark--nyires svg,.landmark--patak svg{height:64px}.landmark--fenyves svg,.trail-branch svg{width:100px;height:84px;display:block}.landmark--ret svg{height:48px}.landmark--finish{width:80px;margin-top:36px;align-self:start;margin-inline-start:calc(var(--tc) - 40px)}.stop--r .landmark--finish{margin-inline:0 calc(var(--tc) - 40px)}.landmark--finish svg{width:80px;height:110px}.brook{z-index:0;top:0;left:calc(var(--tc) - 150px);pointer-events:none;grid-area:1/1/3/-1;width:300px;height:100%;position:absolute}.stop--r .brook{left:auto;right:calc(var(--tc) - 150px);transform:scaleX(-1)}.brook path{fill:none;stroke-linecap:round}.brook__bank{stroke:var(--water-bank);stroke-width:26px}.brook__water{stroke:var(--water);stroke-width:18px}.brook__glint{stroke:var(--glint);stroke-width:1.6px}.stop--finish{grid-template-rows:170px 0 0}.chapter__sign{z-index:5;width:fit-content;max-width:min(calc(100% - var(--s-off)), 26rem);margin:34px 0 30px var(--s-off);background:var(--wood);border:1.5px solid var(--wood-edge);box-shadow:var(--shadow-soft);border-radius:4px;grid-area:main;grid-template-columns:minmax(0,1fr);place-self:center start;gap:5px;padding:12px 16px 13px;display:grid;position:relative}.stop--r .chapter__sign{margin-inline:0 var(--s-off);justify-self:end}.stop--first .chapter__sign{margin-top:44px}.chapter__sign:before{content:"";background:var(--wood-edge);clip-path:polygon(3% 0,97% 0,100% 100%,0 100%);height:13px;position:absolute;bottom:calc(100% + 1.5px);left:-9px;right:-9px}.chapter__sign:after{content:"";border-inline:5px solid var(--wood-edge);height:16px;position:absolute;top:calc(100% + 1.5px);left:18%;right:18%}.chapter__sign .chapter__kicker{letter-spacing:.1em;color:var(--accent-text);font-size:.7rem}.chapter__biome{letter-spacing:.06em}.chapter__title{font-size:1.2rem;line-height:1.25}.chapter__desc{color:var(--color-text-muted);font-size:.85rem}.chapter__progress{flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:3px;display:flex}.chapter__progress .steps{flex-wrap:wrap;flex:0 auto;gap:4px;width:auto;height:auto}.chapter__progress .steps__seg{background:var(--color-control);border-radius:2px;flex:0 0 22px;height:7px}.chapter__progress .steps__seg--on{background:var(--brand)}.chapter__count{color:var(--color-text-muted);white-space:nowrap;flex:none;font-size:.8rem}.lesson-card__body{z-index:5;grid-area:1/1/auto/-1;grid-template-columns:inherit;min-height:72px;color:var(--color-text);font:inherit;text-align:left;appearance:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:0;grid-template-areas:"mark board";align-items:center;margin:0;padding:9px 0;text-decoration:none;display:grid;position:relative}.stop--r .lesson-card__body{grid-template-areas:"board mark"}.lesson-card--locked .lesson-card__body{cursor:default}.lesson-card{--half:15px}.lesson-card--current{--half:22px}.lesson-card--locked{--half:13px}.lesson-card__mark{z-index:2;width:44px;height:46px;color:var(--brand);transform:translate(calc(var(--mush-x) - 22px + var(--bow)), calc(var(--dy) * 1px));grid-area:mark;justify-self:start;place-items:center;display:grid;position:relative}.stop--r .lesson-card__mark{transform:translate(calc(22px - var(--mush-x) - var(--bow)), calc(var(--dy) * 1px));justify-self:end}.lesson-card__mark svg{fill:currentColor;transform-origin:50% 90%;width:30px;height:26px;transform:rotate(calc(var(--tilt) * 1deg)) scale(var(--scale))}.lesson-card--done .lesson-card__mark:before{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in srgb, var(--dirt) 60%, var(--tread)), transparent);border-radius:50%;width:38px;height:13px;position:absolute;bottom:3px}.lesson-card--current .lesson-card__mark{color:var(--accent)}.lesson-card--current .lesson-card__mark svg{width:44px;height:38px;stroke:var(--accent-strong);stroke-width:1.1px;stroke-linejoin:round;transform:none}.lesson-card--current .lesson-card__mark:before{content:"";z-index:-1;background:radial-gradient(closest-side, var(--sun-pool), var(--sun) 62%, transparent);border-radius:50%;width:84px;height:30px;margin-left:-42px;animation:3.2s ease-in-out infinite trail-glow;position:absolute;bottom:-9px;left:50%}@keyframes trail-glow{50%{opacity:.78;transform:scale(1.04)}}.lesson-card--locked .lesson-card__mark{color:color-mix(in srgb, var(--color-control) 80%, transparent)}.lesson-card--locked .lesson-card__mark svg{width:26px;height:23px;transform:rotate(calc(-6deg + var(--tilt) * .5deg)) scale(var(--scale))}.lesson-card__board{z-index:1;background:var(--wood);border:1.5px solid var(--wood-edge);border-radius:var(--radius);width:min(100%,26rem);box-shadow:var(--shadow-soft);grid-area:board;grid-template-columns:auto minmax(0,1fr) auto;justify-self:start;align-items:center;column-gap:10px;padding:10px 12px;transition:border-color .15s,transform .15s;display:grid;position:relative}.stop--r .lesson-card__board{justify-self:end}.lesson-card__board:before{content:"";width:calc(33px - var(--half));background:var(--wood-edge);border-radius:2px 0 0 2px;height:8px;position:absolute;top:50%;right:calc(100% + 1.5px);transform:translateY(-50%)}.stop--r .lesson-card__board:before{border-radius:0 2px 2px 0;left:calc(100% + 1.5px);right:auto}.lesson-card__no{font-family:var(--font-serif);color:var(--accent-text);font-size:.95rem}.lesson-card__text{gap:2px;min-width:0;display:grid}.lesson-card__title{color:var(--color-text-strong);font-size:.95rem;font-weight:700;line-height:1.3}.lesson-card__species{color:var(--color-text-muted);font-size:.8rem;line-height:1.4}.lesson-card__state{white-space:nowrap;align-items:center;gap:5px;font-size:.78rem;font-weight:700;line-height:1.2;display:flex}.lesson-card__state--done{color:var(--brand-text);flex-direction:column;align-items:flex-end;gap:3px}.lesson-card__stars{gap:1px;display:inline-flex}.lesson-card__state--current{color:var(--brand-text);font-size:.85rem}.lesson-card__state--locked{color:var(--color-text-muted)}.lesson-card--done .lesson-card__board{border-color:var(--color-border-strong)}.lesson-card--current .lesson-card__board{border-color:var(--brand);box-shadow:inset 4px 0 0 var(--brand), var(--shadow-soft)}.stop--r.lesson-card--current .lesson-card__board{box-shadow:inset -4px 0 0 var(--brand), var(--shadow-soft)}.lesson-card--locked .lesson-card__board{background:var(--color-surface-2);border-style:dashed;border-color:var(--color-control);box-shadow:none;padding-right:16px}.lesson-card--locked .lesson-card__board:before{background:color-mix(in srgb, var(--color-control) 60%, var(--color-surface-2))}.lesson-card--locked .lesson-card__board:after{content:"";pointer-events:none;background:linear-gradient(to top right, transparent calc(50% - 1px), var(--wood-edge) calc(50% - 1px), var(--wood-edge) calc(50% + 1px), transparent calc(50% + 1px));border-top-right-radius:calc(var(--radius) - 3px);width:20px;height:20px;position:absolute;top:2px;right:2px}.lesson-card--locked .lesson-card__title{color:var(--color-text)}a.lesson-card__body:hover .lesson-card__board{border-color:var(--brand);transform:translateY(-1px)}.lesson-card__body:focus-visible{outline:none}.lesson-card__body:focus-visible .lesson-card__board{outline:3px solid var(--focus);outline-offset:2px;box-shadow:0 0 0 7px var(--color-bg), var(--shadow-soft)}.lesson-card--current .lesson-card__body:focus-visible .lesson-card__board{box-shadow:inset 4px 0 0 var(--brand), 0 0 0 7px var(--color-bg), var(--shadow-soft)}.stop--r.lesson-card--current .lesson-card__body:focus-visible .lesson-card__board{box-shadow:inset -4px 0 0 var(--brand), 0 0 0 7px var(--color-bg), var(--shadow-soft)}.lesson-card--locked .lesson-card__body:focus-visible .lesson-card__board{box-shadow:0 0 0 7px var(--color-bg)}.lesson-card__hint{z-index:5;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--accent-strong);border-radius:var(--radius-sm);grid-area:hint;justify-self:start;margin:-2px 0 8px;padding:7px 10px;font-size:.85rem;font-weight:600;animation:.18s ease-out hint-in;position:relative}.stop--r .lesson-card__hint{justify-self:end}@keyframes hint-in{0%{opacity:0;transform:translateY(-4px)}}@media (width<=380px){.lesson-card__board{grid-template-columns:auto minmax(0,1fr);row-gap:5px}.lesson-card__state{grid-column:2;justify-self:start}.lesson-card__state--done{flex-direction:row;align-items:center;gap:6px}}@media (width>=672px){.trail__path:before,.trail__path:after{content:"";z-index:6;width:clamp(0px, calc(var(--pad) - 12px), 32px);pointer-events:none;position:absolute;top:0;bottom:0}.trail__path:before{background:linear-gradient(to right, var(--color-bg), transparent);left:0}.trail__path:after{background:linear-gradient(to left, var(--color-bg), transparent);right:0}}@media (prefers-reduced-motion:reduce){.lesson-card--current .lesson-card__mark:before{opacity:.62;animation:none;transform:none}.lesson-card__board{transition:none}a.lesson-card__body:hover .lesson-card__board{transform:none}.lesson-card__hint{animation:none}}@media (forced-colors:active){.trail__path:before,.trail__path:after,.chapter:before,.chapter:after,.stop--finish,.scene,.brook,.landmark,.trail-branch,.trail-run,.trail-bend,.lesson-card__mark:before{display:none}.chapter__sign,.lesson-card__board{outline:1px solid canvastext}.lesson-card__board:before,.chapter__sign:before{display:none}.chapter__progress .steps__seg{border:1px solid canvastext}.chapter__progress .steps__seg--on{forced-color-adjust:none;background:canvastext}}.path-skeleton{gap:12px;display:grid}.auth-screen{min-height:100dvh;padding:calc(24px + var(--safe-top)) 16px calc(24px + var(--safe-bottom));background:var(--color-bg);place-items:center;display:grid}.auth-screen__inner{text-align:center;justify-items:center;gap:4px;display:grid}.auth-screen__logo{color:var(--brand)}.auth-screen__title{font-size:1.8rem}.profile{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.profile__hero{align-items:center;gap:14px;display:flex}.profile__avatar{border-radius:var(--radius);background:var(--brand-soft);border:1.5px solid var(--brand);width:64px;height:64px;font-family:var(--font-serif);color:var(--brand-text);place-items:center;font-size:1.9rem;font-weight:700;display:grid}.profile__name{font-size:1.5rem}.profile__skeleton{gap:12px;display:grid}.nickname{gap:6px;display:grid}.nickname__label{color:var(--color-text-strong);font-weight:600}.nickname__row{gap:8px;display:flex}.nickname__input{min-width:0;min-height:var(--tap);border:1.5px solid var(--color-control);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-strong);flex:1;padding:0 14px}.nickname__input:focus-visible{outline:3px solid var(--focus);outline-offset:1px}.nickname__status{min-height:1.3em;font-size:.9rem}.nickname__ok{color:var(--brand-text);align-items:center;gap:4px;font-weight:600;display:inline-flex}.nickname__err{color:var(--danger-text);font-weight:600}.lb-setting{border:1.5px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);gap:6px;padding:14px;display:grid}.lb-setting__title{font-size:1.1rem}.switch{min-height:var(--tap);cursor:pointer;align-items:center;gap:12px;display:flex}.switch__text{flex:1;gap:2px;min-width:0;display:grid}.switch__label{color:var(--color-text-strong);font-weight:600}.switch__hint{font-size:.875rem}.switch__state{text-align:right;min-width:1.6em;color:var(--color-text-muted);flex:none;font-size:.85rem;font-weight:700}.switch__input{opacity:0;width:1px;height:1px;margin:-1px;position:absolute}.switch__track{border:1.5px solid var(--color-control);border-radius:var(--radius-sm);background:var(--color-surface-2);flex:none;width:52px;height:30px;transition:background-color .15s,border-color .15s;position:relative}.switch__thumb{background:var(--color-control);border-radius:3px;width:21px;height:21px;transition:transform .15s,background-color .15s;position:absolute;top:3px;left:3px}.switch__input:checked+.switch__track{border-color:var(--brand);background:var(--brand)}.switch__input:checked+.switch__track .switch__thumb{background:var(--on-brand);transform:translate(22px)}.switch__input:focus-visible+.switch__track{outline:3px solid var(--focus);outline-offset:2px}.switch__input:disabled+.switch__track{opacity:.6}.lb-setting__status{min-height:1.3em;font-size:.9rem}.lb-setting__ok{color:var(--brand-text);font-weight:600}.lb-setting__err{color:var(--danger-text);font-weight:600}.appearance{border:1.5px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);gap:6px;padding:14px;display:grid;container-type:inline-size}.appearance__title{font-size:1.1rem}.appearance__text{font-size:.875rem}.appearance__options{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:6px;display:grid}.theme-option{min-height:var(--tap);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;-webkit-tap-highlight-color:transparent;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;transition:background-color .15s,border-color .15s;display:grid;position:relative}.theme-option:hover{border-color:var(--color-control)}.theme-option--on,.theme-option--on:hover{border-color:var(--brand);background:var(--brand-soft)}.theme-option__input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute;top:50%;left:50%}.theme-option:has(.theme-option__input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.theme-option__icon{color:var(--color-text-muted);display:grid}.theme-option--on .theme-option__icon{color:var(--brand-text)}.theme-option__text{gap:1px;min-width:0;display:grid}.theme-option__label{color:var(--color-text-strong);font-weight:600}.theme-option__hint{color:var(--color-text-muted);font-size:.85rem}.theme-option--on .theme-option__hint{color:var(--color-text)}.theme-option__mark{border:1.5px solid var(--color-control);background:var(--color-surface);border-radius:50%;flex:none;width:20px;height:20px}.theme-option--on .theme-option__mark{border:2px solid var(--brand);background:radial-gradient(circle, var(--brand) 0 4.5px, var(--color-surface) 5px)}@media (forced-colors:active){.theme-option--on,.theme-option--on:hover{border-color:highlight}.theme-option--on .theme-option__mark{forced-color-adjust:none;background:canvas;border-color:highlight;position:relative}.theme-option--on .theme-option__mark:after{content:"";background:highlight;border-radius:50%;position:absolute;inset:3.5px}}@container (width>=520px){.appearance__options{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-option{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"icon mark""text text";align-items:start;gap:8px;padding:12px}.theme-option__icon{grid-area:icon}.theme-option__mark{grid-area:mark}.theme-option__text{grid-area:text}}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.stat-card{border:1.5px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);justify-items:start;gap:2px;padding:14px;display:grid}.stat-card__icon{color:var(--brand)}.stat-card:nth-child(2) .stat-card__icon{color:var(--accent-strong)}.stat-card__value{font-family:var(--font-serif);color:var(--color-text-strong);font-size:1.6rem;font-weight:700}.stat-card__label{color:var(--color-text-muted);font-size:.85rem;font-weight:600}.account{border:1.5px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);gap:6px;padding:14px;display:grid}.account__title{font-size:1.1rem}.account__email{font-size:.9rem}.account__actions{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.account__actions .btn{flex:160px}.legal{border:1.5px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);justify-items:start;gap:6px;padding:14px;display:grid}.legal__title{font-size:1.1rem}.legal__text{font-size:.9rem}.legal .btn{margin-top:8px}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--color-bg:#f6f1e7;--color-surface:#fffdf8;--color-surface-2:#efe8d9;--color-border:#ded5c2;--color-border-strong:#c4b89f;--color-control:#857b68;--color-text:#3a352c;--color-text-strong:#221f19;--color-text-muted:#6f675a;--color-overlay:#221f1980;--brand:#2f5d46;--brand-strong:#244a37;--brand-soft:#dcebe1;--brand-text:#24503a;--on-brand:#fffdf8;--accent:#d98a1f;--accent-strong:#b06d0f;--accent-soft:#f8e6c4;--accent-text:#6b4208;--on-accent:#221f19;--danger:#b8452f;--danger-strong:#9a3623;--danger-soft:#f6dcd3;--danger-text:#8f2f1c;--on-danger:#fffdf8;--info:#4d5f8a;--info-soft:#e2e7f2;--info-text:#34446b;--plum:#7b1f45;--plum-soft:#f0d9e4;--cat-edible-bg:var(--brand-soft);--cat-edible-fg:var(--brand-text);--cat-edible-border:var(--brand);--cat-conditional-bg:var(--accent-soft);--cat-conditional-fg:var(--accent-text);--cat-conditional-border:var(--accent-strong);--cat-poisonous-bg:var(--danger-soft);--cat-poisonous-fg:var(--danger-text);--cat-poisonous-border:var(--danger);--cat-deadly-bg:var(--plum-soft);--cat-deadly-fg:var(--plum);--cat-deadly-border:var(--plum);--radius-sm:6px;--radius:10px;--radius-lg:14px;--shadow-soft:0 1px 2px #221f1914;--focus:var(--info);--tap:48px;--bottom-bar-h:64px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--color-bg:#1a1c17;--color-surface:#23261f;--color-surface-2:#2d312a;--color-border:#40453b;--color-border-strong:#575d4e;--color-control:#868c76;--color-text:#e3dfd2;--color-text-strong:#f5f2e8;--color-text-muted:#a9a695;--color-overlay:#0000009e;--brand:#7fbf9a;--brand-strong:#9dd3b3;--brand-soft:#22362b;--brand-text:#a9dcbf;--on-brand:#14211a;--accent:#e9a94a;--accent-strong:#f0bd6b;--accent-soft:#3d2f14;--accent-text:#f2c987;--on-accent:#1a1c17;--danger:#e07a63;--danger-strong:#ea917d;--danger-soft:#43231c;--danger-text:#f0a08d;--on-danger:#1a1c17;--info:#8fa3d1;--info-soft:#262d40;--info-text:#b4c3e6;--plum:#d97aa5;--plum-soft:#401a2e;--shadow-soft:0 1px 2px #0006}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#1a1c17;--color-surface:#23261f;--color-surface-2:#2d312a;--color-border:#40453b;--color-border-strong:#575d4e;--color-control:#868c76;--color-text:#e3dfd2;--color-text-strong:#f5f2e8;--color-text-muted:#a9a695;--color-overlay:#0000009e;--brand:#7fbf9a;--brand-strong:#9dd3b3;--brand-soft:#22362b;--brand-text:#a9dcbf;--on-brand:#14211a;--accent:#e9a94a;--accent-strong:#f0bd6b;--accent-soft:#3d2f14;--accent-text:#f2c987;--on-accent:#1a1c17;--danger:#e07a63;--danger-strong:#ea917d;--danger-soft:#43231c;--danger-text:#f0a08d;--on-danger:#1a1c17;--info:#8fa3d1;--info-soft:#262d40;--info-text:#b4c3e6;--plum:#d97aa5;--plum-soft:#401a2e;--shadow-soft:0 1px 2px #0006}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100dvh;font-family:var(--font);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;overflow-wrap:anywhere;margin:0;font-size:1rem;line-height:1.5}#root{min-height:100dvh}h1,h2,h3,h4{color:var(--color-text-strong);font-family:var(--font-serif);margin:0;font-weight:700;line-height:1.2}p{margin:0}a{color:var(--brand-text);text-underline-offset:2px}img,svg{max-width:100%}button,input{font:inherit;color:inherit}button{cursor:pointer}ul,ol{margin:0;padding:0}:focus{outline:none}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.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}.page{padding:16px 16px 24px}.page-title{margin-bottom:4px;font-size:1.6rem}.muted{color:var(--color-text-muted)}.kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-size:.75rem;font-weight:700}.card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:16px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.btn{--btn-bg:var(--brand);--btn-bg-hover:var(--brand-strong);--btn-border:var(--brand);--btn-fg:var(--on-brand);min-height:var(--tap);border:1.5px solid var(--btn-border);border-radius:var(--radius-sm);background:var(--btn-bg);color:var(--btn-fg);text-align:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:1rem;font-weight:600;line-height:1.2;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-flex}.btn:hover:not(:disabled):not([aria-disabled=true]){background:var(--btn-bg-hover);border-color:var(--btn-bg-hover)}.btn:active:not(:disabled):not([aria-disabled=true]){filter:brightness(.92)}.btn--block{width:100%;display:flex}.btn--secondary{--btn-bg:transparent;--btn-bg-hover:var(--brand-soft);--btn-border:var(--brand);--btn-fg:var(--brand-text)}.btn--secondary:hover:not(:disabled){border-color:var(--brand)}.btn--ghost{--btn-bg:transparent;--btn-bg-hover:var(--color-surface-2);--btn-border:transparent;--btn-fg:var(--brand-text)}.btn--ghost:hover:not(:disabled){border-color:#0000}.btn:disabled{--btn-bg:var(--color-surface-2);--btn-border:var(--color-border);--btn-fg:var(--color-text-muted);cursor:not-allowed}.badge{border-radius:var(--radius-sm);border:1.5px solid var(--badge-border);background:var(--badge-bg);color:var(--badge-fg);white-space:nowrap;align-items:center;gap:5px;padding:2px 8px 2px 6px;font-size:.78rem;font-weight:600;line-height:1.35;display:inline-flex}.badge svg{flex:none}.badge--edible{--badge-bg:var(--cat-edible-bg);--badge-fg:var(--cat-edible-fg);--badge-border:var(--cat-edible-border)}.badge--conditional{--badge-bg:var(--cat-conditional-bg);--badge-fg:var(--cat-conditional-fg);--badge-border:var(--cat-conditional-border)}.badge--poisonous{--badge-bg:var(--cat-poisonous-bg);--badge-fg:var(--cat-poisonous-fg);--badge-border:var(--cat-poisonous-border)}.badge--deadly{--badge-bg:var(--cat-deadly-bg);--badge-fg:var(--cat-deadly-fg);--badge-border:var(--cat-deadly-border)}.logo{align-items:center;gap:8px;display:inline-flex}.logo__mark{color:var(--brand);flex:none}.logo__text{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--color-text-strong);font-size:1.2rem;font-weight:700}.steps{gap:3px;width:100%;min-width:0;height:6px;display:flex}.steps__seg{background:var(--color-border-strong);border-radius:1px;flex:1 1 0;min-width:0;height:100%;transition:background-color .25s}.steps__seg--on{background:var(--brand)}.stat-chip{white-space:nowrap;align-items:baseline;gap:4px;padding:4px 0;display:inline-flex}.stat-chip svg{flex:none;align-self:center}.stat-chip--streak svg{color:var(--accent-strong)}.stat-chip--points svg{color:var(--brand)}.stat-chip__value{font-family:var(--font-serif);color:var(--color-text-strong);font-size:1.1rem;font-weight:700}.stat-chip__unit{color:var(--color-text-muted);font-size:.8rem}.spinner-wrap{justify-content:center;padding:40px 0;display:flex}.spinner{border:3px solid var(--color-border);border-top-color:var(--brand);border-radius:50%;width:36px;height:36px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg, var(--color-surface-2) 25%, var(--color-border) 50%, var(--color-surface-2) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.6s ease-in-out infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.error-state{text-align:center;justify-items:center;gap:10px;padding:48px 20px;display:grid}.error-state__title{font-size:1.2rem}.state-icon{border-radius:var(--radius);background:var(--color-surface-2);width:52px;height:52px;color:var(--color-text-muted);place-items:center;display:grid}.state-icon--danger{background:var(--danger-soft);color:var(--danger-text)}.dialog{border:1.5px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface);width:min(92vw,420px);color:var(--color-text);padding:0}.dialog::backdrop{background:var(--color-overlay)}.dialog__body{gap:12px;padding:24px 20px 20px;display:grid}.dialog__title{font-size:1.3rem}.dialog__actions{gap:8px;margin-top:8px;display:grid}.safety{border-radius:var(--radius);border:1.5px solid var(--cat-conditional-border);background:var(--cat-conditional-bg);color:var(--cat-conditional-fg);gap:12px;padding:16px;display:grid}.safety__title{color:inherit;align-items:center;gap:8px;font-size:1.15rem;display:flex}.safety__title svg{flex:none}.safety__list{gap:8px;padding-left:20px;display:grid}.safety__emergency{border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);border:1.5px solid var(--danger);gap:10px;padding:12px;display:flex}.safety__emergency-icon{color:var(--danger-text);flex:none;margin-top:2px}.safety a,.safety-compact a{color:inherit;font-weight:700}.safety-compact{border-radius:var(--radius-sm);background:var(--cat-conditional-bg);border:1.5px solid var(--cat-conditional-border);color:var(--cat-conditional-fg);gap:10px;padding:10px 12px;font-size:.85rem;line-height:1.4;display:flex}.safety-compact__icon{flex:none;margin-top:1px}