:root{--color-background:#f6f1e7;--color-surface:#fffdf7;--color-surface-muted:#f1eadc;--color-text:#263029;--color-heading:#17251d;--color-muted:#627066;--color-border:#ded4c1;--color-border-strong:#c9b99e;--color-honey:#b87a24;--color-honey-strong:#8c5a17;--color-honey-soft:#fff1d6;--color-success:#2f7544;--color-success-soft:#e9f5ea;--color-danger:#a9453c;--color-danger-soft:#fff0ec;--color-warning-border:#d8bd78;--color-warning-soft:#fff6df;--shadow-panel:0 14px 32px #362b1817;--radius-sm:6px;--radius-md:8px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--focus-ring:3px solid #b87a2473;color:var(--color-text);background:var(--color-background);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--color-background);min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed}button:focus-visible,.brand-link:focus-visible,.app-footer a:focus-visible,.zoomable-image-surface:focus-visible,.pack-species-tile:focus-visible,.pack-notebook-filters button:focus-visible,.species-detail-media-strip button:focus-visible,.feedback-detail summary:focus-visible,.recap-block>summary:focus-visible,.recap-recognized-section summary:focus-visible,.recap-section summary:focus-visible{outline:var(--focus-ring);outline-offset:2px}[tabindex="-1"]:focus{outline:none}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100vh;padding:18px}.app-frame{width:min(100%,1120px);margin:0 auto}.app-frame.is-quiz-frame{width:min(100%,1200px)}.app-header{justify-content:space-between;align-items:start;gap:var(--space-4);margin-bottom:18px;display:flex}.eyebrow,.section-label,.header-meta{color:var(--color-muted);letter-spacing:0;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{color:var(--color-heading);margin-bottom:0;font-size:1.7rem;line-height:1.05}.brand-link{border-radius:var(--radius-sm);min-width:0;color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.brand-static{align-items:center;gap:10px;min-width:0;display:flex}.brand-logo{object-fit:contain;flex:none;width:36px;height:36px}.brand-copy{gap:2px;min-width:0;display:grid}.brand-link:hover h1{color:var(--color-honey-strong)}.header-tools{justify-items:end;gap:8px;min-width:0;display:grid}.app-footer{color:var(--color-muted);border-top:1px solid #ded4c1b8;gap:8px 16px;margin-top:22px;padding:16px 2px 2px;font-size:.78rem;display:grid}.app-footer-links{flex-wrap:wrap;gap:8px 14px;display:flex}.app-footer a{border-radius:var(--radius-sm);color:inherit;font-weight:800;text-decoration:none}.app-footer a:hover,.app-footer a[aria-current=page]{color:var(--color-heading)}.footer-local-data{color:#627066d6;flex-wrap:wrap;align-items:center;gap:4px 7px;display:inline-flex}.footer-local-data strong{color:var(--color-heading);letter-spacing:0;text-transform:uppercase;font-size:.74rem}.footer-text-button{border-radius:var(--radius-sm);min-height:24px;color:inherit;font-size:inherit;text-underline-offset:3px;background:0 0;border:0;padding:0 2px;font-weight:800;text-decoration:underline}.footer-text-button:hover:not(:disabled){color:var(--color-heading)}.language-selector{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fffdf7b8;align-items:center;gap:4px;padding:3px;display:inline-flex}.language-option{min-width:34px;min-height:30px;color:var(--color-muted);background:0 0;border:1px solid #0000;border-radius:4px;padding:0 7px;font-size:.76rem;font-weight:900}.language-option:hover{color:var(--color-heading)}.language-option[aria-pressed=true]{border-color:var(--color-border-strong);background:var(--color-heading);color:var(--color-surface)}h2{color:var(--color-heading);font-size:1.55rem;line-height:1.15}h3{color:var(--color-heading);font-size:1.1rem}.start-screen,.quiz-screen,.completed-screen,.status-panel,.static-page{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-panel);padding:18px}.start-screen{box-shadow:none;background:0 0;border:0;padding:4px 0 0}.status-panel,.static-page{max-width:720px;margin:0 auto}.start-screen,.quiz-screen{gap:var(--space-4);display:grid}.start-logo{width:min(100%,420px);height:auto}.quiz-screen{gap:var(--space-4);padding:16px;position:relative}.quiz-heading{gap:var(--space-2);padding-inline-end:44px;display:grid}.quiz-heading h2{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:0;display:flex}.quiz-question-count{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted);color:var(--color-muted);align-items:center;padding:3px 7px;font-size:.82rem;font-weight:900;display:inline-flex}.quiz-layout{align-items:start;gap:var(--space-4);display:grid}.quiz-answer-column{align-content:start;gap:var(--space-3);display:grid}.start-screen p,.completed-screen p,.status-panel p,.feedback-panel p,.static-page p{color:var(--color-text);line-height:1.55}.static-page{gap:var(--space-4);display:grid}.static-page h2,.static-page h3,.static-page p{margin-bottom:0}.static-page-intro{font-size:1.02rem}.static-page-sections{gap:var(--space-4);display:grid}.static-page-sections section{gap:var(--space-2);border-top:1px solid var(--color-border);padding-top:var(--space-4);display:grid}.static-page-sections ul{color:var(--color-text);gap:7px;margin:0;padding-left:1.1rem;line-height:1.5;display:grid}.pack-summary{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fffaf0;padding:14px}.pack-summary dl{grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 0;display:grid}.pack-summary dt{color:var(--color-muted);font-size:.78rem;font-weight:700}.pack-summary dd{margin:var(--space-1) 0 0;color:var(--color-heading);font-weight:800}.start-heading,.pack-picker,.pack-picker-heading{gap:var(--space-2);display:grid}.start-heading{gap:10px;max-width:700px;padding:10px 2px 4px}.start-heading h2{margin-bottom:0;font-size:clamp(2rem,6vw,3.1rem);line-height:1.02}.start-heading p,.pack-picker-heading p{margin-bottom:0}.start-prompt{font-size:.92rem;font-weight:900;color:var(--color-honey-strong)!important}.pack-picker-heading h3{margin-bottom:0}.pack-card-grid{grid-template-columns:1fr;gap:14px;display:grid}.floating-resume{z-index:30;left:max(16px, env(safe-area-inset-left));bottom:max(18px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffcf4f5;border:1px solid #cdbea3eb;border-radius:999px;align-items:stretch;display:inline-flex;position:fixed;overflow:hidden;box-shadow:0 14px 36px #1c2e2429}.floating-resume button{min-height:44px;color:var(--color-text);font:inherit;background:0 0;border:0;font-weight:850}.floating-resume-main{padding:0 17px 0 20px}.floating-resume-dismiss{justify-content:center;align-items:center;width:44px;display:inline-flex;color:var(--color-muted)!important;border-left:1px solid #cdbea3cc!important}.floating-resume-main:hover,.floating-resume-main:focus-visible{background:#be8b3d1c}.floating-resume-dismiss:hover,.floating-resume-dismiss:focus-visible{background:#932c2414;color:var(--color-danger)!important}.pack-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-height:0;color:inherit;text-align:left;grid-template-columns:1fr;align-items:start;gap:13px;padding:0;transition:background-color .12s,border-color .12s,box-shadow .12s,transform .12s;display:grid;overflow:hidden}.pack-card:hover:not(:disabled){border-color:#b87a2494;transform:translateY(-2px);box-shadow:0 18px 38px #362b1821}.pack-card:disabled{opacity:.62}.pack-card:hover:not(:disabled) .pack-cover-hero{transform:scale(1.03)}.pack-card:hover:not(:disabled) .pack-card-action{color:var(--color-honey-strong);opacity:1}.pack-cover{border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--color-surface-muted);isolation:isolate;width:100%;display:block;position:relative;overflow:hidden}.pack-cover.is-compact{aspect-ratio:16/10}.pack-cover.is-large{aspect-ratio:4/3;border:1px solid var(--color-border);border-radius:var(--radius-md)}.pack-cover-hero,.pack-cover-placeholder{width:100%;height:100%;position:absolute;inset:0}.pack-cover-hero{object-fit:cover;transition:transform .26s;display:block}.pack-cover-placeholder{color:var(--color-muted);background:linear-gradient(135deg, #fffdf7b8, #f1eadce0), var(--color-surface-muted);place-items:center;display:grid}.pack-cover-shade,.pack-cover-mark{pointer-events:none;position:absolute;inset:0}.pack-cover-shade{z-index:1;background:linear-gradient(#17251d00 40%,#17251d33 100%),linear-gradient(90deg,#17251d33 0%,#17251d00 42%)}.pack-cover.has-editorial-asset .pack-cover-shade{background:linear-gradient(#17251d00 56%,#17251d1f 100%)}.pack-cover.has-editorial-asset .pack-cover-mark{display:none}.pack-cover-mark{z-index:2;opacity:.3;width:18%}.is-belgium-pack .pack-cover-mark{filter:blur(.2px);background:linear-gradient(90deg,#1919168c 0 33%,#eeca4f73 33% 66%,#ac333070 66% 100%)}.is-europe-bird-pack .pack-cover-mark{background:radial-gradient(circle at 54% 36%,#ffe2686b 0 2px,#0000 3px),radial-gradient(circle at 70%,#ffe26857 0 2px,#0000 3px),radial-gradient(circle at 52% 66%,#ffe26857 0 2px,#0000 3px),#2452842e;border-radius:999px 0 0 999px;width:32%;left:auto;right:0}.is-fungi-pack .pack-cover-mark{background:linear-gradient(90deg,#404f3057,#404f3000);width:42%}.is-tree-pack .pack-cover-mark{background:radial-gradient(circle at 18% 70%,#587a3757 0 28%,#0000 29%),linear-gradient(90deg,#587a3738,#587a3700);width:42%}.pack-cover-details{z-index:3;gap:7px;display:flex;position:absolute;bottom:12px;right:12px}.pack-cover-details img{aspect-ratio:1;border-radius:var(--radius-sm);object-fit:cover;border:2px solid #fffdf7db;width:58px;box-shadow:0 8px 18px #10161233}.pack-mosaic{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.pack-mosaic.is-compact{aspect-ratio:4/3;width:100%}.pack-mosaic.is-large{aspect-ratio:1;width:100%}.pack-mosaic img,.pack-mosaic-placeholder{width:100%;min-width:0;height:100%;min-height:0}.pack-mosaic img{object-fit:cover;display:block}.pack-mosaic-placeholder{color:var(--color-muted);background:var(--color-surface-muted);place-items:center;display:grid}.pack-card-copy{gap:6px;min-width:0;padding:0 14px 14px;display:grid}.pack-card-kicker{min-width:0;display:flex}.pack-card-title-row{gap:4px;min-width:0;display:grid}.pack-card-title-row strong{min-width:0;color:var(--color-heading);font-size:1.08rem;line-height:1.16}.pack-card-badge{min-height:24px;color:var(--color-muted);background:#f1eadc8a;border:1px solid #62706638;border-radius:999px;align-items:center;padding:0 9px;font-size:.72rem;font-weight:900;line-height:1;display:inline-flex}.pack-card-meta,.pack-card-description,.pack-empty,.pack-card-action{color:var(--color-muted);font-size:.84rem;line-height:1.35}.pack-card-description{margin-top:3px;display:block}.pack-card-action{opacity:.72;align-items:center;min-height:22px;margin-top:2px;font-weight:900;transition:color .12s,opacity .12s;display:inline-flex}.pack-modal-backdrop{z-index:90;background:#10161294;place-items:center;padding:18px;display:grid;position:fixed;inset:0;overflow:auto}.pack-modal{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:min(100%,760px);max-height:calc(100vh - 36px);padding:16px;position:relative;overflow:auto;box-shadow:0 24px 70px #1016123d}.pack-modal.is-notebook{width:min(100%,940px)}.pack-modal-layout{gap:16px;display:grid}.pack-modal-content{gap:14px;display:grid}.pack-modal-content h2,.pack-modal-content p{margin-bottom:0}.pack-safety-note{border-left:3px solid var(--color-honey);color:var(--color-muted);padding-left:10px;font-size:.85rem;line-height:1.4}.pack-modal-stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:8px;margin:0;display:grid}.pack-modal-stats div{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);padding:9px 10px}.pack-modal-stats dt{color:var(--color-muted);font-size:.76rem;font-weight:800}.pack-modal-stats dd{color:var(--color-heading);margin:3px 0 0;font-size:.92rem;font-weight:900;line-height:1.25}.pack-modal-actions{gap:10px;display:grid}.pack-modal-primary-actions{display:grid}.pack-modal-action-section{border-top:1px solid var(--color-border);gap:7px;padding-top:10px;display:grid}.pack-modal-action-section h3{color:var(--color-muted);text-transform:uppercase;margin:0;font-size:.78rem;font-weight:900}.pack-modal-action-section .secondary-button{justify-self:start}.pack-review-empty{color:var(--color-muted);margin:0;font-size:.84rem;line-height:1.35}.pack-notebook{gap:14px;padding-right:34px;display:grid}.pack-notebook-back{justify-self:start;align-items:center;gap:7px;display:inline-flex}.pack-notebook-heading{gap:5px;display:grid}.pack-notebook-heading h2{color:var(--color-heading);margin:0;font-size:1.35rem;line-height:1.15}.pack-notebook-heading p:last-child{color:var(--color-muted);margin:0;font-size:.86rem;font-weight:800}.pack-notebook-filters{flex-wrap:wrap;gap:7px;display:flex}.pack-notebook-search{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);min-height:40px;color:var(--color-muted);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:0 11px;display:grid}.pack-notebook-search:focus-within{border-color:var(--color-honey);box-shadow:0 0 0 3px var(--color-honey-soft)}.pack-notebook-search input{min-width:0;color:var(--color-heading);font:inherit;background:0 0;border:0;outline:none}.pack-notebook-filters button{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);min-height:34px;color:var(--color-heading);padding:0 11px;font-size:.84rem;font-weight:850}.pack-notebook-filters button[aria-pressed=true]{border-color:var(--color-honey);background:var(--color-honey-soft);color:var(--color-honey-strong)}.pack-notebook-secondary-filters{justify-content:start;display:flex}.pack-notebook-secondary-filters button{border-radius:var(--radius-sm);min-height:30px;color:var(--color-muted);background:0 0;border:0;padding:0 4px;font-size:.82rem;font-weight:850}.pack-notebook-secondary-filters button[aria-pressed=true]{color:var(--color-honey-strong)}.pack-notebook-status{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted);flex-wrap:wrap;align-items:center;gap:10px;padding:10px;display:flex}.pack-notebook-status p,.pack-notebook-empty,.pack-notebook-result-count{color:var(--color-muted);margin:0}.pack-notebook-result-count{font-size:.84rem;font-weight:780}.pack-species-virtual-grid{overscroll-behavior:contain;min-height:128px;max-height:min(58vh,560px);padding-right:2px;position:relative;overflow:auto}.pack-species-virtual-inner{min-width:0;position:relative}.pack-species-virtual-cell{position:absolute;top:0;left:0}.pack-species-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:10px;display:grid}.pack-species-tile{box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;min-width:0;max-width:100%;height:100%;min-height:112px;color:var(--color-text);text-align:left;grid-template-columns:72px minmax(0,1fr);padding:0;transition:border-color .12s,box-shadow .12s,transform .12s;display:grid;overflow:hidden}.pack-species-tile:hover{border-color:var(--color-honey);box-shadow:var(--shadow-panel);transform:translateY(-1px)}.pack-species-tile img,.pack-species-tile-placeholder{width:100%;height:100%;min-height:112px}.pack-species-tile img{object-fit:cover;display:block}.pack-species-tile-placeholder{background:var(--color-surface-muted);color:var(--color-muted);place-items:center;display:grid}.pack-species-tile-copy{align-content:start;gap:5px;min-width:0;padding:9px 10px;display:grid}.pack-species-tile-name{overflow-wrap:anywhere;color:var(--color-heading);font-weight:900;line-height:1.15}.pack-species-tile-scientific{min-width:0;color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.pack-species-status{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted);width:fit-content;max-width:100%;color:var(--color-muted);padding:3px 6px;font-size:.72rem;font-weight:900;line-height:1.15}.pack-species-status.is-recognized,.pack-species-status.is-mastered{background:var(--color-success-soft);color:var(--color-success);border-color:#2f754447}.pack-species-status.is-review{border-color:var(--color-warning-border);background:var(--color-warning-soft);color:var(--color-honey-strong)}.pack-species-status.is-often-confused{color:#6a4824;background:#f8ebd6d1;border-color:#7e5c3447}.pack-species-progress{color:var(--color-muted);font-size:.78rem;font-weight:750}.pack-confusion-pair-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.pack-confusion-pair-list li{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);grid-template-columns:auto minmax(0,1fr);gap:10px;padding:10px;display:grid}.pack-confusion-pair-icon{border-radius:var(--radius-sm);background:var(--color-honey-soft);width:34px;height:34px;color:var(--color-honey-strong);place-items:center;display:grid}.pack-confusion-pair-copy{gap:8px;min-width:0;display:grid}.pack-confusion-pair-copy div{gap:2px;min-width:0;display:grid}.pack-confusion-pair-copy span{color:var(--color-muted);text-transform:uppercase;font-size:.72rem;font-weight:900}.pack-confusion-pair-copy strong{overflow-wrap:anywhere;color:var(--color-heading)}.pack-confusion-pair-copy em,.pack-confusion-pair-copy p{color:var(--color-muted);margin:0;font-size:.82rem}.pack-confusion-pair-actions{flex-wrap:wrap;grid-column:2;gap:8px;display:flex}.icon-button{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:38px;height:38px;color:var(--color-heading);place-items:center;padding:0;display:inline-grid}.icon-button:hover:not(:disabled){border-color:var(--color-honey);color:var(--color-honey-strong)}.pack-modal-close{z-index:2;position:absolute;top:10px;right:10px}.fungi-safety-backdrop{z-index:110;background:#101612ad;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.fungi-safety-dialog{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);gap:14px;width:min(100%,440px);padding:18px;display:grid;box-shadow:0 24px 70px #1016123d}.fungi-safety-dialog-icon{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted);width:44px;height:44px;color:var(--color-honey-strong);place-items:center;display:inline-grid}.fungi-safety-dialog h2,.fungi-safety-dialog p{margin-bottom:0}.fungi-safety-dialog p{color:var(--color-text);line-height:1.5}.fungi-safety-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.icon-text-button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.taxon-search{border-top:1px solid var(--color-border);gap:8px;padding-top:14px;display:grid}.taxon-search-label{color:var(--color-heading);font-weight:900}.taxon-search-input{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;min-height:46px;color:var(--color-heading);padding:0 12px}.taxon-search-input:focus-visible{outline:var(--focus-ring);outline-offset:2px}.taxon-search-input:disabled{background:var(--color-surface-muted);color:var(--color-muted)}.taxon-search-status{color:var(--color-muted);margin:0;font-size:.86rem;line-height:1.45}.taxon-search-status.is-error{color:var(--color-danger)}.taxon-search-status.is-selected{color:var(--color-heading);font-weight:800}.taxon-search-results{gap:6px;max-height:260px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.taxon-search-option{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;min-height:52px;color:var(--color-text);text-align:left;gap:2px;padding:9px 11px;display:grid}.taxon-search-option:hover,.taxon-search-option.is-active{border-color:var(--color-honey);background:var(--color-honey-soft)}.taxon-search-primary{color:var(--color-heading);font-weight:900}.taxon-search-secondary{color:var(--color-muted);font-size:.86rem;font-style:italic}.hard-answer-search{border-top:0;padding-top:0}.mode-selector{border:0;gap:8px;margin:0;padding:0;display:grid}.mode-selector legend{color:var(--color-heading);margin-bottom:6px;font-weight:900}.mode-selector-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mode-option{border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:10px;transition:background-color .12s,border-color .12s,box-shadow .12s;display:grid;position:relative}.mode-option:hover:has(input:not(:disabled)){border-color:var(--color-border-strong);box-shadow:0 6px 16px #362b1812}.mode-option:has(input:focus-visible){outline:var(--focus-ring);outline-offset:2px}.mode-option:has(input:checked){border-color:var(--color-honey);background:var(--color-honey-soft)}.mode-option:has(input:disabled){cursor:not-allowed;opacity:.65}.mode-option input{opacity:0;pointer-events:none;width:1px;height:1px;margin:-1px;position:absolute}.mode-option-copy{cursor:pointer;align-items:center;gap:10px;min-width:0;display:flex}.mode-option-title{align-items:center;gap:8px;min-width:0;display:inline-flex}.mode-option-title svg{color:var(--color-heading);flex:none}.mode-option strong{color:var(--color-heading)}.mode-help{flex:none;display:inline-grid;position:relative}.mode-help summary{border:1px solid var(--color-border);width:24px;height:24px;color:var(--color-muted);background:#fffdf7d1;border-radius:999px;place-items:center;font-size:.78rem;font-weight:900;list-style:none;display:inline-grid}.mode-help summary::-webkit-details-marker{display:none}.mode-help p{z-index:4;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);width:min(220px,100vw - 40px);color:var(--color-text);opacity:0;pointer-events:none;box-shadow:var(--shadow-panel);margin:0;padding:8px 10px;font-size:.78rem;font-weight:700;line-height:1.35;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 8px);right:0;transform:translateY(2px)}.mode-help:hover summary,.mode-help summary:focus-visible{border-color:var(--color-honey);color:var(--color-heading)}.mode-help:hover p,.mode-help[open] p,.mode-help:focus-within p{opacity:1;transform:translateY(0)}.action-row,.quiz-actions{flex-wrap:wrap;gap:10px;display:flex}.quiz-actions{display:grid}.quiz-actions .primary-button,.quiz-actions .secondary-button{width:100%}.end-session-trigger{border:1px solid var(--color-border);color:var(--color-muted);background:#fffdf7d1;place-items:center;transition:background-color .12s,border-color .12s,color .12s,opacity .12s,transform .12s;display:inline-grid}.end-session-trigger.is-icon{border-radius:999px;width:34px;height:34px;box-shadow:0 8px 18px #362b1814}.end-session-trigger.is-text{border-radius:var(--radius-sm);background:var(--color-surface);min-height:38px;color:var(--color-muted);padding:0 14px;font-weight:900}.end-session-trigger.is-icon:hover:not(:disabled){background:var(--color-danger-soft);color:var(--color-danger);border-color:#811d1961;transform:translateY(-1px)}.end-session-trigger.is-text:hover:not(:disabled){background:var(--color-danger-soft);color:var(--color-danger);border-color:#811d197a}.end-session-trigger:disabled{opacity:.55}.quiz-screen>.end-session-trigger{z-index:2;position:absolute;top:10px;right:10px}.quiz-screen>.end-session-trigger.is-text{min-height:34px;box-shadow:none;background:0 0;border-color:#0000;padding:0 4px}.primary-button,.secondary-button{border-radius:var(--radius-sm);border:1px solid #0000;min-height:46px;padding:0 18px;font-weight:800;transition:background-color .12s,border-color .12s,color .12s,opacity .12s}.primary-button{background:var(--color-heading);color:var(--color-surface)}.primary-button:hover:not(:disabled){background:#22372b}.secondary-button{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-heading)}.secondary-button:hover:not(:disabled){border-color:var(--color-honey);color:var(--color-honey-strong)}.primary-button:disabled,.secondary-button:disabled{opacity:.55}.danger-text-button{border-radius:var(--radius-sm);width:fit-content;min-height:28px;color:var(--color-danger);text-align:left;background:0 0;border:0;padding:0;font-weight:800}.danger-text-button:hover:not(:disabled){color:#812f28;text-decoration:underline}.danger-text-button:disabled{opacity:.55}.inline-message{margin-bottom:var(--space-3);border:1px solid var(--color-warning-border);border-radius:var(--radius-md);background:var(--color-warning-soft);color:#56461b;padding:10px 12px}.error-panel{border-color:#dfb1aa}.question-image{margin:0}.question-image-frame{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);position:relative;overflow:visible;container-type:inline-size}.zoomable-image{border-radius:inherit;width:100%;color:inherit;display:grid;position:relative;overflow:visible}.zoomable-image-surface{border-radius:inherit;cursor:zoom-in;outline-offset:2px;touch-action:pan-y;display:grid;position:relative;overflow:hidden}.zoomable-image.is-zoomed .zoomable-image-surface{cursor:grab;touch-action:none}.zoomable-image.is-zoomed .zoomable-image-surface:active{cursor:grabbing}.zoomable-image-surface img{transform-origin:50%;-webkit-user-select:none;user-select:none;will-change:transform;width:100%;transition:transform .12s;display:block}.pack-cover picture,.pack-mosaic picture,.pack-species-tile picture,.recap-thumbnail-frame picture,.species-detail-mini-taxon picture,.species-detail-media-strip picture,.species-review-card picture{min-width:0;min-height:0;display:block}.zoomable-image-surface picture,.pack-mosaic picture,.pack-species-tile picture,.species-detail-media-strip picture,.species-review-card picture{width:100%;height:100%;display:block}.pack-cover>picture{position:absolute;inset:0}.pack-cover-details picture{flex:none}.pack-species-tile picture{min-height:112px}.recap-thumbnail-frame picture{width:100%}.species-detail-mini-taxon picture{width:52px;height:52px}.zoomable-image.is-question-image img{aspect-ratio:4/3;object-fit:contain;max-height:min(52vh,480px)}.zoomable-image-surface:hover .zoomable-image-open,.zoomable-image-surface:focus-visible .zoomable-image-open,.zoomable-image.is-zoomed .zoomable-image-open{opacity:1;transform:translateY(-1px)}.zoomable-image-open{z-index:4;border-radius:var(--radius-sm);width:34px;height:34px;color:var(--color-heading);opacity:.68;pointer-events:none;background:#fffdf7bd;border:1px solid #fffdf770;place-items:center;transition:opacity .12s,transform .12s;display:inline-grid;position:absolute;top:8px;right:8px;box-shadow:0 8px 18px #0000001f}.zoomable-image-credit{z-index:4;border-radius:var(--radius-sm);color:#fffdf8;text-align:center;background:#17251dc7;margin:0;padding:6px 8px;font-size:.76rem;line-height:1.35;position:absolute;bottom:8px;left:8px;right:8px}.media-report-control{width:fit-content;max-width:100%;position:relative}.media-report-control.is-overlay{z-index:5;position:absolute;bottom:max(4px,2cqw);right:max(4px,2cqw)}.media-report-button{border-radius:var(--radius-sm);width:clamp(30px,7cqw,36px);height:clamp(30px,7cqw,36px);color:var(--color-heading);opacity:.46;background:#fffdf794;border:1px solid #fffdf747;place-items:center;padding:0;transition:background-color .12s,border-color .12s,color .12s,opacity .12s,transform .12s;display:inline-grid;box-shadow:0 6px 14px #0000001a}.media-report-button svg{width:clamp(13px,3.5cqw,16px);height:clamp(13px,3.5cqw,16px)}.media-report-button:hover,.media-report-button:focus-visible,.media-report-control.is-overlay:focus-within .media-report-button{border-color:var(--color-danger);color:var(--color-danger);opacity:1;background:#fffdf7f0;transform:translateY(-1px)}.media-report-popover{z-index:20;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);width:min(280px,100vw - 32px);color:var(--color-text);box-shadow:var(--shadow-panel);gap:8px;padding:10px;display:grid;position:absolute;bottom:calc(100% + 8px);right:0}.media-report-control.is-inline .media-report-popover{bottom:calc(100% + 8px);left:0;right:auto}.media-report-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.media-report-heading h3{color:var(--color-heading);margin:0;font-size:.92rem}.media-report-close{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--color-muted);background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.media-report-close:hover{background:var(--color-surface-muted);color:var(--color-heading)}.media-report-popover label{color:var(--color-muted);font-size:.76rem;font-weight:900}.media-report-popover select,.media-report-popover textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;min-width:0;color:var(--color-text);font:inherit;padding:8px 9px}.media-report-popover textarea{resize:vertical}.media-report-submit{min-height:36px}.media-report-message{border:1px solid var(--color-success);border-radius:var(--radius-sm);background:var(--color-success-soft);max-width:280px;color:var(--color-heading);margin:6px 0 0;padding:7px 9px;font-size:.78rem;font-weight:800;line-height:1.35}.media-report-message.is-error{color:var(--color-danger);background:#fff0ec;border-color:#dfb1aa}.answer-choices{gap:var(--space-2);border:0;margin:0;padding:0;display:grid}.answer-choices legend{color:var(--color-heading);margin-bottom:6px;font-weight:800}.choice{border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;align-items:center;gap:12px;min-height:50px;padding:9px 11px;transition:background-color .12s,border-color .12s,box-shadow .12s;display:flex;position:relative}.choice:hover:has(input:not(:disabled)){border-color:var(--color-border-strong);box-shadow:0 6px 16px #362b1812}.choice:has(input:focus-visible){outline:var(--focus-ring);outline-offset:2px}.choice:has(input:disabled){cursor:default}.choice input{opacity:0;pointer-events:none;width:1px;height:1px;margin:-1px;position:absolute}.choice>span{gap:2px;display:grid}.choice strong{color:var(--color-heading)}.choice em{color:var(--color-muted);font-size:.78rem;font-style:normal;line-height:1.25}.choice.is-selected{border-color:var(--color-honey);background:var(--color-honey-soft);box-shadow:0 0 0 3px #b87a241f}.choice.is-correct{border-color:var(--color-success);background:var(--color-success-soft)}.choice.is-incorrect{border-color:var(--color-danger);background:var(--color-danger-soft)}.feedback-panel{border:1px solid var(--color-border);border-left:4px solid var(--color-success);border-radius:var(--radius-md);background:#fffaf0;padding:12px}.feedback-panel.is-incorrect{border-left-color:var(--color-danger)}.feedback-panel h2{margin-bottom:6px;font-size:1rem}.feedback-panel p,.feedback-panel h3{margin-bottom:var(--space-2)}.feedback-panel p:last-child{margin-bottom:0}.feedback-status{color:var(--color-heading);margin-bottom:6px;font-weight:900}.feedback-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.feedback-comparison article,.feedback-correct-summary{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);padding:10px}.feedback-media-frame{position:relative;container-type:inline-size}.zoomable-image.is-feedback-image img{aspect-ratio:4/3;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted);object-fit:contain}.feedback-correct-summary{grid-template-columns:110px minmax(0,1fr);gap:12px;display:grid}.feedback-label{color:var(--color-muted);text-transform:uppercase;font-size:.78rem;font-weight:900}.feedback-scientific{color:var(--color-muted);font-size:.78rem;line-height:1.35}.post-answer-review{border:1px solid var(--color-border);border-top:4px solid var(--color-success);border-radius:var(--radius-md);background:var(--color-surface);width:min(100vw - 36px,980px);max-width:none;max-height:min(92vh,760px);color:var(--color-text);box-shadow:var(--shadow-panel);margin:auto;padding:0;position:fixed;inset:0}.post-answer-review::backdrop{background:#17251d7a}.post-answer-review.is-incorrect{border-top-color:var(--color-danger)}.post-answer-review.is-detail{border-top-color:var(--color-honey)}.post-answer-review-shell{max-height:inherit;grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.post-answer-review-header{border-bottom:1px solid var(--color-border);padding:14px 18px 10px}.post-answer-review.is-correct .post-answer-review-header{background:var(--color-success-soft);border-bottom-color:#35684b38}.post-answer-review.is-incorrect .post-answer-review-header{background:var(--color-danger-soft);border-bottom-color:#811d1938}.post-answer-review.is-detail .post-answer-review-header{border-bottom-color:var(--color-border);background:var(--color-surface)}.post-answer-review-header h2,.post-answer-review-feedback h3,.review-media-panel h3,.review-trait-list h3{color:var(--color-heading);margin-bottom:0}.post-answer-review-header h2{font-size:1.25rem}.post-answer-review-body{gap:12px;padding:12px 18px 18px;display:grid;overflow:auto}.review-comparison-layout,.review-single-layout{gap:12px;display:grid}.review-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.review-single-layout{grid-template-columns:minmax(220px,.8fr) minmax(0,1fr);align-items:start}.review-learning-column{align-content:start;gap:12px;min-width:0;display:grid}.review-media-panel{gap:6px;min-width:0;display:grid}.review-media-label{color:var(--color-muted);letter-spacing:0;text-transform:uppercase;margin-bottom:0;font-size:.74rem;font-weight:900}.zoomable-image.is-review-image{aspect-ratio:3/2;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted)}.review-image-frame{position:relative;container-type:inline-size}.zoomable-image.is-review-image:hover{border-color:var(--color-border-strong)}.zoomable-image.is-review-image img{object-fit:cover;height:100%}.review-single-layout .zoomable-image.is-review-image{aspect-ratio:4/3}.review-media-copy{gap:2px;display:grid}.review-media-scientific{color:var(--color-muted);margin-bottom:0;font-size:.82rem;line-height:1.35}.review-trait-comparison{gap:9px;display:grid}.review-trait-comparison h3{margin-bottom:0}.review-trait-comparison ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.review-trait-card{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);gap:8px;padding:10px 12px;display:grid}.review-trait-card h4{color:var(--color-heading);margin:0;font-size:.92rem}.review-trait-values{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:10px;display:grid}.review-trait-values div{gap:3px;min-width:0;display:grid}.review-trait-values span:not(.review-trait-arrow){color:var(--color-muted);text-transform:uppercase;font-size:.7rem;font-weight:900}.review-trait-values p{overflow-wrap:anywhere;margin-bottom:0;line-height:1.4}.review-trait-arrow{color:var(--color-honey-strong);padding-top:20px;font-size:.8rem;font-weight:900}.review-trait-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:.88rem}.review-trait-table caption{color:var(--color-heading);text-align:left;margin-bottom:6px;font-weight:900}.review-trait-table th,.review-trait-table td{border-top:1px solid var(--color-border);text-align:left;vertical-align:top;padding:7px 8px}.review-trait-table thead th{color:var(--color-muted);text-transform:uppercase;font-size:.72rem;font-weight:900}.review-trait-table tbody th{color:var(--color-muted);overflow-wrap:anywhere;width:24%;font-weight:900}.review-trait-table td{overflow-wrap:anywhere}.review-trait-list{gap:8px;display:grid}.review-trait-list dl{gap:0;margin:0;display:grid}.review-trait-item{border-top:1px solid var(--color-border);grid-template-columns:minmax(92px,.32fr) minmax(0,1fr);gap:10px;padding:8px 0;display:grid}.review-trait-item dt{color:var(--color-muted);font-weight:900}.review-trait-item dd{overflow-wrap:anywhere;margin:0}.post-answer-review-feedback{border-top:1px solid var(--color-border);padding-top:10px}.review-learning-column .post-answer-review-feedback{margin-top:2px}.post-answer-review-feedback p{margin-bottom:0}.post-answer-review-actions{border-top:1px solid var(--color-border);background:var(--color-surface);flex-wrap:wrap;justify-content:end;gap:10px;padding:12px 18px;display:flex}.post-answer-review-actions .primary-button{min-width:220px}.post-answer-review-actions .end-session-trigger.is-text{min-width:116px}.post-answer-review-actions .end-session-trigger.is-tertiary{background:0 0;border-color:#0000;min-width:0;padding:0 4px}.species-compare-panel{gap:12px;min-width:0;display:grid}.species-compare-panel.is-learningCompact{gap:10px}.species-compare-back{justify-self:start;align-items:center;gap:7px;display:inline-flex}.species-compare-heading{gap:4px;display:grid}.species-compare-heading h3,.species-compare-section h4,.species-compare-image-card h4{color:var(--color-heading);margin:0}.species-compare-heading h3{font-size:1.16rem;line-height:1.18}.species-compare-heading p:last-child{color:var(--color-muted);margin:0;font-weight:820}.species-compare-panel.is-learningCompact .species-compare-heading .section-label{display:none}.species-compare-panel.is-learningCompact .species-compare-heading h3{font-size:1rem}.species-compare-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.species-compare-image-card{gap:6px;min-width:0;display:grid}.species-compare-panel.is-learningCompact .species-compare-image-card{gap:5px}.species-compare-image-card>p:first-child{color:var(--color-muted);text-transform:uppercase;margin:0;font-size:.72rem;font-weight:900}.species-compare-panel.is-learningCompact .species-compare-image-card>p:first-child{font-size:.68rem;font-weight:800}.species-compare-image-frame{position:relative;container-type:inline-size}.zoomable-image.is-species-compare-image{aspect-ratio:3/2;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted)}.zoomable-image.is-species-compare-image img{object-fit:cover;height:100%}.species-compare-panel.is-learningCompact .zoomable-image.is-species-compare-image{aspect-ratio:1}.species-compare-scientific{color:var(--color-muted);margin:0;font-size:.8rem}.species-compare-panel.is-learningCompact .species-compare-image-card h4{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.92rem;line-height:1.15;display:-webkit-box;overflow:hidden}.species-compare-panel.is-learningCompact .species-compare-scientific{font-size:.72rem}.species-compare-section{border-top:1px solid #ded4c1b8;gap:9px;padding-top:10px;display:grid}.species-compare-trait-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.species-compare-trait-list li{border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid #ded4c1bd;grid-template-columns:minmax(86px,.24fr) repeat(2,minmax(0,1fr));gap:10px;padding:9px 10px;display:grid}.species-compare-trait-list strong{color:var(--color-heading)}.species-compare-trait-list div{gap:3px;min-width:0;display:grid}.species-compare-trait-list span{color:var(--color-muted);text-transform:uppercase;font-size:.7rem;font-weight:900}.species-compare-trait-list p,.species-compare-empty{overflow-wrap:anywhere;margin:0}.species-compare-empty{color:var(--color-muted)}.species-compare-taxon-traits{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.species-compare-taxon-card{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);gap:8px;min-width:0;padding:10px;display:grid}.species-compare-taxon-card h5{color:var(--color-heading);margin:0;font-size:.9rem}.species-compare-taxon-card dl{gap:7px;margin:0;display:grid}.species-compare-taxon-card div{gap:2px;display:grid}.species-compare-taxon-card dt{color:var(--color-muted);font-weight:900}.species-compare-taxon-card dd,.species-compare-taxon-card p{overflow-wrap:anywhere;margin:0}.species-compare-detail-action{justify-self:start}.species-detail-panel{gap:12px;display:grid}.species-detail-back{justify-self:start;align-items:center;gap:7px;display:inline-flex}.species-detail-layout{grid-template-columns:minmax(280px,.44fr) minmax(0,.56fr);align-items:start;gap:16px;min-height:0;display:grid}.species-detail-media-column,.species-detail-copy,.species-detail-section{gap:10px;min-width:0;display:grid}.species-detail-media-column{align-self:start;position:sticky;top:0}.species-detail-copy{max-height:min(62vh,640px);padding-right:4px;overflow:auto}.species-detail-image-frame{position:relative;container-type:inline-size}.zoomable-image.is-species-detail-image{aspect-ratio:4/3;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted)}.zoomable-image.is-species-detail-image img{object-fit:cover;height:100%}.species-detail-empty-media{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted);min-height:220px;color:var(--color-muted);place-items:center;display:grid}.species-detail-media-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.species-detail-media-strip button{aspect-ratio:1;border-radius:var(--radius-sm);background:0 0;border:2px solid #0000;min-width:0;padding:0;overflow:hidden}.species-detail-media-strip button[aria-pressed=true]{border-color:var(--color-honey)}.species-detail-media-strip img{object-fit:cover;width:100%;height:100%;display:block}.species-detail-heading{gap:4px;display:grid}.species-detail-heading h3{color:var(--color-heading);margin-bottom:0;font-size:1.2rem;line-height:1.15}.species-detail-heading p:last-child{color:var(--color-muted);margin-bottom:0}.species-detail-section{border-top:1px solid var(--color-border);padding-top:10px}.species-detail-section h4{color:var(--color-heading);margin:0;font-size:.92rem}.species-detail-names,.species-detail-traits{gap:7px;margin:0;display:grid}.species-detail-names div,.species-detail-traits div{grid-template-columns:minmax(86px,.28fr) minmax(0,1fr);gap:10px;display:grid}.species-detail-names dt,.species-detail-traits dt{color:var(--color-muted);font-weight:900}.species-detail-names dd,.species-detail-traits dd{overflow-wrap:anywhere;margin:0}.species-detail-safety-note{border:1px solid var(--color-warning-border);border-radius:var(--radius-sm);background:var(--color-warning-soft);color:var(--color-heading);margin-bottom:0;padding:9px 10px;font-size:.86rem;line-height:1.45}.species-detail-empty{color:var(--color-muted);margin-bottom:0}.species-detail-personal-confusions,.species-detail-confusion-cards{gap:8px;margin:0;padding:0;list-style:none;display:grid}.species-detail-personal-confusions li,.species-detail-confusion-cards li{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);gap:8px;padding:8px;display:grid}.species-detail-pair-card{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.species-detail-pair-card>svg{color:var(--color-muted)}.species-detail-pair-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.species-detail-pair-meta span{color:var(--color-muted);font-size:.78rem;font-weight:850}.species-detail-mini-taxon{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:8px;min-width:0;display:grid}.species-detail-mini-taxon img,.species-detail-mini-placeholder{border-radius:var(--radius-sm);width:52px;height:52px}.species-detail-mini-taxon img{object-fit:cover;display:block}.species-detail-mini-placeholder{background:var(--color-surface-muted);color:var(--color-muted);place-items:center;display:grid}.species-detail-mini-taxon span{gap:2px;min-width:0;display:grid}.species-detail-mini-taxon strong{overflow-wrap:anywhere;color:var(--color-heading);line-height:1.18}.species-detail-mini-taxon em{overflow-wrap:anywhere;color:var(--color-muted);font-size:.8rem;line-height:1.2}.species-detail-confusion-cards li{grid-template-columns:minmax(0,1fr) auto;align-items:center}.species-detail-show-more{justify-self:start}.species-detail-confusion-list,.species-detail-credit-list,.species-detail-comparison-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.species-detail-confusion-list li,.species-detail-credit-list li{gap:2px;display:grid}.species-detail-confusion-list span,.species-detail-credit-list span{color:var(--color-heading);font-weight:900}.species-detail-confusion-list em,.species-detail-credit-list p{color:var(--color-muted);margin:0;font-size:.82rem}.species-detail-credits{gap:8px;display:grid}.species-detail-credits summary{cursor:pointer;width:fit-content;color:var(--color-muted);font-size:.82rem;font-weight:850}.species-detail-credits[open] summary{color:var(--color-heading)}.species-detail-comparison-list li{border:1px solid var(--color-border);border-radius:var(--radius-sm);grid-template-columns:minmax(86px,.24fr) repeat(2,minmax(0,1fr));gap:10px;padding:9px 10px;display:grid}.species-detail-comparison-list strong{color:var(--color-heading)}.species-detail-comparison-list div{gap:3px;display:grid}.species-detail-comparison-list span{color:var(--color-muted);text-transform:uppercase;font-size:.7rem;font-weight:900}.species-detail-comparison-list p{overflow-wrap:anywhere;margin:0}.end-session-dialog{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:min(100vw - 36px,420px);max-width:none;color:var(--color-text);box-shadow:var(--shadow-panel);gap:var(--space-3);margin:auto;padding:18px;display:grid}.end-session-dialog::backdrop{background:#17251d6b}.end-session-dialog h2{color:var(--color-heading);margin-bottom:0;font-size:1.15rem}.end-session-dialog p{margin-bottom:0}.end-session-dialog-actions{flex-wrap:wrap;justify-content:end;gap:10px;display:flex}.feedback-learning{border-top:1px solid var(--color-border);margin-top:12px;padding-top:12px}.feedback-learning h3{color:var(--color-heading);font-size:.98rem}.feedback-detail{gap:8px;display:grid}.feedback-detail summary{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:fit-content;min-height:34px;color:var(--color-heading);cursor:pointer;padding:7px 10px;font-size:.86rem;font-weight:900;list-style-position:inside}.post-answer-review-feedback .feedback-detail summary,.feedback-learning .feedback-detail summary{margin-inline:auto}.feedback-detail summary:hover{border-color:var(--color-honey);color:var(--color-honey-strong)}.feedback-detail p{color:var(--color-text);margin-bottom:0}.ai-tip{border-top:1px solid var(--color-border);margin-bottom:0;padding-top:10px}.completed-screen{gap:18px;display:grid}.completed-screen h2{margin-bottom:0;font-size:clamp(1.65rem,3vw,2.25rem)}.completed-screen .action-row{margin-top:0;display:grid}.completed-hero{gap:6px;display:grid}.completed-score-line{color:var(--color-heading);margin-bottom:0;font-size:clamp(1.25rem,2.5vw,1.7rem);font-weight:900;line-height:1.15}.completed-mistake-line{color:var(--color-muted);margin-bottom:0;font-size:1rem;font-weight:900}.completed-hero .completed-mistake-line:first-of-type{color:var(--color-heading);font-size:clamp(1.25rem,2.5vw,1.7rem);line-height:1.15}.completed-hero .completed-mistake-line:first-of-type+.completed-score-line{color:var(--color-muted);font-size:1rem}.completed-layout{gap:16px;display:grid}.completed-action-panel,.session-recap-summary,.recap-block,.recap-recognized-section{gap:12px;display:grid}.completed-action-panel{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fffaf0a3;align-content:start;padding:12px}.completed-stats{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);grid-template-columns:repeat(auto-fit,minmax(116px,1fr));display:grid;overflow:hidden}.completed-stats div{border-left:1px solid var(--color-border);gap:4px;padding:10px 12px;display:grid}.completed-stats div:first-child{border-left:0}.completed-stats span{color:var(--color-muted);font-size:.78rem;font-weight:800}.completed-stats strong{color:var(--color-heading);font-size:1.25rem}.recap-block{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:14px}.recap-focus-list,.recap-recognized-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.recap-focus-row{border-top:1px solid var(--color-border);grid-template-columns:92px minmax(0,1fr);gap:12px;padding:12px 0;display:grid}.recap-focus-row:first-child{border-top:0;padding-top:0}.recap-focus-row:last-child{padding-bottom:0}.recap-focus-row h4,.recap-recognized-name{color:var(--color-heading);margin:0;font-size:1rem;font-weight:900}.recap-key-cue{border-left:3px solid var(--color-honey);color:var(--color-text);margin:8px 0;padding-left:10px;line-height:1.45}.recap-block>summary,.recap-recognized-section summary{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);min-height:40px;color:var(--color-heading);cursor:pointer;padding:8px 10px;font-weight:900}.recap-block>summary{justify-content:space-between;align-items:center;gap:10px;margin:-2px 0 12px;list-style:none;display:flex}.recap-block>summary::-webkit-details-marker{display:none}.recap-block>summary strong,.recap-recognized-section summary strong{color:var(--color-muted);font-size:.82rem}.recap-block>summary svg,.recap-recognized-section summary svg{color:var(--color-muted);flex:none;transition:transform .12s}.recap-block[open]>summary svg,.recap-recognized-section[open] summary svg{transform:rotate(180deg)}.recap-review-button{width:fit-content;min-height:38px;margin:2px 0 6px}.recap-species-actions{flex-wrap:wrap;gap:8px;margin:8px 0 6px;display:flex}.recap-species-actions .secondary-button{min-height:36px;padding:0 11px;font-size:.82rem}.recap-recognized-section{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fffdf7a8;padding:12px 14px}.recap-recognized-section summary{justify-content:space-between;align-items:center;gap:12px;list-style:none;display:flex}.recap-recognized-section summary::-webkit-details-marker{display:none}.recap-recognized-row{border-top:1px solid var(--color-border)}.recap-recognized-row-button{width:100%;color:var(--color-text);text-align:left;background:0 0;border:0;grid-template-columns:26px minmax(0,1fr);gap:10px;padding:10px 0;display:grid}.recap-recognized-row-button:hover .recap-recognized-name{color:var(--color-honey-strong)}.recap-recognized-row:first-child{margin-top:8px}.recap-recognized-row-button>span:first-child{background:var(--color-success-soft);width:24px;height:24px;color:var(--color-success);border-radius:999px;place-items:center;display:inline-grid}.recap-recognized-row-button>span:last-child{gap:3px;min-width:0;display:grid}.recap-species-detail-dialog{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:min(100vw - 32px,900px);max-width:none;max-height:min(88vh,860px);padding:16px;overflow:auto;box-shadow:0 24px 70px #1016123d}.recap-species-detail-dialog::backdrop{background:#10161294}.recap-species-detail-shell{gap:12px;display:grid}.recap-species-detail-heading{gap:4px;padding-right:34px;display:grid}.recap-species-detail-heading h2,.recap-species-detail-heading p{margin:0}.recap-species-detail-heading h2{color:var(--color-heading);font-size:1.25rem}.recap-species-detail-heading p{color:var(--color-muted);font-weight:850}.recap-empty{color:var(--color-muted);margin-bottom:0}.recap-status,.recap-summary{margin-bottom:0}.recap-section{border-top:1px solid var(--color-border);gap:10px;padding-top:12px;display:grid}.recap-section summary{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);min-height:44px;color:var(--color-heading);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;font-weight:900;list-style:none;display:flex}.recap-section summary::-webkit-details-marker{display:none}.recap-section summary strong{color:var(--color-muted);text-align:right;font-size:.82rem}.recap-section[open] summary{border-color:var(--color-border-strong)}.recap-section h3{margin-bottom:0}.recap-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.recap-row{border-top:1px solid var(--color-border);grid-template-columns:92px minmax(0,1fr);gap:12px;padding:12px 0;display:grid}.recap-row:first-child{border-top:0}.recap-thumbnail{aspect-ratio:4/3;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted);object-fit:cover;width:92px}.recap-thumbnail-frame{width:92px;height:fit-content;position:relative;container-type:inline-size}.recap-thumbnail-frame .media-report-control.is-overlay{bottom:max(3px,4cqw);right:max(3px,4cqw)}.recap-thumbnail-frame .media-report-button{width:clamp(22px,24cqw,27px);height:clamp(22px,24cqw,27px)}.recap-row-body{min-width:0}.recap-confusion-with{color:var(--color-text);flex-wrap:wrap;align-items:baseline;gap:3px 6px;margin:4px 0;font-size:.9rem;line-height:1.35;display:flex}.recap-confusion-with span{color:var(--color-muted);font-weight:800}.recap-confusion-with strong{color:var(--color-heading);font-weight:900}.recap-meta,.recap-scientific{color:var(--color-muted);font-size:.76rem;line-height:1.35}.recap-answer{font-weight:800;line-height:1.35}.recap-meta,.recap-scientific,.recap-answer{margin-bottom:5px}@media (width>=900px){.app-shell{padding:22px}.app-footer{grid-template-columns:minmax(0,1fr) auto;align-items:center}.app-footer-links{justify-self:end}.app-frame.is-quiz-frame .app-header{margin-bottom:16px}.pack-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.quiz-screen{gap:var(--space-5);padding:22px}.quiz-layout{grid-template-columns:minmax(0,1.58fr) minmax(320px,.78fr);gap:28px}.pack-modal-layout{grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr);align-items:start}.zoomable-image.is-question-image img{max-height:min(64vh,620px)}.answer-choices{gap:10px}.choice{min-height:58px;padding:12px 14px}.quiz-answer-column{gap:14px;position:sticky;top:18px}.completed-screen{padding:24px}.completed-layout{grid-template-columns:minmax(0,1fr) minmax(280px,.34fr);align-items:start;gap:22px}.completed-action-panel{position:sticky;top:18px}.recap-row{grid-template-columns:104px minmax(0,1fr)}.recap-thumbnail{width:104px}}@media (width<=560px){.app-shell{padding:14px}.app-header{align-items:start;gap:8px;margin-bottom:12px}.brand-link,.brand-static{gap:8px}.brand-logo{width:32px;height:32px}.brand-copy .eyebrow,.header-meta{display:none}h1{font-size:1.35rem}.start-logo{width:min(100%,300px)}.language-selector{align-self:end;gap:2px;padding:2px}.language-option{min-width:31px;min-height:30px;padding:0 5px}.quiz-screen{gap:var(--space-3);padding:12px}.quiz-heading{gap:6px}.quiz-heading h2{font-size:1.3rem}.zoomable-image.is-question-image img{max-height:min(32vh,230px)}.feedback-comparison,.feedback-correct-summary{grid-template-columns:1fr}.floating-resume{right:max(16px, env(safe-area-inset-right));left:max(16px, env(safe-area-inset-left));justify-content:center}.floating-resume-main{flex:1}.completed-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.completed-stats div:nth-child(odd){border-left:0}.completed-stats div:nth-child(n+3){border-top:1px solid var(--color-border)}.post-answer-review{border:0;border-radius:0;width:100%;height:100dvh;max-height:none;margin:0;inset:0}.post-answer-review-header{padding:11px 12px 8px}.post-answer-review-body{gap:10px;padding:10px 12px 72px}.post-answer-review-header h2{font-size:1.1rem}.review-media-grid{gap:8px}.review-single-layout{grid-template-columns:1fr;gap:10px}.review-media-panel{gap:5px}.review-media-label,.review-trait-table thead th{font-size:.68rem}.review-media-panel h3{font-size:.92rem}.review-media-scientific{font-size:.74rem}.review-trait-card{padding:9px 10px}.review-trait-values{grid-template-columns:1fr;gap:7px}.review-trait-arrow{display:none}.review-trait-table{border-collapse:separate;border-spacing:0;gap:8px;font-size:.76rem;display:grid}.review-trait-table caption{margin-bottom:4px}.review-trait-table thead{display:none}.review-trait-table tbody{gap:8px;display:grid}.review-trait-table tr{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);gap:7px;padding:9px 10px;display:grid}.review-trait-table th,.review-trait-table td{border-top:0;padding:0}.review-trait-table tbody th{width:auto;color:var(--color-heading);font-size:.86rem}.review-trait-table td{gap:2px;display:grid}.review-trait-table td:before{content:attr(data-label);color:var(--color-muted);text-transform:uppercase;font-size:.68rem;font-weight:900}.review-trait-item{grid-template-columns:minmax(78px,.35fr) minmax(0,1fr)}.post-answer-review-actions{padding:10px 12px max(10px, env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) auto;display:grid}.post-answer-review-actions .primary-button{width:100%;min-width:0}.post-answer-review-actions .end-session-trigger.is-text{min-width:0;padding:0 4px}.species-compare-taxon-traits{grid-template-columns:1fr}.species-compare-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.species-compare-panel.is-learningCompact .species-compare-scientific{display:none}.species-compare-panel.is-learningCompact .species-compare-detail-action{min-height:38px}.species-compare-trait-list li{grid-template-columns:1fr;gap:7px}.species-detail-layout{grid-template-columns:1fr;gap:12px}.species-detail-panel{min-height:0}.species-detail-media-column{position:static}.species-detail-copy{max-height:none;padding-right:0;overflow:visible}.species-detail-heading h3{font-size:1.04rem}.species-detail-media-strip{padding-bottom:2px;display:flex;overflow-x:auto}.species-detail-media-strip button{flex:0 0 48px;width:48px}.species-detail-names div,.species-detail-traits div{grid-template-columns:1fr;gap:3px}.species-detail-comparison-list li{grid-template-columns:1fr;gap:7px}.species-detail-pair-card,.species-detail-confusion-cards li{grid-template-columns:1fr}.species-detail-pair-card>svg{display:none}.pack-species-virtual-grid{max-height:min(54vh,460px)}.pack-notebook{padding-right:0}.pack-notebook-filters{scrollbar-width:thin;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.pack-notebook-filters button{flex:none}.pack-confusion-pair-list li{grid-template-columns:1fr}.pack-confusion-pair-icon{display:none}.pack-confusion-pair-actions{grid-column:auto}.pack-confusion-pair-actions .secondary-button,.end-session-dialog-actions .primary-button,.end-session-dialog-actions .secondary-button{width:100%}.feedback-correct-summary .zoomable-image.is-feedback-image img{width:min(100%,180px)}.recap-row,.recap-focus-row{grid-template-columns:72px minmax(0,1fr);gap:10px}.recap-thumbnail,.recap-thumbnail-frame{width:72px}.recap-species-detail-dialog{border:0;border-radius:0;width:100%;height:100dvh;max-height:none;margin:0;padding:14px}.zoomable-image-open{width:34px;height:34px}.media-report-control.is-overlay .media-report-button{width:44px;height:44px}.answer-choices legend{margin-bottom:var(--space-1);font-size:.95rem}.choice{min-height:46px;padding:8px 10px}.choice em{font-size:.82rem}.quiz-answer-column{gap:10px}.quiz-actions{z-index:3;background:linear-gradient(#fffdf700, var(--color-surface) 28%);margin:0 -12px -12px;padding:18px 12px 12px;position:sticky;bottom:0}.feedback-panel{padding:10px}.pack-summary dl{grid-template-columns:1fr}.pack-card-grid{gap:12px}.pack-cover.is-compact{aspect-ratio:16/9}.pack-cover-details{gap:6px;bottom:9px;right:9px}.pack-cover-details img{width:46px}.pack-card-copy{padding:0 12px 12px}.pack-card-title-row strong{font-size:1rem}.pack-modal-backdrop{place-items:stretch stretch;padding:0}.pack-modal{border:0;border-radius:0;width:100%;min-height:100dvh;max-height:none;padding:14px}.pack-modal .pack-cover.is-large,.pack-modal .pack-mosaic.is-large{aspect-ratio:16/10}.pack-modal-stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,128px),1fr))}.pack-modal-stats dd{font-size:.84rem}.mode-selector-options{grid-template-columns:1fr}.primary-button,.secondary-button{width:100%}}