.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);justify-content:space-between;align-items:center;gap:12px;margin:0 -16px 16px;display:flex;position:sticky;top:0}@media (width>=768px){.path-header .logo{display:none}.path-header{justify-content:flex-end}}.path-intro{gap:6px;margin-bottom:16px;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{--gutter:84px;--pad:16px;--forest-far:#cfd8c0;--forest-mid:#93a383;--forest-near:#4a5a41;--trail-dirt:#e5d7bd;--trail-dirt-worn:#efe3cc;--trail-edge:#bda882;--litter:#c99a52;--wood:#f3e7d2;--wood-edge:#c1a173;--sun:#d98a1f1a;--sun-pool:#d98a1f6b;--sky-glow:#f7cd8059;margin-inline:calc(-1 * var(--pad));position:relative;overflow-x:clip}.chapter--grove-1{--forest-far:#d7dfc9;--forest-mid:#9aa98a;--glow-x:74%}.chapter--grove-2{--glow-x:26%}.chapter--grove-3{--forest-far:#c7d3bb;--forest-mid:#8a9b7c;--forest-near:#43533c;--glow-x:58%}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .trail{--forest-far:#2b3630;--forest-mid:#1d2620;--forest-near:#10150f;--trail-dirt:#332e25;--trail-dirt-worn:#453d2e;--trail-edge:#5b513f;--litter:#6b5433;--wood:#2a2c23;--wood-edge:#574d3a;--sun:#bed6e012;--sun-pool:#bed6e052;--sky-glow:#bed6e021}:root:not([data-theme=light]) .chapter--grove-1{--forest-far:#303b34;--forest-mid:#212a23}:root:not([data-theme=light]) .chapter--grove-3{--forest-far:#28332d;--forest-mid:#1a231d;--forest-near:#0e130d}}:root[data-theme=dark] .trail{--forest-far:#2b3630;--forest-mid:#1d2620;--forest-near:#10150f;--trail-dirt:#332e25;--trail-dirt-worn:#453d2e;--trail-edge:#5b513f;--litter:#6b5433;--wood:#2a2c23;--wood-edge:#574d3a;--sun:#bed6e012;--sun-pool:#bed6e052;--sky-glow:#bed6e021}:root[data-theme=dark] .chapter--grove-1{--forest-far:#303b34;--forest-mid:#212a23}:root[data-theme=dark] .chapter--grove-3{--forest-far:#28332d;--forest-mid:#1a231d;--forest-near:#0e130d}@media (width>=520px){.trail{--gutter:112px}}.forest-defs{width:0;height:0;position:absolute;overflow:hidden}.trail svg{max-width:none}.chapters{grid-template-columns:minmax(0,1fr);gap:32px;display:grid}.chapter{isolation:isolate;padding-inline:var(--pad);content-visibility:auto;contain-intrinsic-height:auto 640px;position:relative}.chapter:before{content:"";z-index:2;pointer-events:none;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:0;-webkit-mask-image:linear-gradient(#000 0 55%,#0000 100%);mask-image:linear-gradient(#000 0 55%,#0000 100%)}.chapter__trunks{inset:0 var(--pad);z-index:0;pointer-events:none;position:absolute}.mid-tree{color:var(--forest-mid);fill:currentColor;position:absolute}.chapter__head{z-index:3;background:var(--wood);border:1.5px solid var(--wood-edge);border-radius:var(--radius);box-shadow:var(--shadow-soft);gap:5px;padding:13px 16px 12px;display:grid;position:relative}.chapter__head:before,.chapter__head:after{content:"";background:var(--wood-edge);border-radius:50%;width:5px;height:5px;position:absolute;top:7px}.chapter__head:before{left:7px}.chapter__head:after{right:7px}.chapter__head .chapter__kicker{letter-spacing:.1em;color:var(--accent-text);font-size:.7rem}.chapter__title{font-size:1.2rem;line-height:1.25}.chapter__desc{color:var(--color-text-muted);font-size:.85rem}.chapter__progress{align-items:center;gap:10px;margin-top:3px;display:flex}.chapter__progress .steps{flex:0 auto;gap:4px;width:auto;height:7px}.chapter__progress .steps__seg{background:var(--wood-edge);border-radius:2px;flex:0 auto;width:22px;box-shadow:inset 0 1px #0000001f}.chapter__progress .steps__seg--on{background:var(--brand)}.chapter__count{color:var(--color-text-muted);white-space:nowrap;flex:none;font-size:.8rem}.chapter__band{position:relative}.chapter__band--far{height:72px}.chapter__band--far:before{content:"";top:-8px;bottom:0;left:calc(-1 * var(--pad));right:calc(-1 * var(--pad));pointer-events:none;background:radial-gradient(55% 95% at var(--glow-x) 30%, var(--sky-glow), transparent 72%);position:absolute}.chapter__band--near{z-index:1;height:56px}.chapter__band svg{position:absolute}.band__canopy,.band__ground{top:0;left:calc(-1 * var(--pad));width:calc(100% + 2 * var(--pad));height:100%}.band__canopy{fill:var(--forest-far);-webkit-mask-image:linear-gradient(#000 0 42%,#0000 100%);mask-image:linear-gradient(#000 0 42%,#0000 100%)}.band__ground{fill:var(--forest-near);-webkit-mask-image:linear-gradient(#000 0 50%,#0000 100%);mask-image:linear-gradient(#000 0 50%,#0000 100%)}.band__tree{color:var(--forest-mid);fill:currentColor;opacity:.45}.gate-tree{color:var(--forest-mid);fill:currentColor}.band__fern{color:var(--forest-near);fill:currentColor}.band__log{width:132px;height:32px;color:var(--forest-near);fill:currentColor;top:-16px}.lesson-list{gap:0;list-style:none;display:grid}.lesson-card{position:relative}.trail-slice{z-index:0;width:var(--gutter);pointer-events:none;height:calc(100% + 2px);position:absolute;top:-1px;left:0}.slice__verge{fill:var(--forest-mid)}.slice__dirt{fill:var(--trail-dirt)}.trail-slice--worn .slice__verge,.slice__trodden .slice__verge{fill:var(--forest-far)}.trail-slice--worn .slice__dirt,.slice__trodden .slice__dirt{fill:var(--trail-dirt-worn)}.slice__edge{fill:none;stroke:var(--trail-edge);stroke-width:1.25px;stroke-dasharray:7 5 2 5}.slice__litter{fill:var(--litter)}.slice__tuft{fill:none;stroke:var(--forest-near);stroke-width:1.3px;stroke-linecap:round;opacity:.8}.trail-slice--enter{-webkit-mask-image:linear-gradient(#0000 0,#000 52%);mask-image:linear-gradient(#0000 0,#000 52%)}.trail-slice--exit{-webkit-mask-image:linear-gradient(#000 0 34%,#0000 96%);mask-image:linear-gradient(#000 0 34%,#0000 96%)}.lesson-card__body{z-index:3;grid-template-columns:var(--gutter) minmax(0, 1fr);width:100%;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;align-items:center;margin:0;padding:5px 0;text-decoration:none;display:grid;position:relative}.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(clamp(0px, calc(var(--gutter) * var(--edge) + var(--side) * (var(--half) + 4px) - 22px), calc(var(--gutter) - 38px - var(--half))), calc(var(--dy) * 1px));justify-self:start;place-items:center;display:grid;position:relative}.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, var(--trail-edge), transparent);opacity:.55;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);box-shadow:var(--shadow-soft);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:10px;margin-left:-14px;padding:10px 12px;transition:border-color .15s,transform .15s;display:grid;position:relative}.lesson-card__board:before{content:"";background:var(--wood-edge);border-radius:2px 0 0 2px;width:14px;height:8px;position:absolute;top:50%;left:-13px;transform:translateY(-50%)}.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)}.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:var(--color-control);opacity:.6}.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)}.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:3;margin:-2px 0 8px calc(var(--gutter) - 14px);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);padding:7px 10px;font-size:.85rem;font-weight:600;animation:.18s ease-out hint-in;position:relative}@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 (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}}.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}