:root{
  --bg:#f6f0e4; --card:#fffaf1; --ink:#231f1b; --muted:#70695f;
  --olive:#5f7057; --olive-2:#78846b; --sand:#d4c3a1; --clay:#a96a4a;
  --line:#d8cdb7; --soft:#efe6d7; --danger:#98483b; --shadow:0 10px 30px rgba(47,36,25,.10);
}
*{box-sizing:border-box} html,body{margin:0;background:var(--bg);color:var(--ink);font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{min-height:100vh;background:radial-gradient(circle at top,#fbf7ef 0%,var(--bg) 38%,#efe6d5 100%)}.app-shell{max-width:900px;margin:0 auto;min-height:100vh;padding-bottom:88px}.topbar{position:sticky;top:0;z-index:20;background:rgba(246,240,228,.9);backdrop-filter:blur(12px);display:flex;justify-content:space-between;align-items:center;padding:16px 18px 12px;border-bottom:1px solid rgba(216,205,183,.8);box-shadow:0 6px 20px rgba(70,53,35,.04)}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.68rem;color:var(--olive)}h1,h2,h3,p{margin-top:0}h1,h2,h3,.profile-title,.mix-title,.brand-page-title{font-family:Georgia,"Times New Roman",serif}.topbar h1{margin:2px 0 0;font:700 1.6rem/1.1 Georgia,serif}.icon-btn,.ghost-btn,.primary-btn,.chip,.seg,.nav-btn{font:inherit}
.icon-btn{border:1px solid rgba(216,205,183,.9);background:linear-gradient(180deg,#fffdf8,#f5eee0);width:40px;height:40px;border-radius:50%;box-shadow:var(--shadow)}main{padding:16px}.card{background:linear-gradient(180deg,rgba(255,250,241,.96),rgba(251,247,239,.98));border:1px solid var(--line);border-radius:24px;padding:16px;box-shadow:var(--shadow);margin-bottom:14px}.hero{background:linear-gradient(145deg,#fffdf8,#efe4cf)}
.search-wrap{position:relative}.search-wrap input{width:100%;padding:15px 44px 15px 16px;border:1px solid var(--line);border-radius:18px;background:#fffefb;font-size:1rem}.search-wrap span{position:absolute;right:15px;top:13px;color:var(--muted)}
.filters{display:flex;gap:8px;overflow:auto;padding:10px 0 2px}.chip{white-space:nowrap;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:8px 11px;color:var(--ink)}.chip.active{background:linear-gradient(180deg,var(--olive-2),var(--olive));color:white;border-color:var(--olive)}
.species-list{display:grid;gap:10px}.species-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);background:var(--card);border-radius:18px;cursor:pointer}.species-row:hover{border-color:var(--olive-2);transform:translateY(-1px)}.species-name{font-weight:800;font-style:italic}.common{color:var(--muted);font-size:.9rem;margin-top:3px}.badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.badge{font-size:.72rem;padding:5px 8px;border-radius:999px;background:var(--soft);color:#4e5149}.badge.ow{background:#e0c9b7}.badge.nw{background:#dce5cd}.badge.hair{background:#efe0c4}
.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-title h2,.section-title h3{margin:0}.subtle{color:var(--muted);font-size:.9rem}.back{border:0;background:none;padding:0;color:var(--olive);font-weight:700;margin-bottom:10px}
.profile-title{font:700 2rem/1.05 Georgia,serif;margin-bottom:4px}.profile-common{font-size:1rem;color:var(--muted)}.bio{line-height:1.55}.kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kv div{background:var(--soft);padding:10px 12px;border-radius:14px}.kv b{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:3px}
.recipe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ingredient{padding:14px;border-radius:16px;background:#f4efe4;border:1px solid #e5ddce}.ingredient .pct{font:700 1.65rem Georgia,serif;color:var(--olive)}.ingredient .qty{font-weight:800;font-size:1.2rem;color:var(--clay)}
.setup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.setup-item{padding:11px;border:1px solid var(--line);border-radius:14px;background:#faf7f0}.setup-item b{display:block;margin-bottom:3px}.list-link{display:block;width:100%;text-align:left;border:0;background:#faf7f0;padding:11px;border-radius:12px;margin:6px 0}.list-link small{color:var(--muted)}
.cta-row{display:flex;gap:8px;flex-wrap:wrap}.primary-btn{border:0;border-radius:16px;background:linear-gradient(180deg,var(--olive-2),var(--olive));color:white;padding:13px 16px;font-weight:800;box-shadow:0 8px 18px rgba(95,112,87,.18)}.ghost-btn{border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#fffdf8,#f6efe2);color:var(--ink);padding:12px 14px;font-weight:700}.danger{color:white;background:var(--danger)}
.segmented{display:flex;gap:7px;flex-wrap:wrap}.seg{border:1px solid var(--line);background:var(--card);border-radius:12px;padding:9px 12px}.seg.active{background:var(--olive);color:#fff;border-color:var(--olive)}input,select,textarea{font:inherit}.field{margin-bottom:12px}.field label{display:block;font-weight:750;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px}.field textarea{min-height:95px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.note{padding:12px;border-left:4px solid var(--sand);background:#fbf5e9;border-radius:10px;line-height:1.45}
.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:25;display:flex;justify-content:center;background:rgba(255,251,245,.94);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:max(8px,env(safe-area-inset-bottom));box-shadow:0 -10px 30px rgba(59,46,33,.06)}.nav-btn{width:min(25%,220px);border:0;background:none;padding:10px 4px 6px;color:var(--muted)}.nav-btn span{display:block;font-size:1.1rem}.nav-btn small{display:block;font-size:.68rem;margin-top:2px}.nav-btn.active{color:var(--olive);font-weight:800}
.modal{position:fixed;inset:0;z-index:100;background:var(--bg);overflow:auto}.mix-head{position:sticky;top:0;background:rgba(243,238,227,.97);backdrop-filter:blur(10px);padding:14px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.awake{background:#e2ead6;color:#3f5a2c;padding:7px 10px;border-radius:999px;font-size:.8rem;font-weight:800}.mix-body{max-width:800px;margin:0 auto;padding:18px}.mix-title{font:700 2rem/1.05 Georgia,serif}.mix-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mix-card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:18px;text-align:center}.mix-card .big{font:700 2.4rem/1 Georgia,serif;color:var(--olive);margin-bottom:8px}.mix-card .label{font-size:1.05rem;font-weight:800}.mix-card .small{color:var(--muted);margin-top:4px}.mix-bottom{position:sticky;bottom:0;background:linear-gradient(transparent,var(--bg) 20%);padding:22px 0 4px}.mix-bottom .primary-btn{width:100%;font-size:1.05rem}
.lock{padding:22px;text-align:center;background:linear-gradient(145deg,#efe6d7,#f8f2e7);border-radius:18px;border:1px dashed var(--sand)}.lock strong{display:block;font-size:1.05rem;margin-bottom:5px}.hidden{display:none!important}.empty{text-align:center;padding:26px;color:var(--muted)}
@media(min-width:700px){main{padding:24px}.recipe-grid{grid-template-columns:repeat(4,1fr)}.setup-grid{grid-template-columns:repeat(4,1fr)}.mix-grid{grid-template-columns:repeat(4,1fr)}.form-grid{grid-template-columns:repeat(3,1fr)}}

/* v1.1 visual refresh */
:root[data-theme="dark"]{
  --bg:#171510; --card:#201d17; --ink:#f2ecdf; --muted:#b9b0a1;
  --olive:#8f9d83; --olive-2:#a4af99; --sand:#c7ae7e; --clay:#c27754;
  --line:#3a342b; --soft:#2b261f; --danger:#a15547; --shadow:0 12px 28px rgba(0,0,0,.28);
}
:root[data-theme="dark"] body,:root[data-theme="dark"] html{color-scheme:dark}
:root[data-theme="dark"] .topbar{background:rgba(23,21,16,.94)}
:root[data-theme="dark"] .bottom-nav{background:rgba(32,29,23,.96)}
:root[data-theme="dark"] .search-wrap input,:root[data-theme="dark"] .field input,:root[data-theme="dark"] .field select,:root[data-theme="dark"] .field textarea{background:#20251f;color:var(--ink)}
:root[data-theme="dark"] .hero,:root[data-theme="dark"] .profile-hero{background:linear-gradient(145deg,#22271f,#1b1f1a)}
:root[data-theme="dark"] .ingredient,:root[data-theme="dark"] .setup-item,:root[data-theme="dark"] .list-link{background:#242922}
:root[data-theme="dark"] .ingredient-image{background:#f5f2e9}
:root[data-theme="dark"] .mix-head{background:rgba(21,24,20,.97)}
:root[data-theme="dark"] .note,:root[data-theme="dark"] .why-box{background:#262a22}
:root[data-theme="dark"] .lock{background:linear-gradient(145deg,#28291f,#20241f)}

.search-hero{padding-bottom:12px}.species-row{transition:transform .15s ease,border-color .15s ease,background .15s ease}.species-row:active{transform:scale(.995)}
.species-row-main{min-width:0}.row-meta{color:var(--muted);font-size:.8rem;margin-top:4px}.chev{font-size:1.7rem;color:var(--muted);line-height:1}
.profile-hero{position:relative;overflow:hidden;background:linear-gradient(145deg,#fffdf8,#ece0c9);padding:20px}.profile-hero:after{content:"";position:absolute;right:-55px;bottom:-80px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(89,100,71,.12),transparent 68%);pointer-events:none}.profile-badges{position:relative;z-index:1}.profile-bio{margin:17px 0 0;max-width:70ch;position:relative;z-index:1}
.recipe-section h2{margin-bottom:0}.premium-badge{font-weight:800}.visual-recipe{margin-top:12px}.ingredient{overflow:hidden;padding:0 0 14px;text-align:center}.ingredient-image{height:108px;background:#fbfaf6;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;border-bottom:1px solid var(--line)}.ingredient-image img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.ingredient .pct{padding-top:11px;font-size:2rem}.ingredient b{display:block;padding:0 8px}.why-box{display:flex;gap:12px;align-items:flex-start;margin-top:12px;padding:14px;border-radius:16px;background:#f4efe4;border:1px solid var(--line);line-height:1.45}.why-box>span{font-size:1.4rem}.setup-rich .setup-item{display:flex;gap:10px;align-items:flex-start}.setup-icon{font-size:1.35rem;color:var(--olive);min-width:24px}.related-grid{display:grid;gap:8px}.action-card{position:sticky;bottom:74px;z-index:12;background:color-mix(in srgb,var(--card) 94%,transparent);backdrop-filter:blur(10px)}
.mix-card{overflow:hidden;position:relative;padding-bottom:0}.mix-card .big{font-size:2.65rem}.mix-card .label{font-size:1.12rem}.mix-ingredient-img{display:block;width:calc(100% + 36px);height:115px;object-fit:cover;margin:14px -18px 0;background:#fff;mix-blend-mode:multiply}
:root[data-theme="dark"] .mix-ingredient-img{mix-blend-mode:normal}
@media(max-width:480px){.profile-title{font-size:1.8rem}.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ingredient-image{height:96px}.mix-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mix-card .big{font-size:2.2rem}.action-card{bottom:68px}.cta-row .primary-btn,.cta-row .ghost-btn{flex:1 1 100%}}
@media(min-width:700px){.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-hero{padding:24px}.ingredient-image{height:125px}}

/* v1.4 visual/layout refresh */
.app-shell{max-width:980px}
.search-hero{padding:18px;background:linear-gradient(145deg,#fffdf8,#efe4cf)}
.species-row{align-items:flex-start;padding:12px}
.species-thumb{width:86px;height:86px;flex:0 0 86px;border-radius:20px;border:1px solid var(--line);background:#f4efe4;object-fit:cover;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.species-thumb.large{width:72px;height:72px;border-radius:18px}
.chev{padding-top:22px}
.enhanced-hero{display:grid;gap:16px;align-items:center}
.hero-media{display:flex;justify-content:center}
.hero-species-art{width:100%;max-width:340px;border-radius:28px;border:1px solid var(--line);background:#f4efe4;display:block}
.hero-copy .profile-common{margin-top:2px}
.habitat-layout{display:grid;gap:16px;align-items:center}
.habitat-illustration{width:100%;border-radius:24px;border:1px solid var(--line);background:#f4efe4;display:block}
.habitat-card h2{margin-bottom:0}
.recipe-library{display:grid;gap:12px}
.recipe-lib-card{padding:14px;border:1px solid var(--line);border-radius:18px;background:#faf7f0}
.recipe-lib-head{display:flex;gap:12px;align-items:center;margin-bottom:10px}
.recipe-mini-grid{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.mini-chip{padding:9px 10px;border-radius:14px;background:var(--soft);display:flex;gap:8px;align-items:center;font-size:.84rem}
.mini-chip b{font-size:.9rem}
.compact{font-size:.9rem}
.compact-actions .ghost-btn,.compact-actions .primary-btn{padding:10px 12px}
.wrap3 .ghost-btn,.wrap3 .primary-btn{flex:1 1 220px}
.note.compact{margin-top:10px;padding:10px}
@media(min-width:760px){
  .enhanced-hero{grid-template-columns:320px 1fr}
  .habitat-layout{grid-template-columns:1.05fr .95fr}
}
@media(max-width:560px){
  .species-thumb{width:72px;height:72px;flex-basis:72px;border-radius:18px}
  .hero-species-art{max-width:none}
  .recipe-lib-head{align-items:flex-start}
}
:root[data-theme="dark"] .species-thumb,:root[data-theme="dark"] .hero-species-art,:root[data-theme="dark"] .habitat-illustration{background:#242922}
:root[data-theme="dark"] .recipe-lib-card{background:#242922}

/* v1.5.2 field-guide habitat correction */
.species-row{padding:15px 16px;align-items:center}
.species-row-main{width:100%}
.chev{padding-top:0;align-self:center}
.ink-hero{position:relative;overflow:hidden;min-height:300px;padding:0;background:#f8f1e5;border:1px solid var(--line)}
.hero-habitat-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;filter:none}
.hero-fade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,253,248,.98) 0%,rgba(255,253,248,.92) 30%,rgba(255,253,248,.64) 52%,rgba(255,253,248,.18) 75%,rgba(255,253,248,0) 100%)}
.ink-hero .hero-copy{position:relative;z-index:2;padding:26px;max-width:650px}
.ink-hero .profile-bio{max-width:60ch}
.habitat-summary{padding-top:14px;padding-bottom:14px}
.ventilation-item{border-color:#bac5aa;background:#f3f6ed}
.ventilation-item .setup-icon{font-size:1.55rem}
.recipe-lib-head{display:block}
:root[data-theme="dark"] .hero-fade{background:linear-gradient(90deg,rgba(29,33,28,.98) 0%,rgba(29,33,28,.93) 34%,rgba(29,33,28,.62) 58%,rgba(29,33,28,.18) 80%,rgba(29,33,28,0) 100%)}
:root[data-theme="dark"] .hero-habitat-art{opacity:.74;filter:grayscale(1) invert(.88) sepia(.08) contrast(.86)}
:root[data-theme="dark"] .ventilation-item{background:#252b22;border-color:#4f5b46}
@media(max-width:620px){
  .ink-hero{min-height:360px}
  .hero-habitat-art{object-position:center center;opacity:1}
  .hero-fade{background:linear-gradient(180deg,rgba(255,253,248,.97) 0%,rgba(255,253,248,.90) 38%,rgba(255,253,248,.58) 66%,rgba(255,253,248,.12) 100%)}
  :root[data-theme="dark"] .hero-fade{background:linear-gradient(180deg,rgba(29,33,28,.98) 0%,rgba(29,33,28,.91) 42%,rgba(29,33,28,.60) 70%,rgba(29,33,28,.14) 100%)}
  .ink-hero .hero-copy{padding:20px}
}

/* v1.6 verified habitat artwork */
.field-guide-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);padding:0;overflow:hidden;background:linear-gradient(145deg,#fffdf8,#f1eadc)}
.field-guide-hero.no-habitat-art{display:block}
.field-guide-hero .hero-copy{padding:26px;position:relative;z-index:2}
.field-guide-hero .profile-bio{max-width:64ch;margin-bottom:0}
.habitat-art-panel{min-height:310px;border-left:1px solid var(--line);background:#f4efe4;overflow:hidden}
.habitat-art-panel img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:saturate(.72) contrast(1.02)}
:root[data-theme="dark"] .field-guide-hero{background:linear-gradient(145deg,#22271f,#1b1f1a)}
:root[data-theme="dark"] .habitat-art-panel{background:#242922;border-color:var(--line)}
:root[data-theme="dark"] .habitat-art-panel img{filter:grayscale(.3) sepia(.08) brightness(.72) contrast(.95)}
@media(max-width:760px){
  .field-guide-hero{grid-template-columns:1fr}
  .field-guide-hero .hero-copy{padding:20px}
  .habitat-art-panel{min-height:170px;max-height:210px;border-left:0;border-top:1px solid var(--line)}
  .habitat-art-panel img{object-position:center 58%}
}
.ink-hero,.hero-habitat-art,.hero-fade{all:unset}


/* v1.7.4 substrate categories + leftover mix converter */
.substrate-entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
.substrate-entry{border:1px solid var(--line);background:var(--card);border-radius:22px;padding:17px 14px;text-align:left;box-shadow:var(--shadow);color:var(--ink);cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}
.substrate-entry:hover{border-color:var(--olive-2)}.substrate-entry:active{transform:scale(.99)}
.substrate-entry.active{background:var(--olive);color:white;border-color:var(--olive)}
.substrate-entry-title{display:block;font:700 1.3rem/1.1 Georgia,serif}.substrate-entry-sub{display:block;font-size:.82rem;margin-top:5px;opacity:.82}.substrate-entry-count{display:block;font-size:.72rem;margin-top:11px;font-weight:800;opacity:.72}
.badge.substrate-arid{background:#ead9bd}.badge.substrate-intermediate{background:#e5e3c8}.badge.substrate-tropical{background:#d7e5cf}
.converter-card{overflow:hidden}.converter-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.conversion-result{border-top:1px solid var(--line);padding-top:14px}.conversion-status{display:inline-block;border-radius:999px;padding:6px 10px;font-size:.75rem;font-weight:850;margin-bottom:10px}
.conversion-status.good{background:#dce8d3;color:#3d562f}.conversion-status.possible{background:#eee2c4;color:#705a25}
.conversion-result h3{margin-bottom:6px}.conversion-percent-grid{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 12px}.conversion-pill{background:var(--soft);border-radius:14px;padding:10px 12px;font-weight:800;font-size:.9rem}
.conversion-details{margin-top:10px;color:var(--muted);font-size:.88rem}.conversion-details summary{cursor:pointer;font-weight:700;color:var(--olive)}
.conversion-empty{text-align:center;padding:18px;border:1px dashed var(--line);border-radius:16px;color:var(--muted)}.conversion-empty b{color:var(--ink);display:block;margin-bottom:5px}
:root[data-theme="dark"] .badge.substrate-arid,:root[data-theme="dark"] .badge.substrate-intermediate,:root[data-theme="dark"] .badge.substrate-tropical{background:#30382b;color:var(--ink)}
:root[data-theme="dark"] .conversion-status.good{background:#34432e;color:#dcebd1}:root[data-theme="dark"] .conversion-status.possible{background:#493f28;color:#f0dfae}
@media(max-width:620px){
  .substrate-entry-grid{grid-template-columns:1fr}
  .substrate-entry{padding:14px 16px}
  .substrate-entry-count{margin-top:7px}
  .converter-fields{grid-template-columns:1fr}
}

/* v1.8.2 standardised species-profile content */
.eyebrow{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.11em;color:var(--muted);margin-bottom:8px}
.profile-names{display:grid;gap:8px;margin-top:16px;position:relative;z-index:2;max-width:64ch}
.profile-names>div{display:grid;grid-template-columns:minmax(110px,145px) 1fr;gap:10px;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent)}
.profile-names b{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.profile-names span{line-height:1.4}
.profile-overview .section-title{margin-bottom:12px}
.profile-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
.profile-fact{min-height:70px}
.natural-history-card .profile-bio{margin:0;max-width:78ch}
.evidence-details{margin-top:14px;border-top:1px solid var(--line);padding-top:12px;color:var(--muted)}
.evidence-details summary{cursor:pointer;font-weight:750;color:var(--olive);list-style:none}
.evidence-details summary::-webkit-details-marker{display:none}
.evidence-details summary:after{content:' +';font-weight:800}
.evidence-details[open] summary:after{content:' −'}
.evidence-details p{margin:9px 0 0;line-height:1.5;max-width:82ch}
.setup-guidance-card .setup-grid{margin-top:12px}
.standard-bio{line-height:1.62}
@media(min-width:900px){.profile-facts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.profile-names>div{grid-template-columns:1fr;gap:3px}.profile-facts{grid-template-columns:1fr}}

/* v1.8.3 navigation and history */
.brand-home{
  display:flex;align-items:center;gap:11px;min-width:0;
  border:0;background:transparent;color:inherit;text-align:left;
  padding:3px 7px 3px 2px;margin:-3px 0;border-radius:12px;
  cursor:pointer;font:inherit;
}
.brand-home:hover{background:rgba(89,100,71,.08)}
.brand-home:focus-visible{outline:3px solid rgba(89,100,71,.28);outline-offset:2px}
.brand-icon{width:36px;height:36px;display:block;flex:none}
.brand-copy{display:flex;flex-direction:column;min-width:0}
.brand-copy .eyebrow{display:block}
.brand-page-title{display:block;margin:2px 0 0;font:700 1.6rem/1.1 Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.back{
  display:inline-flex;align-items:center;gap:7px;
  border:1px solid transparent;background:transparent;
  padding:7px 10px;margin:0 0 12px -10px;border-radius:10px;
  color:var(--olive);font-weight:800;cursor:pointer;
  transition:background .15s ease,border-color .15s ease,transform .15s ease;
}
.back:hover{background:rgba(89,100,71,.09);border-color:rgba(89,100,71,.14)}
.back:active{transform:translateX(-1px)}
.back:focus-visible{outline:3px solid rgba(89,100,71,.28);outline-offset:2px}
.back span:first-child{font-size:1.08em;line-height:1}

@media(max-width:430px){
  .brand-icon{width:32px;height:32px}
  .brand-page-title{font-size:1.35rem}
}

/* v1.8.4 completed Leftover Mix converter */
.converter-fields{align-items:end}
.converter-target-field{grid-column:1 / 2}
.converter-check{
  display:flex;align-items:flex-start;gap:10px;padding:12px 13px;
  border:1px solid var(--line);border-radius:14px;background:var(--soft);
  cursor:pointer;min-height:54px;
}
.converter-check input{margin-top:3px;accent-color:var(--olive)}
.converter-check span{display:grid;gap:2px}
.converter-check small{color:var(--muted);line-height:1.3}
.conversion-status.not-recommended{background:#ead6d1;color:#7d3b31}
.conversion-empty.left{text-align:left}
.conversion-summary{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;
  margin:14px 0;
}
.conversion-summary>div{
  display:grid;gap:4px;padding:12px;border:1px solid var(--line);
  border-radius:14px;background:var(--soft);
}
.conversion-summary span{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:800}
.conversion-summary b{font-size:1.05rem}
.conversion-result h4{margin:15px 0 8px}
.conversion-amount-list{display:grid;gap:7px}
.conversion-amount-row{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;
  align-items:center;padding:10px 12px;border:1px solid var(--line);
  border-radius:13px;background:var(--card);
}
.conversion-amount-row span{font-weight:800}
.conversion-amount-row b{font-size:1rem}
.conversion-amount-row small{grid-column:1 / -1;color:var(--muted)}
.conversion-note{margin:10px 0 0}
:root[data-theme="dark"] .conversion-status.not-recommended{background:#52352f;color:#f2d2c9}
@media(max-width:620px){
  .conversion-target-field{grid-column:auto}
  .conversion-summary{grid-template-columns:1fr}
}

/* v1.8.5 final mobile / UX release-candidate pass */
html{
  max-width:100%;
  overflow-x:hidden;
  -webkit-text-size-adjust:100%;
}
body{
  max-width:100%;
  min-height:100dvh;
  overflow-x:hidden;
}
.app-shell{
  min-height:100dvh;
  padding-bottom:calc(78px + env(safe-area-inset-bottom));
}
.topbar{
  padding-top:calc(14px + env(safe-area-inset-top));
}
main{min-width:0}
button,.ghost-btn,.primary-btn,.chip,.seg,.nav-btn,.substrate-entry,.list-link{
  touch-action:manipulation;
}
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible{
  outline:3px solid color-mix(in srgb,var(--olive) 34%,transparent);
  outline-offset:2px;
}
.icon-btn{min-width:44px;min-height:44px;cursor:pointer}
.primary-btn,.ghost-btn,.seg,.chip{min-height:44px;cursor:pointer}
.field input,.field select,.field textarea,.search-wrap input{min-height:44px}
.species-row{
  width:100%;
  min-width:0;
  min-height:64px;
  text-align:left;
  color:var(--ink);
  font:inherit;
  appearance:none;
  -webkit-appearance:none;
}
.species-row-main{min-width:0;overflow:hidden}
.species-name,.profile-title,.mix-title,.recipe-lib-card{overflow-wrap:anywhere}
.row-meta,.common{overflow-wrap:anywhere}
.bottom-nav{
  padding-bottom:max(8px,env(safe-area-inset-bottom));
}
.nav-btn{min-height:54px;cursor:pointer}
.modal{
  min-height:100dvh;
  overscroll-behavior:contain;
}
.modal .mix-head{
  padding-top:calc(14px + env(safe-area-inset-top));
}
.modal .mix-body{
  padding-bottom:calc(28px + env(safe-area-inset-bottom));
}
.mix-bottom{
  padding-bottom:max(4px,env(safe-area-inset-bottom));
}
.custom-batch-control{
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid var(--line);
}
.custom-batch-control>label{
  display:block;
  margin-bottom:6px;
  font-weight:750;
}
.custom-batch-control>div{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
}
.custom-batch-control input{
  min-width:0;
  width:100%;
  min-height:44px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
  color:var(--ink);
  padding:10px 12px;
  font:inherit;
}
.import-label{cursor:pointer;display:inline-flex;align-items:center}
:root[data-theme="dark"] .custom-batch-control input{background:#20251f;color:var(--ink)}

@media(max-width:620px){
  main{padding:12px}
  .topbar{padding-left:12px;padding-right:12px}
  .card{border-radius:18px;padding:14px}
  .profile-title{font-size:1.72rem}
  .mix-title{font-size:1.72rem}
  .section-title{gap:8px;align-items:flex-start}
  .section-title .ghost-btn{flex:none}
  .cta-row:not(.compact-actions)>button,
  .cta-row:not(.compact-actions)>.ghost-btn,
  .cta-row:not(.compact-actions)>.primary-btn,
  .cta-row:not(.compact-actions)>.import-label{
    flex:1 1 100%;
  }
  .compact-actions>button{flex:1 1 120px}
  .conversion-amount-row{grid-template-columns:minmax(0,1fr) auto}
  .mix-body{padding:14px 12px}
  input,select,textarea{font-size:16px}
}
@media(max-width:390px){
  .brand-home{gap:8px}
  .brand-icon{width:30px;height:30px}
  .brand-page-title{font-size:1.2rem}
  .brand-copy .eyebrow{font-size:.61rem;letter-spacing:.08em}
  .nav-btn small{font-size:.65rem}
  .badge{font-size:.68rem}
}

/* v1.8.5.1 scrolling regression fix */
html,body{
  height:auto;
  min-height:100%;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}
body[data-scroll-locked="1"]{
  overflow:hidden;
}
.modal{
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y;
}


/* v1.8.9 taxonomy-status clarity */
.badge.status-hobby{background:#eee2c4;color:#705a25;border-color:#d8c391}
.badge.status-doubtful{background:#ead2cf;color:#793b34;border-color:#d5aaa4}
.badge.status-taxonomy{background:#e3ded2;color:#625849;border-color:#cfc6b5}
:root[data-theme="dark"] .badge.status-hobby{background:#493f28;color:#f0dfae;border-color:#66583a}
:root[data-theme="dark"] .badge.status-doubtful{background:#4b302d;color:#f2c6c0;border-color:#68413c}
:root[data-theme="dark"] .badge.status-taxonomy{background:#3b3933;color:#ddd5c6;border-color:#555149}


/* v2.9 ArthroLog shell */
.v2-home-hero{padding:28px;background:linear-gradient(145deg,#fffbf3,#ebe1cf);position:relative;overflow:hidden}.v2-home-hero:after{content:"";position:absolute;right:-40px;top:-30px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(95,112,87,.16),transparent 66%);pointer-events:none}
.v2-home-hero h1,.v2-placeholder h1,.tool-grid h1{font:700 2rem/1.08 Georgia,serif;margin:5px 0 10px}
.v2-home-hero p{max-width:62ch;line-height:1.55}
.home-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.home-actions button{flex:1 1 150px}
.home-species-grid{display:grid;gap:8px}
.home-species-card{display:flex;justify-content:space-between;align-items:center;text-align:left;width:100%;border:1px solid var(--line);background:var(--soft);border-radius:14px;padding:12px;color:var(--ink);font:inherit;cursor:pointer}
.home-species-card i{font-weight:800}.home-species-card small{display:block;color:var(--muted);margin-top:3px}.home-species-card>span{font-size:1.4rem;color:var(--muted)}
.home-mini-grid,.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.home-tile,.tool-card{margin:0;text-align:left;color:var(--ink);font:inherit;cursor:pointer}
.home-tile b,.tool-card b{display:block;font-size:1rem}.home-tile span,.tool-card small{display:block;color:var(--muted);margin-top:5px;line-height:1.4}
.tool-icon{display:block;font-size:1.65rem;color:var(--olive);margin-bottom:10px}.future-tool{opacity:.72;cursor:default}.v2-placeholder{text-align:center;padding:34px 24px}.v2-placeholder p{max-width:62ch;margin-left:auto;margin-right:auto;line-height:1.55}.placeholder-icon{font-size:2.6rem;color:var(--olive);margin-bottom:12px}
.text-btn{border:0;background:transparent;color:var(--olive);font:inherit;font-weight:750;cursor:pointer}.compact-empty{padding:18px;background:var(--soft);border-radius:14px}.database-summary{cursor:default}.db-stat{display:flex;align-items:baseline;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.db-stat strong{font:700 1.4rem Georgia,serif;color:var(--olive)}.db-stat span{color:var(--muted)}.taxonomy-aliases{margin-top:14px}.taxonomy-card{scroll-margin-top:90px}
:root[data-theme="dark"] .v2-home-hero{background:linear-gradient(145deg,#22271f,#1b1f1a)}
@media(max-width:620px){.home-mini-grid,.tool-grid{grid-template-columns:1fr}.v2-home-hero{padding:20px}.v2-home-hero h1,.v2-placeholder h1{font-size:1.75rem}.bottom-nav .nav-btn span{font-size:1rem}.bottom-nav .nav-btn small{font-size:.65rem}}

/* five-item v2 navigation */
.nav-btn{width:min(20%,196px)}

/* v2.1.1 personal species observations */
.care-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 16px}
.care-summary-grid .profile-fact{min-height:68px}
.husbandry-note{margin:10px 0;padding:13px 14px;border:1px solid var(--line);border-radius:15px;background:var(--soft)}
.husbandry-note b{display:block;margin-bottom:4px}
.husbandry-note p{margin:0;line-height:1.45;color:var(--muted)}
.husbandry-subhead{margin:20px 0 10px;font-size:1rem}
@media(min-width:760px){.care-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.care-summary-grid{grid-template-columns:1fr}}

/* v2.1.1 natural-history focus */
.observations-card{scroll-margin-top:90px}.personal-badge{background:var(--soft);color:var(--olive)}
.observation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}
.observation-field,.observation-notes{display:flex;flex-direction:column;gap:6px}.observation-field span,.observation-notes span{font-weight:750}
.observation-field select,.observation-notes textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);font:inherit;padding:10px 11px}
.observation-notes textarea{resize:vertical;min-height:110px;line-height:1.45}.observation-saved{align-self:center;color:var(--muted);font-size:.86rem}
@media(max-width:560px){.observation-grid{grid-template-columns:1fr}}

/* v2.2 collection */
.collection-hero h1{margin:.15rem 0}.collection-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.collection-stats>div{background:var(--soft);border-radius:14px;padding:12px;text-align:center}.collection-stats strong{display:block;font:700 1.45rem Georgia,serif;color:var(--olive)}.collection-stats span{display:block;color:var(--muted);font-size:.78rem;margin-top:3px}.collection-list{display:grid;gap:10px}.collection-animal-card{width:100%;display:grid;grid-template-columns:62px 1fr auto;gap:12px;align-items:center;text-align:left;color:var(--ink);font:inherit;cursor:pointer;margin-bottom:0}.animal-card-photo{width:62px;height:62px;border-radius:14px;background:var(--soft);overflow:hidden;display:grid;place-items:center;font-size:1.5rem}.animal-card-photo img{width:100%;height:100%;object-fit:cover}.animal-card-main i{display:block;font-weight:800}.animal-card-main b{display:block;margin-top:2px}.animal-card-main small{display:block;color:var(--muted);margin-top:3px}.chevron{font-size:1.6rem;color:var(--muted)}.collection-modal{background:var(--bg)}.collection-form-body,.collection-detail-body{max-width:850px;margin:0 auto;padding:16px}.full-span{grid-column:1/-1}.wide-btn{width:100%}.animal-detail-head{display:flex;gap:16px;align-items:center}.animal-detail-photo{width:130px;height:130px;border-radius:20px;object-fit:cover}.animal-detail-head h1{margin:.2rem 0}.animal-detail-head h2{margin:.15rem 0;font-size:1.05rem}.collection-search-card{padding:12px}.import-label{display:inline-flex;align-items:center}
@media(max-width:560px){.collection-hero .section-title{align-items:flex-start;flex-direction:column}.collection-hero .primary-btn{width:100%}.collection-stats{grid-template-columns:repeat(3,1fr)}.collection-animal-card{grid-template-columns:52px 1fr auto;padding:12px}.animal-card-photo{width:52px;height:52px}.collection-form-body,.collection-detail-body{padding:12px}.animal-detail-head{align-items:flex-start}.animal-detail-photo{width:90px;height:90px}.form-grid{grid-template-columns:1fr}.full-span{grid-column:auto}}
.collection-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.collection-controls select{width:100%;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:12px;padding:10px}
@media(max-width:480px){.collection-controls{grid-template-columns:1fr}}


/* v2.3 moult history */
.moult-card>.section-title{align-items:flex-start}.moult-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 16px}.moult-stats>div{background:var(--soft);border-radius:14px;padding:12px;text-align:center}.moult-stats strong{display:block;font:700 1.35rem Georgia,serif;color:var(--olive)}.moult-stats span{display:block;color:var(--muted);font-size:.75rem;margin-top:3px}.moult-timeline{position:relative;display:grid;gap:0;margin-top:8px}.moult-entry{display:grid;grid-template-columns:20px 1fr;gap:10px;position:relative;padding-bottom:18px}.moult-entry:not(:last-child):before{content:'';position:absolute;left:7px;top:18px;bottom:-2px;width:2px;background:var(--line)}.moult-dot{width:16px;height:16px;border-radius:50%;background:var(--olive);border:3px solid var(--card);box-shadow:0 0 0 1px var(--line);margin-top:2px;z-index:1}.moult-entry-body{min-width:0}.compact-title{margin-bottom:6px}.compact-title>b,.compact-title>div>b{font-size:1rem}.moult-badges{margin-top:7px;gap:5px}.moult-photos{display:grid;grid-template-columns:repeat(2,minmax(0,180px));gap:10px;margin-top:10px}.moult-photos figure{margin:0}.moult-photos img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px;border:1px solid var(--line)}.moult-photos figcaption{font-size:.75rem;color:var(--muted);margin-top:4px}.check-field label{display:flex;gap:8px;align-items:center}.check-field input{width:auto}
@media(max-width:560px){.moult-card>.section-title{flex-direction:column}.moult-card>.section-title .primary-btn{width:100%}.moult-stats{grid-template-columns:1fr 1fr 1fr}.moult-stats>div{padding:10px 6px}.moult-stats strong{font-size:1.15rem}.moult-stats span{font-size:.68rem}.moult-photos{grid-template-columns:1fr 1fr}}

/* v2.4 feeding history */
.collection-stats.four-stats{grid-template-columns:repeat(4,1fr)}
.feeding-card>.section-title{align-items:flex-start}
.feeding-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 16px}
.feeding-stats>div{background:var(--soft);border-radius:14px;padding:12px;text-align:center}
.feeding-stats strong{display:block;font:700 1.35rem Georgia,serif;color:var(--olive)}
.feeding-stats span{display:block;color:var(--muted);font-size:.75rem;margin-top:3px}
.feed-status-note{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:10px 0;color:var(--muted)}
.feeding-timeline{position:relative;display:grid;gap:0;margin-top:8px}
.feed-entry{display:grid;grid-template-columns:20px 1fr;gap:10px;position:relative;padding-bottom:18px}
.feed-entry:not(:last-child):before{content:'';position:absolute;left:7px;top:18px;bottom:-2px;width:2px;background:var(--line)}
.feed-dot{width:16px;height:16px;border-radius:50%;background:var(--muted);border:3px solid var(--card);box-shadow:0 0 0 1px var(--line);margin-top:2px;z-index:1}
.feed-dot.successful{background:var(--olive)}
.feed-dot.refused{background:var(--line)}
.feed-entry-body{min-width:0}
.feed-badges{margin-top:7px;gap:5px}
@media(max-width:560px){.collection-stats.four-stats{grid-template-columns:repeat(2,1fr)}.feeding-card>.section-title{flex-direction:column}.feeding-card>.section-title .primary-btn{width:100%}.feeding-stats{grid-template-columns:1fr 1fr 1fr}.feeding-stats>div{padding:10px 6px}.feeding-stats strong{font-size:1.15rem}.feeding-stats span{font-size:.68rem}}


/* v2.5 collection polish, searchable species picker and catalogue-review workflow */
.collection-animal-card-wrap{padding:0;overflow:hidden;margin-bottom:0}.collection-animal-main{width:100%;border:0;background:transparent;color:var(--ink);font:inherit;text-align:left;display:grid;grid-template-columns:62px 1fr auto;gap:12px;align-items:center;padding:14px;cursor:pointer}.animal-quick-actions{display:flex;gap:4px;padding:7px 12px;border-top:1px solid var(--line);justify-content:flex-end}.text-btn{border:0;background:transparent;color:var(--olive);font:inherit;font-weight:750;padding:7px 9px;cursor:pointer}.collection-controls-wide{grid-template-columns:repeat(4,minmax(0,1fr))}.collection-activity .section-title{margin-bottom:4px}.activity-list{display:grid}.activity-row{display:grid;grid-template-columns:70px 1fr auto;gap:10px;align-items:center;border:0;border-top:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;padding:10px 2px;cursor:pointer}.activity-row:first-child{border-top:0}.activity-row i{display:block;font-weight:750}.activity-row small{display:block;color:var(--muted);margin-top:2px}.activity-row time{font-size:.76rem;color:var(--muted)}.activity-type{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--olive)}
.species-select-button{width:100%;min-height:58px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);padding:11px 13px;display:flex;align-items:center;justify-content:space-between;text-align:left;font:inherit;cursor:pointer}.species-select-button #animalSpeciesLabel i,.species-select-button #animalSpeciesLabel small{display:block}.species-select-button #animalSpeciesLabel small{color:var(--muted);margin-top:3px}.selected-species-box{border:1px solid var(--line);border-radius:14px;background:var(--soft);padding:12px}.selected-species-box i,.selected-species-box small{display:block}.selected-species-box small{color:var(--muted);margin-top:3px}
.species-picker-modal{z-index:160}.species-picker-body{max-width:820px;margin:0 auto;padding:14px}.picker-search-card{position:sticky;top:69px;z-index:2}.picker-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:8px}.picker-filters select{width:100%;border:1px solid var(--line);border-radius:11px;padding:9px;background:var(--card);color:var(--ink)}.species-picker-results{display:grid;gap:7px}.species-picker-result{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);padding:12px;font:inherit;cursor:pointer}.species-picker-result i{display:block;font-weight:800}.species-picker-result small{display:block;color:var(--muted);margin-top:2px}.picker-shortcuts{margin:10px 0}.picker-shortcuts>b{display:block;font-size:.8rem;color:var(--muted);margin-bottom:6px}.picker-shortcuts>div{display:flex;gap:6px;overflow:auto}.picker-shortcuts button{white-space:nowrap;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);padding:7px 10px}.missing-species-card{margin-top:12px}.review-queue{display:grid;gap:8px;margin-bottom:10px}.review-row{display:grid;grid-template-columns:1fr 170px;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px}.review-row i,.review-row small{display:block}.review-row small{color:var(--muted);margin-top:3px}.review-row select{width:100%;border:1px solid var(--line);border-radius:10px;padding:8px;background:var(--card);color:var(--ink)}
@media(max-width:700px){.collection-controls-wide{grid-template-columns:1fr 1fr}.picker-filters{grid-template-columns:1fr}.picker-search-card{top:67px}.review-row{grid-template-columns:1fr}.activity-row{grid-template-columns:62px 1fr}.activity-row time{grid-column:2}}
@media(max-width:480px){.collection-controls-wide{grid-template-columns:1fr}.collection-animal-main{grid-template-columns:52px 1fr auto;padding:12px}.animal-quick-actions{justify-content:stretch}.animal-quick-actions .text-btn{flex:1}.species-picker-body{padding:10px}}

/* v2.6 Enclosures & Labels */
.enclosure-card .note{margin-top:12px}
.label-preview{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;padding:8px 0}
.enclosure-label{width:var(--label-w,70mm);height:var(--label-h,40mm);box-sizing:border-box;border:1px solid #999;background:#fff;color:#111;padding:4mm;display:flex;justify-content:space-between;gap:3mm;overflow:hidden;font-family:Arial,Helvetica,sans-serif;page-break-inside:avoid;break-inside:avoid}
.enclosure-label .label-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;line-height:1.15}
.label-scientific{font-size:12pt;font-weight:700;white-space:normal}
.label-common{font-size:9pt;margin-top:1.5mm}
.label-secondary{font-size:8.5pt;margin-top:2mm;font-weight:600}
.label-reference{font-size:7.5pt;margin-top:1.5mm;color:#333}
.label-qr{width:min(28mm,34%);height:auto;align-self:center;flex:0 0 auto}
.label-minimal .label-common,.label-minimal .label-reference{display:none}
.label-minimal .label-scientific{font-size:13pt}
.label-animal-picker{display:grid;gap:8px;max-height:300px;overflow:auto;padding:6px 0}
.label-animal-picker label{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft)}
@media (max-width:620px){.label-preview{overflow-x:auto;flex-wrap:nowrap}.enclosure-label{flex:0 0 var(--label-w,70mm)}}
@media print{
  body.printing-labels *{visibility:hidden!important}
  body.printing-labels .label-preview,body.printing-labels .label-preview *{visibility:visible!important}
  body.printing-labels .label-preview{position:absolute;left:0;top:0;width:100%;display:flex!important;flex-wrap:wrap!important;gap:3mm!important;padding:0!important;margin:0!important;background:white!important}
  body.printing-labels .enclosure-label{border:0.3mm solid #777!important;box-shadow:none!important;margin:0!important}
  @page{size:A4;margin:8mm}
}


/* v2.7 ingredient guide */
.ingredient-name-row{display:flex;align-items:center;justify-content:center;gap:6px;padding:0 8px}.ingredient-name-row b{padding:0}.ingredient-info-btn{display:inline-grid;place-items:center;width:25px;height:25px;min-width:25px;border:1px solid var(--line);border-radius:50%;background:var(--card);color:var(--olive);font:800 .82rem/1 system-ui;cursor:pointer;padding:0}.ingredient-info-btn:hover,.ingredient-info-btn:focus-visible{border-color:var(--olive);outline:none}.ingredient-field-label{display:flex!important;align-items:center;justify-content:space-between;gap:8px}.ingredient-inline-name{display:flex;align-items:center;gap:5px}.mini-chip{position:relative}.mini-chip .ingredient-info-btn{width:21px;height:21px;min-width:21px;font-size:.7rem;margin-left:3px}.section-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ingredient-info-modal{z-index:190}.ingredient-info-body{max-width:850px;margin:0 auto;padding:16px}.ingredient-info-hero{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:center}.ingredient-info-hero img{width:180px;height:140px;border-radius:18px;object-fit:cover;background:#fff}.ingredient-info-hero h1{margin:.2rem 0 .5rem}.ingredient-info-hero p{margin:0;line-height:1.55}.ingredient-guide-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ingredient-guide-details .card{margin:0}.ingredient-guide-details h2{margin-top:0}.good-info{border-left:4px solid #758356}.caution-info{border-left:4px solid #a16b4e}.ingredient-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ingredient-guide-card{display:grid;grid-template-columns:88px 1fr auto;gap:12px;align-items:center;text-align:left;width:100%;color:var(--ink);font:inherit;cursor:pointer}.ingredient-guide-card img{width:88px;height:72px;border-radius:12px;object-fit:cover;background:#fff}.ingredient-guide-card b,.ingredient-guide-card small{display:block}.ingredient-guide-card small{color:var(--muted);margin-top:4px;line-height:1.35}.ingredient-guide-card>span{font-size:1.5rem;color:var(--muted)}
@media(max-width:600px){.ingredient-info-hero{grid-template-columns:1fr}.ingredient-info-hero img{width:100%;height:180px}.ingredient-guide-details,.ingredient-guide-grid{grid-template-columns:1fr}.ingredient-guide-card{grid-template-columns:74px 1fr auto}.ingredient-guide-card img{width:74px;height:64px}}


/* v2.9 branding refresh */
.brand-home{border-radius:18px;padding:6px 8px 6px 6px}.brand-home:hover{background:rgba(95,112,87,.07)}
.brand-page-title{letter-spacing:-.01em}
.v2-home-hero h1{font-size:2.35rem;max-width:12ch;letter-spacing:-.02em}
.v2-home-hero p{font-size:1rem;color:var(--muted)}
.home-tile,.tool-card,.collection-animal-card-wrap,.species-row{transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease}
.home-tile:hover,.tool-card:hover,.collection-animal-card-wrap:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(60,45,28,.09)}
.tool-card{border-radius:22px}
.tool-icon{color:var(--clay)}
.collection-hero{background:linear-gradient(145deg,#fffbf3,#eee4d1)}
.collection-stats>div{background:rgba(255,255,255,.35);border:1px solid rgba(216,205,183,.8)}
.activity-row{border-radius:10px;padding:12px 6px}.activity-row:hover{background:rgba(95,112,87,.05)}
.badge{background:#efe6d7}
.badge.ow{background:#ead6ca}.badge.nw{background:#dce3d3}.badge.hair{background:#efe4cb}
.text-btn:hover{opacity:.84}
:root[data-theme="dark"] body{background:radial-gradient(circle at top,#241f18 0%,var(--bg) 42%,#14120f 100%)}
:root[data-theme="dark"] .card{background:linear-gradient(180deg,rgba(32,29,23,.96),rgba(29,26,21,.98))}
:root[data-theme="dark"] .brand-home:hover{background:rgba(143,157,131,.08)}
:root[data-theme="dark"] .home-tile:hover,:root[data-theme="dark"] .tool-card:hover,:root[data-theme="dark"] .collection-animal-card-wrap:hover{box-shadow:0 14px 30px rgba(0,0,0,.22)}
@media(max-width:620px){.v2-home-hero h1{font-size:2rem}}


/* v2.9.1 — approved Victorian field-guide layout */
.app-shell{max-width:1380px;margin:0 auto;min-height:100vh;padding-bottom:88px}
.app-main{min-width:0}
.desktop-sidebar{display:none}
.field-home-hero{position:relative;min-height:260px;border:1px solid var(--line);border-radius:26px;overflow:hidden;margin-bottom:14px;background:#eee3d0;box-shadow:var(--shadow)}
.field-home-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:sepia(.14) saturate(.68) contrast(.96)}
.field-home-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,250,241,.96) 0%,rgba(255,250,241,.76) 45%,rgba(255,250,241,.18) 76%,rgba(255,250,241,.04) 100%)}
.field-home-copy{position:relative;z-index:2;padding:42px 38px;max-width:590px}
.field-home-copy h1{font-size:2.65rem;line-height:1;margin:.15rem 0 .65rem;letter-spacing:-.025em}
.field-home-copy p{font:1.02rem/1.5 Georgia,"Times New Roman",serif;max-width:33rem;color:#4f493f}
.home-primary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:-50px 18px 20px;position:relative;z-index:3}
.home-primary-card{min-height:112px;display:grid;grid-template-columns:90px 1fr auto;gap:14px;align-items:center;text-align:left;border:1px solid var(--line);border-radius:18px;background:rgba(255,250,241,.97);box-shadow:0 9px 24px rgba(55,40,24,.11);padding:10px 14px;color:var(--ink);font:inherit;cursor:pointer;transition:.16s ease}
.home-primary-card:hover{transform:translateY(-2px);border-color:#b6a98f;box-shadow:0 14px 28px rgba(55,40,24,.13)}
.home-primary-card img{width:84px;height:84px;object-fit:cover;border-radius:12px;mix-blend-mode:multiply}
.home-primary-card b{display:block;font:700 1.17rem Georgia,"Times New Roman",serif;margin-bottom:4px}
.home-primary-card span{display:block;color:var(--muted);font-size:.84rem}
.home-primary-card em{font-style:normal;color:var(--olive);font-size:1.55rem}

@media(min-width:900px){
  body{padding:22px}
  .app-shell{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:calc(100vh - 44px);padding-bottom:0;border:1px solid #d7cbb4;border-radius:28px;background:rgba(255,250,241,.64);overflow:hidden;box-shadow:0 20px 50px rgba(64,47,29,.12)}
  .desktop-sidebar{display:flex;position:sticky;top:0;height:calc(100vh - 44px);flex-direction:column;padding:18px 14px;background:linear-gradient(180deg,#f8f1e4,#f3eadb);border-right:1px solid var(--line)}
  .sidebar-brand{border:0;background:none;display:flex;align-items:center;gap:10px;text-align:left;padding:4px 8px 20px;color:var(--ink);cursor:pointer}
  .sidebar-brand img{width:56px;height:56px;border-radius:16px;object-fit:cover;border:1px solid var(--line);box-shadow:0 5px 12px rgba(60,45,28,.10)}
  .sidebar-brand span{font:700 1.15rem/1.02 Georgia,"Times New Roman",serif}
  .sidebar-nav{display:grid;gap:7px}
  .sidebar-nav .nav-btn,.sidebar-footer .nav-btn{width:100%;display:grid;grid-template-columns:30px 1fr;align-items:center;text-align:left;padding:11px 12px;border-radius:12px;color:#544d43}
  .sidebar-nav .nav-btn span,.sidebar-footer .nav-btn span{font-size:1rem;margin:0;text-align:center}
  .sidebar-nav .nav-btn small,.sidebar-footer .nav-btn small{font-size:.83rem;margin:0}
  .sidebar-nav .nav-btn.active{background:#dfe3d5;color:#31402f}
  .sidebar-footer{margin-top:auto;display:grid;gap:6px;border-top:1px solid var(--line);padding-top:12px}
  .topbar,.bottom-nav{display:none}
  .app-main{min-width:0;min-height:100%;background:linear-gradient(180deg,#fffaf2,#f7efe1)}
  main{padding:18px 20px 30px}
  .field-home-hero{min-height:275px;margin-bottom:0;border-radius:22px 22px 0 0}
  .field-home-copy{padding:50px 48px}
  .field-home-copy h1{font-size:3rem}
  .home-primary-grid{margin:-54px 22px 22px}
  .card{border-radius:20px}
}
@media(max-width:899px){
  .home-primary-grid{margin:-38px 12px 18px;grid-template-columns:1fr 1fr}
  .home-primary-card{grid-template-columns:64px 1fr auto;min-height:92px;padding:9px 11px}
  .home-primary-card img{width:60px;height:60px}
  .field-home-copy{padding:34px 24px 62px}
  .field-home-copy h1{font-size:2.35rem}
}
@media(max-width:560px){
  .home-primary-grid{grid-template-columns:1fr;margin-top:-28px}
  .field-home-hero{min-height:270px}
  .field-home-shade{background:linear-gradient(180deg,rgba(255,250,241,.94) 0%,rgba(255,250,241,.78) 60%,rgba(255,250,241,.28) 100%)}
  .field-home-copy{padding:28px 22px 55px}
}
:root[data-theme="dark"] .field-home-shade{background:linear-gradient(90deg,rgba(32,29,23,.95) 0%,rgba(32,29,23,.78) 48%,rgba(32,29,23,.18) 82%,rgba(32,29,23,0) 100%)}
:root[data-theme="dark"] .field-home-copy p{color:#d5ccbd}
:root[data-theme="dark"] .home-primary-card{background:rgba(34,30,24,.96)}
:root[data-theme="dark"] .home-primary-card img{mix-blend-mode:normal}


/* v2.9.3 — ArthroLog field-guide polish */
:root{
  --bg:#f4eddf;
  --card:#fffaf1;
  --ink:#262018;
  --muted:#74695b;
  --olive:#61705a;
  --olive-2:#76826b;
  --sand:#c8b48f;
  --clay:#a46b4b;
  --line:#d6c7ae;
  --soft:#eee4d2;
  --shadow:0 10px 28px rgba(71,52,32,.085);
}
body{background:
  radial-gradient(circle at 78% 6%,rgba(164,107,75,.055),transparent 26rem),
  linear-gradient(180deg,#f8f3e9 0%,#f2eadb 100%)}

.sidebar-wordmark{display:flex;flex-direction:column;gap:3px;min-width:0}
.sidebar-wordmark b{font:700 1.33rem/1 Georgia,"Times New Roman",serif;letter-spacing:-.02em}
.sidebar-wordmark small{font:700 .49rem/1.2 ui-sans-serif,system-ui,sans-serif;letter-spacing:.14em;color:var(--muted);white-space:nowrap}

.field-home-hero{min-height:300px;background:#e7dac2;border-color:#cdbd9f;box-shadow:0 14px 32px rgba(63,44,26,.11)}
.field-home-art{object-position:center 54%;filter:sepia(.18) saturate(.66) contrast(1.04) brightness(.95)}
.field-home-shade{background:
  linear-gradient(90deg,rgba(255,250,240,.97) 0%,rgba(255,250,240,.92) 28%,rgba(255,250,240,.72) 48%,rgba(255,250,240,.20) 72%,rgba(255,250,240,.02) 100%),
  linear-gradient(0deg,rgba(60,40,20,.08),transparent 40%)}
.field-home-copy{padding:46px 42px;max-width:625px}
.field-home-copy .eyebrow{font-weight:800;letter-spacing:.18em;color:#5d5d4e}
.field-home-copy h1{font-size:3.2rem;line-height:.95;margin:.42rem 0 .78rem;letter-spacing:-.04em}
.field-home-copy p{font-size:1.06rem;line-height:1.48;max-width:31rem;color:#493f34}
.hero-kicker{display:inline-flex;gap:8px;align-items:center;margin-top:11px;padding-top:10px;border-top:1px solid rgba(89,74,56,.23);font:800 .58rem/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.15em;color:#6a6656}
.hero-kicker span{color:var(--clay)}

.home-primary-grid{gap:14px;margin:-58px 22px 24px}
.home-primary-card{min-height:118px;grid-template-columns:94px 1fr auto;border-radius:20px;border-color:#d4c3a8;background:rgba(255,251,243,.975);padding:10px 15px;box-shadow:0 10px 24px rgba(62,44,27,.105)}
.home-primary-card:before{content:"";position:absolute;inset:5px;border:1px solid rgba(177,157,123,.22);border-radius:15px;pointer-events:none}
.home-primary-card{position:relative;overflow:hidden}
.home-primary-card img{width:88px;height:88px;border-radius:14px;border:1px solid rgba(186,168,137,.42);background:#f5ecdc;mix-blend-mode:multiply}
.home-primary-card b{font-size:1.28rem;letter-spacing:-.015em}
.home-primary-card span{font-size:.86rem}
.home-primary-card em{font-size:1.38rem;color:#69795f}

.home-reference-card{padding:17px 18px;border-color:#d7c8b0;background:rgba(255,251,244,.9)}
.home-reference-card .section-title{margin-bottom:8px}
.home-reference-card .section-title h2{font-size:1.62rem;letter-spacing:-.025em}
.home-species-grid{gap:7px}
.home-species-card{border-color:#dfd1bb;background:#f3ead9;padding:12px 14px}
.home-species-card:hover{background:#eee1cd;border-color:#c8b797}

@media(min-width:900px){
  body{padding:14px}
  .app-shell{grid-template-columns:205px minmax(0,1fr);min-height:calc(100vh - 28px);border-radius:26px;border-color:#d1c1a5;box-shadow:0 20px 54px rgba(64,47,29,.13)}
  .desktop-sidebar{height:calc(100vh - 28px);padding:18px 14px 16px;background:
    linear-gradient(180deg,rgba(251,245,233,.98),rgba(244,234,218,.98));}
  .sidebar-brand{gap:11px;padding:4px 6px 22px;margin-bottom:4px;border-bottom:1px solid rgba(205,188,159,.65)}
  .sidebar-brand img{width:54px;height:54px;border-radius:14px}
  .sidebar-nav{padding-top:10px;gap:5px}
  .sidebar-nav .nav-btn,.sidebar-footer .nav-btn{grid-template-columns:28px 1fr;padding:11px 10px;border-radius:11px}
  .sidebar-nav .nav-btn.active{background:#dfe3d5;box-shadow:inset 0 0 0 1px rgba(110,125,99,.10)}
  .sidebar-nav .nav-btn:hover,.sidebar-footer .nav-btn:hover{background:rgba(223,227,213,.52)}
  .app-main{background:linear-gradient(180deg,#fffaf2,#f8f0e2)}
  main{padding:18px 20px 34px;max-width:1080px;width:100%;margin:0 auto}
  .field-home-hero{min-height:302px}
  .field-home-copy{padding:52px 48px}
  .field-home-copy h1{font-size:3.55rem}
}

@media(min-width:1180px){
  main{padding-left:26px;padding-right:26px}
  .home-primary-grid{margin-left:28px;margin-right:28px}
}

@media(max-width:899px){
  .field-home-copy h1{font-size:2.72rem}
  .hero-kicker{font-size:.54rem;flex-wrap:wrap}
}
@media(max-width:560px){
  .field-home-copy h1{font-size:2.45rem}
  .field-home-copy p{font-size:.98rem}
  .hero-kicker{display:none}
  .home-primary-card{grid-template-columns:70px 1fr auto;min-height:94px}
  .home-primary-card img{width:64px;height:64px}
}

:root[data-theme="dark"] .sidebar-wordmark small{color:#aaa08f}
:root[data-theme="dark"] .field-home-shade{background:linear-gradient(90deg,rgba(31,28,22,.97) 0%,rgba(31,28,22,.88) 35%,rgba(31,28,22,.46) 64%,rgba(31,28,22,.05) 100%)}
:root[data-theme="dark"] .field-home-copy p{color:#d5ccbd}
:root[data-theme="dark"] .hero-kicker{color:#bfb6a7;border-color:#4a4338}
:root[data-theme="dark"] .home-reference-card{background:rgba(31,28,22,.94)}

/* ======================================================================
   v2.9.4 — full Victorian field-journal visual system
   ====================================================================== */
:root{
  --bg:#efe7d7;
  --paper:#f8f4e8;
  --paper-deep:#efe4d0;
  --card:#fbf7ed;
  --ink:#2e2a24;
  --muted:#71695d;
  --olive:#556b4f;
  --olive-2:#6d8065;
  --olive-pale:#dce1d2;
  --sand:#d4c3a1;
  --clay:#b05a3c;
  --line:#cdbd9f;
  --line-dark:#a99573;
  --soft:#eee4d2;
  --danger:#93483d;
  --shadow:0 12px 26px rgba(67,49,29,.08);
  --serif:Georgia,"Times New Roman",serif;
  --sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
html{background:#e9dfcf}
body{
  background:
    radial-gradient(circle at 18% 8%,rgba(255,255,255,.52),transparent 34rem),
    radial-gradient(circle at 82% 2%,rgba(176,90,60,.045),transparent 26rem),
    repeating-linear-gradient(0deg,rgba(91,72,45,.012) 0,rgba(91,72,45,.012) 1px,transparent 1px,transparent 5px),
    linear-gradient(180deg,#f4eddf 0%,#eae0cf 100%);
  color:var(--ink);
  font-family:var(--sans);
}
button,input,select,textarea{font-family:var(--sans)}
h1,h2,h3,.profile-title,.mix-title,.brand-page-title{font-family:var(--serif);color:var(--ink)}
.eyebrow,.folio-section-mark{font-family:var(--sans);font-weight:800;letter-spacing:.16em;text-transform:uppercase}

/* flatter printed-paper surfaces throughout the app */
.card{
  border-radius:8px;
  border-color:var(--line);
  background:
    linear-gradient(rgba(255,255,255,.17),rgba(255,255,255,.05)),
    var(--card);
  box-shadow:0 5px 16px rgba(67,49,29,.055);
}
.primary-btn,.ghost-btn,.seg,.chip,.field input,.field select,.field textarea,.search-wrap input{
  border-radius:6px;
}
.primary-btn{
  background:var(--olive);
  box-shadow:none;
  letter-spacing:.01em;
}
.primary-btn:hover{background:#496044}
.ghost-btn{background:#fbf7ed}
.badge{border-radius:999px;border:1px solid rgba(169,149,115,.34);background:#efe5d3}
.species-row,.recipe-lib-card,.setup-item,.list-link,.collection-animal-card-wrap,.collection-search-card{
  border-radius:7px;
}
.species-row:hover,.collection-animal-card-wrap:hover{box-shadow:0 7px 18px rgba(64,47,29,.07)}

/* desktop shell */
@media(min-width:900px){
  body{padding:10px}
  .app-shell{
    max-width:1440px;
    grid-template-columns:218px minmax(0,1fr);
    min-height:calc(100vh - 20px);
    border:1px solid var(--line-dark);
    border-radius:4px;
    background:var(--paper);
    box-shadow:0 18px 55px rgba(55,39,21,.13);
    position:relative;
  }
  .app-shell:after{
    content:"";
    position:absolute;
    inset:6px;
    border:1px solid rgba(169,149,115,.34);
    pointer-events:none;
    z-index:60;
  }
  .desktop-sidebar{
    height:calc(100vh - 20px);
    padding:20px 15px 15px;
    background:
      linear-gradient(180deg,rgba(250,245,233,.98),rgba(244,234,216,.96));
    border-right:1px solid var(--line-dark);
    overflow:hidden;
    position:sticky;
  }
  .desktop-sidebar:after{
    content:"";
    position:absolute;
    left:5px;right:5px;bottom:36px;height:48%;
    background:url('assets/branding-v294/sidebar-botanical.png') left bottom/126px auto no-repeat;
    mix-blend-mode:multiply;
    opacity:.24;
    filter:sepia(.18) saturate(.7);
    pointer-events:none;
  }
  .sidebar-brand{
    display:grid;
    grid-template-columns:72px minmax(0,1fr);
    gap:14px;
    align-items:center;
    padding:6px 6px 19px;
    margin-bottom:10px;
    border-bottom:1px solid rgba(169,149,115,.55);
    position:relative;
    z-index:2;
  }
  .sidebar-brand:after{
    content:"✦";
    position:absolute;
    bottom:-8px;left:50%;transform:translateX(-50%);
    padding:0 7px;background:#f7efdf;color:#9d8560;font-size:.68rem;
  }
  .sidebar-brand img{
    width:72px;height:72px;border-radius:50%;
    border:1px solid #b9a785;
    box-shadow:0 4px 12px rgba(56,41,24,.10);
    object-fit:cover;
  }
  .sidebar-wordmark{display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0;overflow:visible;padding-top:2px}
  .sidebar-wordmark b{font:700 1.42rem/1 var(--serif);letter-spacing:-.03em;color:#28231e;margin:0}
  .sidebar-wordmark small{
    font:700 .56rem/1.38 var(--sans);
    white-space:normal;
    letter-spacing:.11em;
    text-transform:uppercase;
    color:#786d5d;
  }
  .sidebar-nav{padding-top:6px;gap:3px;position:relative;z-index:2}
  .sidebar-nav .nav-btn,.sidebar-footer .nav-btn{
    min-height:48px;
    grid-template-columns:30px 1fr;
    border-radius:3px;
    padding:10px 11px;
    color:#4f483e;
    border:1px solid transparent;
  }
  .sidebar-nav .nav-btn span,.sidebar-footer .nav-btn span{font-size:1rem;color:#6c604d}
  .sidebar-nav .nav-btn small,.sidebar-footer .nav-btn small{font-size:.84rem;letter-spacing:.005em}
  .sidebar-nav .nav-btn:hover,.sidebar-footer .nav-btn:hover{background:rgba(85,107,79,.07);border-color:rgba(85,107,79,.11)}
  .sidebar-nav .nav-btn.active{
    background:var(--olive);
    color:#fff;
    border-color:#465a42;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.13);
  }
  .sidebar-nav .nav-btn.active span{color:#f8f4e8}
  .sidebar-footer{
    position:relative;z-index:2;
    border-top:1px solid rgba(169,149,115,.55);
    padding-top:10px;
  }
  .app-main{
    min-height:100%;
    background:
      radial-gradient(circle at 95% 0%,rgba(176,90,60,.035),transparent 24rem),
      repeating-linear-gradient(0deg,rgba(90,67,38,.009) 0,rgba(90,67,38,.009) 1px,transparent 1px,transparent 6px),
      var(--paper);
  }
  main{max-width:1140px;padding:20px 22px 34px;margin:0 auto}
}

/* Home hero: a printed title block beside an engraved landscape */
.field-home-hero.folio-hero{
  min-height:285px;
  display:grid;
  grid-template-columns:minmax(360px,.92fr) minmax(420px,1.25fr);
  border:1px solid var(--line-dark);
  border-radius:2px;
  overflow:hidden;
  background:var(--paper);
  box-shadow:none;
  position:relative;
  margin:0;
}
.field-home-hero.folio-hero:before{
  content:"";position:absolute;inset:7px;border:1px solid rgba(169,149,115,.34);pointer-events:none;z-index:5
}
.field-home-copy{
  padding:48px 42px 40px;
  max-width:none;
  display:flex;flex-direction:column;justify-content:center;
  background:
    radial-gradient(circle at 0 100%,rgba(85,107,79,.055),transparent 16rem),
    var(--paper);
  position:relative;z-index:2;
}
.field-home-copy:after{
  content:"";
  width:110px;height:1px;background:var(--line-dark);margin-top:18px;
  box-shadow:30px 5px 0 -0.2px var(--clay);
}
.field-home-copy .eyebrow{font-size:.64rem;color:#5e6556}
.field-home-copy h1{
  font-size:4rem;line-height:.92;letter-spacing:-.055em;
  margin:.42rem 0 .8rem;
}
.field-home-copy p{
  font:1.04rem/1.45 var(--serif);
  max-width:29rem;color:#50473c;margin-bottom:0;
}
.hero-kicker{
  border:0;margin-top:17px;padding:0;
  font-size:.56rem;color:#6a6557;letter-spacing:.15em;
}
.hero-kicker span{color:var(--clay)}
.folio-hero-art{position:relative;min-height:285px;overflow:hidden;border-left:1px solid var(--line-dark);background:#e6dac4}
.folio-hero-art img{
  width:100%;height:100%;object-fit:cover;object-position:center 56%;display:block;
  filter:grayscale(.68) sepia(.36) saturate(.74) contrast(1.12) brightness(.98);
  mix-blend-mode:multiply;
}
.folio-hero-art:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(248,244,232,.28),transparent 26%),linear-gradient(0deg,rgba(49,40,27,.06),transparent 42%);
  pointer-events:none;
}
.hero-plate-label{
  position:absolute;right:18px;bottom:14px;z-index:3;
  font:700 .53rem/1 var(--sans);letter-spacing:.15em;color:#574c3d;
  background:rgba(248,244,232,.84);padding:6px 8px;border:1px solid rgba(169,149,115,.55)
}

/* Main navigation as illustrated plates */
.home-primary-grid.folio-primary-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;margin:14px 0 18px;position:relative;z-index:1;
}
.home-primary-card.folio-action-card{
  min-height:178px;
  display:grid;grid-template-columns:minmax(0,1fr) 47%;
  gap:0;align-items:stretch;
  border:1px solid var(--line-dark);
  border-radius:2px;
  padding:0;
  background:#f8f3e8;
  box-shadow:none;
  overflow:hidden;
  position:relative;
}
.home-primary-card.folio-action-card:before{
  content:"";position:absolute;inset:6px;border:1px solid rgba(169,149,115,.30);border-radius:0;pointer-events:none;z-index:4
}
.home-primary-card.folio-action-card:hover{
  transform:translateY(-1px);border-color:#8f7b5c;box-shadow:0 8px 18px rgba(65,47,28,.075)
}
.folio-action-copy{
  padding:24px 18px 20px 24px;
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
  position:relative;z-index:2;
  background:linear-gradient(90deg,#faf6ec 72%,rgba(250,246,236,.84) 100%);
}
.folio-number{font:800 .54rem/1 var(--sans)!important;letter-spacing:.17em;color:var(--clay)!important;margin-bottom:8px}
.home-primary-card.folio-action-card b{font:700 1.48rem/1.05 var(--serif);margin:0 0 8px;color:#2d2821}
.home-primary-card.folio-action-card .folio-action-copy>span:not(.folio-number){font-size:.82rem;line-height:1.45;color:var(--muted);max-width:17rem}
.home-primary-card.folio-action-card em{
  position:static;margin-top:15px;
  font:800 .67rem/1 var(--sans);font-style:normal;letter-spacing:.05em;text-transform:uppercase;color:var(--olive)
}
.home-primary-card.folio-action-card img{
  width:100%;height:100%;min-height:178px;
  border:0;border-left:1px solid rgba(169,149,115,.42);border-radius:0;
  object-fit:cover;object-position:center;
  mix-blend-mode:multiply;filter:sepia(.08) saturate(.92) contrast(1.03)
}

/* folio sections */
.folio-panel{
  position:relative;
  border:1px solid var(--line-dark);
  background:#faf5e9;
  padding:18px;
  margin:0 0 14px;
}
.folio-panel:before{content:"";position:absolute;inset:6px;border:1px solid rgba(169,149,115,.28);pointer-events:none}
.folio-heading{
  display:flex;align-items:flex-end;justify-content:space-between;gap:16px;
  padding:0 4px 12px;margin-bottom:12px;border-bottom:1px solid rgba(169,149,115,.58);position:relative;z-index:2
}
.folio-heading:after{
  content:"✣";position:absolute;left:50%;bottom:-7px;transform:translateX(-50%);padding:0 8px;background:#faf5e9;color:#977a54;font-size:.7rem
}
.folio-heading h2{font:700 1.68rem/1 var(--serif);letter-spacing:-.025em;margin:3px 0 0}
.folio-section-mark{font-size:.51rem;color:#7a6f60}
.folio-text-link{border:0;background:none;color:var(--olive);font-weight:800;font-size:.72rem;padding:7px;cursor:pointer}
.folio-count{font:700 .76rem/1 var(--sans);min-width:25px;height:25px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--paper-deep);color:#665b4d}

.recent-plate-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;position:relative;z-index:2}
.recent-plate{
  border:0;background:transparent;padding:0;text-align:left;color:var(--ink);cursor:pointer;min-width:0
}
.recent-plate-art{
  height:112px;border:1px solid var(--line-dark);padding:4px;background:#eee2cc;overflow:hidden;position:relative
}
.recent-plate-art:after{content:"";position:absolute;inset:4px;border:1px solid rgba(255,255,255,.36);pointer-events:none}
.recent-plate-art img{width:100%;height:100%;object-fit:cover;display:block;filter:sepia(.12) saturate(.82) contrast(1.03);transition:transform .25s ease}
.recent-plate:hover .recent-plate-art img{transform:scale(1.025)}
.recent-plate-copy{padding:9px 3px 2px;text-align:center}
.recent-plate-copy i{display:block;font:700 .88rem/1.18 var(--serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recent-plate-copy small{display:block;margin-top:4px;color:var(--muted);font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.home-lower-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:14px;align-items:stretch}
.home-lower-grid>.folio-panel{margin-bottom:0}
.home-saved-list{position:relative;z-index:2;border:1px solid rgba(169,149,115,.55);background:rgba(255,255,255,.15)}
.home-saved-row{
  width:100%;display:grid;grid-template-columns:52px 1fr auto;gap:11px;align-items:center;
  border:0;border-bottom:1px solid rgba(169,149,115,.38);background:transparent;color:var(--ink);text-align:left;padding:8px;cursor:pointer
}
.home-saved-row:last-child{border-bottom:0}
.home-saved-row:hover{background:rgba(85,107,79,.05)}
.home-saved-row img{width:52px;height:44px;object-fit:cover;border:1px solid var(--line-dark);filter:sepia(.15) saturate(.78)}
.home-saved-row i{display:block;font:700 .85rem/1.12 var(--serif)}
.home-saved-row small{display:block;color:var(--muted);font-size:.71rem;margin-top:3px}
.home-saved-row em{font-style:normal;color:var(--olive);font-size:1.2rem;padding-right:5px}

.quick-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;position:relative;z-index:2}
.quick-tool-grid button{
  min-height:116px;border:1px solid rgba(169,149,115,.62);background:rgba(255,255,255,.18);color:var(--ink);padding:14px 10px;text-align:center;cursor:pointer
}
.quick-tool-grid button:hover{background:rgba(85,107,79,.055);border-color:#998260}
.quick-tool-grid button>span{display:block;font:1.55rem/1 var(--serif);color:var(--olive);margin-bottom:9px}
.quick-tool-grid b{display:block;font:700 .88rem/1.16 var(--serif)}
.quick-tool-grid small{display:block;margin-top:5px;font-size:.69rem;line-height:1.3;color:var(--muted)}

.folio-empty{
  position:relative;z-index:2;min-height:132px;display:grid;place-items:center;text-align:center;
  border:1px dashed rgba(169,149,115,.65);padding:20px;color:var(--muted);background:rgba(255,255,255,.12)
}
.folio-empty.wide{min-height:150px}
.folio-empty p{margin:0;max-width:34rem;font:italic .87rem/1.5 var(--serif)}
.folio-empty-mark{display:block;color:#a38a65;font-size:1rem;margin-bottom:-4px}

/* secondary pages: make them feel part of the same field journal */
.collection-hero,.search-hero,.profile-hero,.field-guide-hero,.database-summary{
  border-radius:3px!important;
  border-color:var(--line-dark)!important;
  box-shadow:none!important;
}
.collection-hero{background:linear-gradient(145deg,#fbf7ed,#efe3cd)}
.collection-stats>div{border-radius:2px;background:#f2e8d7;border-color:rgba(169,149,115,.45)}
.collection-stats strong{color:var(--olive)}
.tool-grid{gap:10px}
.tool-card,.home-tile{border-radius:3px!important;box-shadow:none!important}
.tool-card:hover,.home-tile:hover{border-color:#9d8765;transform:translateY(-1px)}
.profile-title{letter-spacing:-.025em}
.ingredient,.mix-card{border-radius:4px}

/* tablet/mobile keeps the same visual language without forcing desktop geometry */
@media(max-width:899px){
  body{padding:0}
  .topbar{background:rgba(248,244,232,.95);border-bottom-color:var(--line)}
  .bottom-nav{background:rgba(248,244,232,.96);border-top-color:var(--line)}
  .app-shell{background:var(--paper)}
  main{padding:14px}
  .field-home-hero.folio-hero{display:block;min-height:auto;border-radius:2px}
  .field-home-copy{padding:30px 24px 32px;min-height:220px;background:linear-gradient(90deg,rgba(248,244,232,.98),rgba(248,244,232,.86)),url('assets/habitats-verified/mexican-humid-arboreal-rainforest-vista.png') center/cover}
  .field-home-copy h1{font-size:3.1rem}
  .folio-hero-art{display:none}
  .home-primary-grid.folio-primary-grid{margin:12px 0 15px;grid-template-columns:1fr 1fr}
  .home-primary-card.folio-action-card{min-height:150px;grid-template-columns:minmax(0,1fr) 43%}
  .home-primary-card.folio-action-card img{min-height:150px}
  .folio-action-copy{padding:19px 14px 17px 18px}
  .home-primary-card.folio-action-card b{font-size:1.25rem}
  .home-primary-card.folio-action-card .folio-action-copy>span:not(.folio-number){font-size:.76rem}
  .recent-plate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-lower-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  main{padding:10px}
  .field-home-copy{min-height:205px;padding:27px 20px 28px}
  .field-home-copy h1{font-size:2.65rem}
  .field-home-copy p{font-size:.96rem}
  .hero-kicker{display:flex;font-size:.48rem}
  .home-primary-grid.folio-primary-grid{grid-template-columns:1fr;gap:8px}
  .home-primary-card.folio-action-card{min-height:132px;grid-template-columns:minmax(0,1fr) 42%}
  .home-primary-card.folio-action-card img{min-height:132px}
  .folio-action-copy{padding:17px 12px 15px 17px}
  .folio-number{margin-bottom:5px}
  .home-primary-card.folio-action-card b{font-size:1.2rem;margin-bottom:5px}
  .home-primary-card.folio-action-card em{margin-top:10px;font-size:.59rem}
  .folio-panel{padding:14px 12px}
  .folio-heading{padding-left:2px;padding-right:2px}
  .folio-heading h2{font-size:1.45rem}
  .recent-plate-grid{gap:8px}
  .recent-plate-art{height:94px}
  .quick-tool-grid button{min-height:105px}
}

/* dark mode — preserve usability while keeping the field-journal structure */
:root[data-theme="dark"]{
  --paper:#211e18;--paper-deep:#2c271f;--card:#242019;--line:#4c4335;--line-dark:#675945;--soft:#2d281f;
}
:root[data-theme="dark"] .app-main,:root[data-theme="dark"] .desktop-sidebar{background:#211e18}
:root[data-theme="dark"] .field-home-hero.folio-hero,:root[data-theme="dark"] .field-home-copy,:root[data-theme="dark"] .folio-action-copy,:root[data-theme="dark"] .folio-panel{background:#242019}
:root[data-theme="dark"] .field-home-copy p{color:#d0c6b6}
:root[data-theme="dark"] .home-primary-card.folio-action-card{background:#242019}
:root[data-theme="dark"] .home-primary-card.folio-action-card img{mix-blend-mode:normal;filter:brightness(.72) sepia(.1)}
:root[data-theme="dark"] .folio-heading:after{background:#242019}
:root[data-theme="dark"] .recent-plate-art{background:#2d281f}


/* v2.9.6 desktop masthead correction */
@media(min-width:900px){
  .sidebar-brand{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:10px;
    text-align:center;
    padding:8px 8px 24px;
    margin:0 0 10px;
    min-width:0;
  }
  .sidebar-brand img{
    width:76px;
    height:76px;
    flex:0 0 76px;
    border-radius:50%;
  }
  .sidebar-wordmark{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-width:0;
    padding:0;
  }
  .sidebar-wordmark b{
    display:block;
    width:100%;
    margin:0;
    font:700 1.58rem/1 var(--serif);
    letter-spacing:-.025em;
    white-space:nowrap;
    text-align:center;
    color:#28231e;
  }
  .sidebar-wordmark small{
    display:block;
    max-width:150px;
    margin:0 auto;
    font:700 .53rem/1.5 var(--sans);
    letter-spacing:.12em;
    text-transform:uppercase;
    text-align:center;
    white-space:normal;
    color:#786d5d;
  }
}

/* v3.0 — Collection dashboard, wishlist and unified timelines */
.collection-v3-hero{padding-bottom:12px}
.collection-tabs{display:flex;gap:2px;margin:16px -2px -2px;padding:4px;border-top:1px solid var(--line);background:rgba(235,225,207,.42);overflow:auto}
.collection-tabs button{border:0;background:transparent;color:var(--muted);font:700 .82rem/1 var(--sans);padding:10px 14px;border-radius:3px;white-space:nowrap;cursor:pointer}
.collection-tabs button span{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:5px;padding:0 5px;border-radius:999px;background:rgba(103,119,92,.11);font-size:.7rem}
.collection-tabs button.active{background:var(--olive);color:#fff}
.collection-tabs button.active span{background:rgba(255,255,255,.17);color:#fff}
.collection-dashboard-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:14px 0}
.collection-dashboard-stats>div{position:relative;padding:15px 11px 12px;background:#f6efe1;border:1px solid #d4c3a8;text-align:center;min-height:82px}
.collection-dashboard-stats>div:before{content:"";position:absolute;inset:4px;border:1px solid rgba(169,149,115,.22);pointer-events:none}
.collection-dashboard-stats strong{display:block;font:700 1.55rem/1 var(--serif);color:var(--olive);margin-bottom:6px}
.collection-dashboard-stats span{display:block;color:var(--muted);font-size:.72rem;line-height:1.25;text-transform:uppercase;letter-spacing:.04em}
.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}
.dashboard-panel{margin:0;border-radius:4px;box-shadow:none}
.dashboard-event-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:0;border-top:1px solid var(--line);background:transparent;color:var(--ink);padding:11px 2px;text-align:left;cursor:pointer}
.dashboard-event-row:first-of-type{border-top:0}
.dashboard-event-row:hover{background:rgba(95,112,87,.045)}
.dashboard-event-row i{display:block;font-weight:750}
.dashboard-event-row small{display:block;color:var(--muted);margin-top:3px;font-size:.77rem;line-height:1.35}
.dashboard-event-row time{font-size:.72rem;color:var(--muted);white-space:nowrap}
.wishlist-intro{border-radius:4px;box-shadow:none}
.wishlist-grid{display:grid;gap:10px}
.wishlist-card{display:grid;grid-template-columns:116px minmax(0,1fr) auto;gap:16px;align-items:center;margin:0;border-radius:4px;box-shadow:none;padding:12px}
.wishlist-card>img{width:116px;height:92px;object-fit:cover;border:1px solid #c9b99c;background:#efe4d1;filter:sepia(.08) saturate(.9)}
.wishlist-card h3{margin:2px 0 3px;font-size:1.18rem}
.wishlist-card p{margin:3px 0;font-size:.84rem}
.wishlist-card small{display:block;color:var(--muted);margin-top:7px;line-height:1.35}
.wishlist-price{display:inline-block;margin-top:6px;padding:5px 8px;background:#e3eadc;color:#52634d;font-size:.75rem;font-weight:800}
.wishlist-card-actions{display:flex;flex-direction:column;gap:6px;align-items:stretch;min-width:145px}
.wishlist-card-actions button{white-space:nowrap}
.danger-text{color:var(--danger)!important}
.wishlist-transfer-note{border-left:4px solid var(--olive)}
.unified-timeline-card{border-radius:4px;box-shadow:none}
.unified-timeline{position:relative;margin-top:6px}
.unified-timeline:before{content:"";position:absolute;left:92px;top:5px;bottom:5px;width:1px;background:#cdbd9f}
.timeline-row{display:grid;grid-template-columns:76px 17px minmax(0,1fr) auto;gap:8px;align-items:start;padding:10px 0;position:relative}
.timeline-row time{font-size:.72rem;color:var(--muted);padding-top:2px;text-align:right;white-space:nowrap}
.timeline-mark{width:9px;height:9px;border-radius:50%;background:var(--olive);border:2px solid #f8f1e4;margin-top:4px;box-shadow:0 0 0 1px #9f9178;z-index:1}
.timeline-row b{display:block;font-size:.86rem}
.timeline-row small{display:block;color:var(--muted);margin-top:2px;font-size:.77rem}
.timeline-row p{margin:4px 0 0;font-size:.8rem;line-height:1.4}
.timeline-feed .timeline-mark{background:#9b744d}.timeline-moult .timeline-mark{background:#8a6b91}.timeline-event .timeline-mark{background:#5f7057}.timeline-acquisition .timeline-mark{background:#a96a4a}.timeline-enclosure .timeline-mark{background:#748a8d}
@media(max-width:820px){
  .collection-dashboard-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dashboard-grid{grid-template-columns:1fr}
  .wishlist-card{grid-template-columns:84px minmax(0,1fr)}
  .wishlist-card>img{width:84px;height:76px}
  .wishlist-card-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr auto;min-width:0}
}
@media(max-width:560px){
  .collection-dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .collection-tabs{margin-top:12px}
  .collection-tabs button{padding:9px 10px}
  .wishlist-card{grid-template-columns:72px minmax(0,1fr);gap:10px}
  .wishlist-card>img{width:72px;height:68px}
  .wishlist-card-actions{grid-template-columns:1fr 1fr}.wishlist-card-actions .danger-text{grid-column:1/-1}
  .unified-timeline:before{left:9px}
  .timeline-row{grid-template-columns:17px minmax(0,1fr) auto;padding:11px 0}
  .timeline-row time{grid-column:2;font-size:.69rem;text-align:left;order:-1;padding:0}
  .timeline-mark{grid-column:1;grid-row:1/3}
  .timeline-row>div{grid-column:2}.timeline-row>button,.timeline-row>span:last-child{grid-column:3;grid-row:1/3}
}
:root[data-theme="dark"] .collection-dashboard-stats>div,:root[data-theme="dark"] .wishlist-card,:root[data-theme="dark"] .dashboard-panel,:root[data-theme="dark"] .unified-timeline-card,:root[data-theme="dark"] .wishlist-intro{background:#242019;border-color:var(--line)}
:root[data-theme="dark"] .wishlist-card>img{filter:brightness(.78) sepia(.08);border-color:var(--line)}
:root[data-theme="dark"] .collection-tabs{background:rgba(255,255,255,.025)}
.collection-status-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-4px 0 14px;padding:9px 10px;border:1px solid #d4c3a8;background:rgba(248,243,232,.72)}
.collection-status-strip>span:not(.status-strip-label){padding:5px 8px;background:#eee5d5;color:var(--muted);font-size:.72rem}
.collection-status-strip b{color:var(--ink);margin-right:3px}
.status-strip-label{font:800 .62rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--olive);margin-right:2px}
:root[data-theme="dark"] .collection-status-strip{background:#242019;border-color:var(--line)}
:root[data-theme="dark"] .collection-status-strip>span:not(.status-strip-label){background:#302a21}