:root{--brand-primary:#3a3a38;--brand-primary-hover:#2e2e2c;--on-primary:#ffffff;--brand-accent:#5c5c58;--brand-accent-soft:#ebeae8;--brand-highlight:#6d6d68;--graph-select:#3a3a38;--graph-select-glow:rgba(26, 26, 24, 0.1);--graph-parent:#1a1a18;--bg-page:#f4f4f3;--bg-bar:#f8f8f7;--bg-panel:#fafaf9;--bg-elevated:#ececeb;--bg-canvas:#efefee;--border:rgba(26, 26, 24, 0.07);--border-strong:rgba(26, 26, 24, 0.11);--text:#1a1a18;--text-muted:#656562;--text-dim:#949490;--radius-sm:8px;--radius-pill:10px;--shadow-rgb:26,26,24;--canvas-dot-rgb:26,26,24;--shadow:0 1px 2px rgba(26, 26, 24, 0.04),0 4px 12px rgba(26, 26, 24, 0.03);--font-title:'Plus Jakarta Sans',system-ui,sans-serif;--font-text:'Plus Jakarta Sans',system-ui,sans-serif;--font-mono:'IBM Plex Mono',ui-monospace,monospace;--app-height:100dvh}*,::after,::before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow:hidden;background:var(--bg-page);color:var(--text);font-family:var(--font-text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;transition:background-color .2s,color .2s}[data-theme=dark]{--canvas-dot-rgb:255,255,255;--shadow-rgb:0,0,0}.app{display:flex;flex-direction:column;height:var(--app-height,100dvh);max-height:var(--app-height,100dvh);overflow:hidden}.sidebar-tabs{display:none}.panel-title--desktop{display:block}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:.45rem 1.5rem;background:var(--bg-bar);border-bottom:1px solid var(--border);font-size:12px;flex-shrink:0}.top-bar a{color:var(--text-muted);text-decoration:none;transition:color .15s}.top-bar a:hover{color:var(--text)}.header{display:flex;flex-direction:column;gap:0;padding:.875rem 1.5rem;border-bottom:1px solid var(--border);background:var(--bg-panel);z-index:40;overflow:visible;position:relative;flex-shrink:0}.header__top{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;width:100%}.header__brand{display:flex;align-items:center;gap:.875rem}.logo{--logo-cut:polygon(
    1% 10%, 4% 2%, 96% 0%, 100% 14%, 99% 86%, 94% 100%,
    6% 98%, 0% 84%, 0% 24%
  );position:relative;height:46px;width:auto;min-width:92px;max-width:112px;flex-shrink:0;isolation:isolate}.logo__diecut{position:relative;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:.35rem .65rem;background:var(--bg-panel);clip-path:var(--logo-cut);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),2px 3px 0 rgba(45,58,36,.35)}.logo__text{display:block;font-family:var(--font-title);font-size:10px;font-weight:700;line-height:1.05;letter-spacing:.08em;text-transform:uppercase;text-align:center;color:var(--text)}.top-bar__brand{font-family:var(--font-title);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text)}.top-bar__tagline{font-family:var(--font-text);font-size:11px;font-weight:400;letter-spacing:0;color:var(--text-muted)}.brand-logo{display:block;flex-shrink:0}.brand-logo--lockup{height:30px;width:auto}.brand-logo--mark{display:none;height:34px;width:auto}.brand-logo--lockup-dark,.brand-logo--mark-dark,[data-theme=dark] .brand-logo--lockup{display:none}[data-theme=dark] .brand-logo--lockup-dark{display:block;height:30px;width:auto}.theme-toggle{padding:.55rem;gap:0}.theme-toggle__icon--sun{display:none}.theme-toggle__icon--moon,[data-theme=dark] .theme-toggle__icon--sun{display:block}[data-theme=dark] .theme-toggle__icon--moon{display:none}.header__brand-divider{width:1px;height:30px;background:var(--border-strong);flex-shrink:0}.logo--ozark{width:46px;min-width:46px;max-width:46px;height:46px;display:flex;align-items:center;justify-content:center;color:var(--brand-primary);background:var(--brand-accent-soft);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:none}.logo__mark{width:32px;height:32px}.logo__img{display:block;height:30px;width:auto;max-width:100%;object-fit:contain}.logo--diecut::before{content:'';position:absolute;inset:-3px;z-index:0;background:var(--bg-panel);clip-path:var(--logo-cut);box-shadow:0 2px 10px rgba(0,0,0,.1)}.logo--diecut::after{content:'';position:absolute;inset:-7px;z-index:-1;background:var(--brand-accent);clip-path:polygon(2% 12%,8% 2%,94% 0%,100% 18%,98% 88%,90% 100%,8% 96%,0% 76%,2% 28%);transform:rotate(-4deg);box-shadow:0 4px 14px rgba(0,0,0,.08)}.header h1{font-family:var(--font-title);font-size:1.125rem;font-weight:600;color:var(--text);letter-spacing:-.02em}.subtitle{font-family:var(--font-text);font-size:12px;color:var(--text-muted);margin-top:2px}.header__actions{display:flex;align-items:center;gap:.625rem}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--text-dim);pointer-events:none}.search-wrap input{width:260px;padding:.55rem 1rem .55rem 2.5rem;background:var(--bg-page);border:1px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--text);font-family:var(--font-text);font-size:13px;outline:0;transition:width .18s,border-color .15s,box-shadow .15s}.search-wrap input::placeholder{color:var(--text-dim)}.search-wrap input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(var(--shadow-rgb),.06)}@media (min-width:900px){.search-wrap input:focus{width:320px}}.search-wrap{position:relative;z-index:20}.search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:280px;overflow:hidden auto;background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:0 8px 24px rgba(var(--shadow-rgb),.1);list-style:none;z-index:30;-webkit-overflow-scrolling:touch}.search-results li{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;padding:.55rem .875rem;font-family:var(--font-text);font-size:13px;cursor:pointer;border-bottom:1px solid var(--border)}.search-result__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result__meta{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);flex-shrink:0}.search-results li.active,.search-results li:hover{background:var(--brand-accent-soft)}.search-results li:last-child{border-bottom:none}.search-results--portal{position:fixed;z-index:1000;left:.75rem;right:.75rem;top:var(--mobile-search-results-top,7.5rem);max-height:min(52dvh,360px);box-shadow:0 12px 32px rgba(0,0,0,.16)}.search-results--portal li{min-height:44px;display:flex;align-items:center;padding-top:.65rem;padding-bottom:.65rem}.library-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:var(--bg-elevated);border-bottom:1px solid var(--border)}.library-head .panel-title--desktop{border-bottom:none;background:0 0;flex:1}.library-count{font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--text-muted);background:var(--bg-panel);border:1px solid var(--border);border-radius:999px;padding:.1rem .5rem;margin-right:.875rem}.library-filters{display:flex;gap:.35rem;padding:.55rem .875rem;border-bottom:1px solid var(--border);background:var(--bg-panel);flex-shrink:0}.filter-chip{padding:.25rem .65rem;font-family:var(--font-text);font-size:11px;font-weight:500;color:var(--text-muted);background:0 0;border:1px solid var(--border-strong);border-radius:999px;cursor:pointer;transition:.12s}.filter-chip:hover{color:var(--text);background:var(--bg-elevated)}.filter-chip.active{color:var(--on-primary);background:var(--brand-primary);border-color:var(--brand-primary)}.strain-list{list-style:none;max-height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.strain-list li{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;font-family:var(--font-text);font-size:12px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s}.strain-list__dot{width:7px;height:7px;border-radius:50%;background:var(--dot,var(--text-dim));flex-shrink:0;opacity:.8}.strain-list__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.strain-list__meta{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);flex-shrink:0}.strain-list__kids{font-family:var(--font-mono);font-size:9px;font-weight:600;color:var(--text-muted);background:var(--bg-elevated);border-radius:999px;min-width:18px;text-align:center;padding:.1rem .3rem;flex-shrink:0}.strain-list li:hover{background:var(--brand-accent-soft)}.strain-list li.active{background:var(--brand-primary);color:var(--on-primary);font-weight:500}.strain-list li.active .strain-list__kids,.strain-list li.active .strain-list__meta{color:var(--on-primary);opacity:.75}.strain-list li.active .strain-list__kids{background:color-mix(in srgb,var(--on-primary) 16%,transparent);opacity:1}.canvas-empty{position:absolute;inset:0;display:grid;place-items:center;padding:2rem;text-align:center;pointer-events:none;z-index:2}.canvas-empty.is-hidden{display:none}.canvas-empty__title{font-family:var(--font-title);font-size:1.125rem;font-weight:700;color:var(--text);margin-bottom:.5rem}.canvas-empty__text{font-family:var(--font-text);font-size:13px;color:var(--text-muted);max-width:320px;line-height:1.55}.node-group.focus-node .node-body{stroke:var(--graph-parent);stroke-width:2.5;filter:drop-shadow(0 1px 3px rgba(var(--shadow-rgb), .08))}.node-group.selected:not(.focus-node) .node-ring{opacity:1;stroke:var(--graph-parent);stroke-width:2.5;filter:none}.node-group.selected:not(.focus-node) .node-body{stroke:var(--graph-parent);stroke-width:2;filter:none}.node-group.parent-node:not(.selected) .node-ring{opacity:1;stroke:var(--graph-parent);stroke-width:2.5;stroke-dasharray:5 3}.node-group.parent-node:not(.selected) .node-body{stroke:var(--graph-parent);stroke-width:2}.node-group.offspring-node:not(.selected) .node-ring{opacity:1;stroke:var(--graph-parent);stroke-width:2.5;stroke-dasharray:2 4}.node-group.offspring-node:not(.selected) .node-body{stroke:var(--graph-parent);stroke-width:2}.node-group.focus-node .node-ring{opacity:1;stroke:var(--graph-parent);stroke-width:3;filter:none}.node-group.landrace-node .node-body{stroke:var(--brand-primary);stroke-width:2.5}.node-group.landrace-node .node-ring{stroke:var(--brand-primary);opacity:.85}.btn{display:inline-flex;align-items:center;gap:.375rem;padding:.55rem 1rem;font-family:var(--font-text);font-size:12px;font-weight:500;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;border:1px solid transparent;border-radius:var(--radius-sm);transition:background .15s,color .15s}:is(.btn,.filter-chip,.detail-tab,.sidebar-tab,input,select,textarea):focus-visible{outline:2px solid var(--brand-highlight);outline-offset:1px}.btn svg{width:14px;height:14px}.btn--ghost{background:var(--bg-panel);border-color:var(--border-strong);color:var(--text-muted)}.btn--ghost:hover{background:var(--bg-elevated);color:var(--text)}.btn--primary{background:var(--brand-primary);color:var(--on-primary);border-color:var(--brand-primary)}.btn--primary:hover{background:var(--brand-primary-hover);border-color:var(--brand-primary-hover)}.main{display:grid;grid-template-columns:300px 1fr;grid-template-rows:1fr;flex:1;min-height:0}.graph-area{grid-column:2;grid-row:1;position:relative;display:flex;flex-direction:column;min-height:0;min-width:0}.mobile-drawer-backdrop,.mobile-menu-btn{display:none}.detail-float__header-main{flex:1;min-width:0}.detail-float__header-actions{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.detail-float__summary{display:none;font-family:var(--font-text);font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-float__toggle{width:28px;height:28px;border:1px solid var(--border);background:var(--bg-panel);color:var(--text-muted);cursor:pointer;display:none;place-items:center;padding:0}.detail-float__toggle:hover{color:var(--text);border-color:var(--border-strong)}.detail-float__chevron{width:16px;height:16px;transition:transform .2s}.detail-float--compact .detail-float__chevron{transform:rotate(180deg)}.detail-float--peek-hint .detail-float__toggle{border-color:var(--border-strong);color:var(--text);box-shadow:0 1px 3px rgba(var(--shadow-rgb),.06);animation:1.15s ease-in-out infinite detail-peek-bounce}.detail-float--peek-hint .detail-float__chevron{animation:1.15s ease-in-out infinite detail-peek-chevron}@keyframes detail-peek-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes detail-peek-chevron{0%,100%{transform:rotate(180deg) translateY(0)}50%{transform:rotate(180deg) translateY(-2px)}}.detail-float--compact .detail-panel{display:none}.detail-float--compact .detail-float__summary{display:block}.mobile-search-bar{display:none;width:100%;overflow:visible;position:relative;z-index:2}.mobile-search-bar:not([hidden]){display:block}.sidebar-browse-label{display:none}.sidebar{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:0;border-right:1px solid var(--border);background:var(--bg-page);overflow-y:auto}.canvas-wrap{flex:1;position:relative;overflow:hidden;min-height:0;background:radial-gradient(rgba(var(--canvas-dot-rgb),.055) 1px,transparent 1px) 0 0/22px 22px,var(--bg-canvas);touch-action:none}.detail-float{position:absolute;right:1rem;bottom:1rem;z-index:12;width:min(380px,calc(100% - 2rem));max-height:min(72vh,560px);display:flex;flex-direction:column;background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:var(--radius-sm);overflow:hidden;box-shadow:0 8px 32px rgba(var(--shadow-rgb),.1);pointer-events:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch}.detail-float.is-hidden{display:none}.detail-float__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.625rem .875rem;border-bottom:1px solid var(--border);background:var(--bg-elevated);flex-shrink:0}.detail-float__title{font-family:var(--font-title);font-size:12px;font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.04em}.detail-float__close{width:28px;height:28px;border:1px solid var(--border);background:var(--bg-panel);color:var(--text-muted);font-size:18px;line-height:1;cursor:pointer;flex-shrink:0}.detail-float__close:hover{color:var(--text);border-color:var(--border-strong)}.detail-float .detail-panel{overflow-y:auto;min-height:0;flex:1}.detail-float .strain-detail__name{font-size:16px;padding-top:.75rem}.detail-float .spec-row{grid-template-columns:108px 1fr;padding:.5rem .875rem;font-size:12px}.detail-float .detail-panel--empty .empty-state{padding:1.25rem .875rem}.detail-context{margin:0 .875rem .5rem;padding:.5rem .625rem;font-family:var(--font-text);font-size:11px;color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border)}.detail-actions{padding:0 .875rem .75rem}.btn--block{width:100%;justify-content:center;font-size:12px;padding:.55rem .75rem}.panel{background:var(--bg-panel);border-bottom:1px solid var(--border);padding:0}.panel h2{font-family:var(--font-title);font-size:13px;font-weight:600;color:var(--text);padding:.75rem 1rem;border-bottom:1px solid var(--border);background:var(--bg-elevated)}.detail-panel{padding:0;overflow-y:auto;flex:1;min-height:0}.detail-scent-header{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem .5rem;padding:.75rem .875rem;background:var(--bg-elevated);border-bottom:1px solid var(--border)}.detail-scent-header__title{font-family:var(--font-title);font-size:13px;font-weight:700;color:var(--brand-primary);line-height:1.3}.detail-tabs{display:flex;border-bottom:1px solid var(--border);background:var(--bg-elevated);flex-shrink:0}.detail-tab{flex:1;padding:.55rem .5rem;border:none;background:0 0;font-family:var(--font-title);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.detail-tab:hover{color:var(--text)}.detail-tab.active{color:var(--brand-primary);border-bottom-color:var(--brand-primary);background:var(--bg-panel)}.detail-tab-panels{padding:0}.detail-tab-panel{display:none;padding:.75rem .875rem 1rem}.detail-tab-panel--active{display:block}.detail-lead{font-size:12px;line-height:1.55;color:var(--text);margin:0 0 .75rem;padding:.5rem .625rem;background:var(--bg-elevated);border:1px solid var(--border)}.detail-cards{display:flex;flex-direction:column;gap:0;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.detail-card{border:none;border-bottom:1px solid var(--border);background:var(--bg-panel);padding:.625rem .75rem}.detail-card:last-child{border-bottom:none}.detail-card--highlight,.detail-cards>.detail-card:nth-child(2n){background:var(--bg-elevated)}.detail-card--scent{background:var(--bg-elevated);border-color:var(--border)}.detail-card__title{font-family:var(--font-title);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--brand-primary);margin:0 0 .4rem}.detail-estimate-badge{display:inline-block;padding:.15rem .4rem;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text);background:color-mix(in srgb,var(--bg-panel) 65%,transparent);border:1px solid var(--border-strong);vertical-align:middle}.detail-estimate-note{margin:0 0 .45rem;font-size:10px;font-style:italic;color:var(--text-muted);line-height:1.4}.detail-card__body{font-size:12px;line-height:1.55;color:var(--text);margin:0}.detail-card__body--cross{font-family:var(--font-mono);font-size:11px}.detail-card__body--flavor{margin-top:.5rem;padding-top:.5rem;border-top:1px dashed rgba(56,72,45,.2)}.detail-card__label{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:.2rem}.detail-card__hint{font-size:11px;color:var(--text-muted);margin:0 0 .5rem;line-height:1.4}.detail-facts{display:flex;flex-direction:column;gap:0;margin:0 -.75rem -.625rem}.detail-facts--striped .detail-fact{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding:.45rem .75rem;border-top:1px solid var(--border)}.detail-facts:not(.detail-facts--striped) .detail-fact{display:contents}.detail-facts--striped .detail-fact:nth-child(2n){background:var(--bg-elevated)}.detail-card--highlight .detail-facts--striped .detail-fact:nth-child(2n),.detail-cards>.detail-card:nth-child(2n) .detail-facts--striped .detail-fact:nth-child(even){background:var(--bg-panel)}.detail-card--highlight .detail-facts--striped .detail-fact:nth-child(odd),.detail-cards>.detail-card:nth-child(2n) .detail-facts--striped .detail-fact:nth-child(odd){background:0 0}.detail-fact dt{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted)}.detail-fact dd{margin:0;font-size:12px;font-weight:500;color:var(--text)}.flavor-chips{display:flex;flex-wrap:wrap;gap:.3rem;padding:.5rem .875rem;border-bottom:1px solid var(--border);background:var(--bg-panel);flex-shrink:0}.flavor-chip{width:28px;height:28px;display:grid;place-items:center;padding:0;background:0 0;border:1px solid var(--border-strong);border-radius:8px;cursor:pointer;transition:background .12s,border-color .12s}.flavor-chip:hover{background:var(--bg-elevated)}.flavor-chip.active{background:var(--brand-primary);border-color:var(--brand-primary)}.flavor-chip.active svg{color:var(--on-primary)!important}.flavor-active-note{margin:0;padding:.45rem .875rem;font-size:11px;color:var(--text-muted);background:var(--bg-elevated);border-bottom:1px solid var(--border);flex-shrink:0}.flavor-wheel{display:flex;flex-direction:column;align-items:center;gap:.6rem}.flavor-legend li[data-flavor],.flavor-wheel .flavor-seg{cursor:pointer}.flavor-wheel .flavor-seg:hover{fill-opacity:0.75}.flavor-legend li[data-flavor]:hover .flavor-legend__label{color:var(--brand-primary);text-decoration:underline;text-underline-offset:2px}.flavor-wheel__hint{margin:0;font-size:10px;color:var(--text-dim)}.flavor-wheel__chart{width:100%;max-width:220px;height:auto}.flavor-legend{list-style:none;width:100%;display:flex;flex-direction:column;gap:.3rem;margin:0;padding:0}.flavor-legend li{display:flex;align-items:center;gap:.5rem;font-size:11.5px;color:var(--text)}.flavor-legend__icon{display:flex;align-items:center;flex-shrink:0}.flavor-legend__label{flex-shrink:0;min-width:88px;font-weight:500}.flavor-legend__track{flex:1;height:4px;border-radius:999px;background:var(--bg-elevated);overflow:hidden}.flavor-legend__track span{display:block;height:100%;border-radius:999px;opacity:.65}.flavor-legend__pct{font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--text-muted);min-width:30px;text-align:right;flex-shrink:0}.terpene-chips{display:flex;flex-wrap:wrap;gap:.35rem}.terpene-chip{display:inline-block;padding:.2rem .5rem;font-family:var(--font-mono);font-size:10px;font-weight:500;text-transform:lowercase;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:999px;color:var(--text)}.detail-shop-link{display:block;margin-top:.75rem;font-size:12px;font-weight:600;color:var(--brand-primary);text-decoration:none}.detail-shop-link:hover{text-decoration:underline}.detail-more{font-size:11px;color:var(--text-muted);margin:.35rem 0 0}.gene-weight-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.detail-panel .spec-list li{padding:.3rem .45rem;border-radius:2px}.detail-panel .spec-list li:nth-child(2n){background:var(--bg-elevated)}.detail-panel .spec-list li:nth-child(odd){background:0 0}.detail-card--highlight .spec-list li:nth-child(2n),.detail-cards>.detail-card:nth-child(2n) .spec-list li:nth-child(even){background:var(--bg-panel)}.gene-weight-list li{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.35rem .5rem;border:1px solid var(--border);cursor:pointer;font-size:12px}.gene-weight-list li:nth-child(odd){background:var(--bg-elevated)}.gene-weight-list li:nth-child(2n){background:var(--bg-panel)}.gene-weight-list li:hover{border-color:var(--brand-primary)}.gene-weight__name{font-weight:500}.gene-weight__pct{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--brand-primary);flex-shrink:0}.detail-panel--empty .empty-state{text-align:center;padding:1.5rem 1rem;color:var(--text-muted);font-size:12px}.empty-state__icon{font-size:1.5rem;color:var(--brand-primary);opacity:.5;margin-bottom:.5rem}.strain-detail__name{font-family:var(--font-title);font-size:18px;font-weight:700;color:var(--text);padding:.875rem 1rem .25rem}.spec-table{border-top:1px solid var(--border)}.spec-row{display:grid;grid-template-columns:130px 1fr;gap:.75rem;padding:.55rem 1rem;border-bottom:1px solid var(--border);font-family:var(--font-text);font-size:13px;align-items:baseline}.spec-row--highlight{background:var(--brand-accent-soft)}.spec-label{font-weight:700;color:var(--text);text-transform:capitalize}.spec-value{color:var(--text);word-break:break-word}.spec-value--link{color:var(--text);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.spec-value--link:hover{color:var(--brand-primary)}.spec-list{list-style:none;display:flex;flex-direction:column;gap:.25rem}.spec-list li{cursor:pointer}.spec-list li:hover{color:var(--brand-primary)}.legend{list-style:none;padding:.5rem 1rem .75rem}.legend li{display:flex;align-items:center;gap:.5rem;font-family:var(--font-text);font-size:12px;color:var(--text-muted);padding:.25rem 0}.legend-swatch{width:13px;height:13px;border:2px solid var(--border-strong);border-radius:50%;flex-shrink:0}.sidebar-breeders-intro{padding:0 1rem .5rem;font-size:12px;color:var(--text-muted);line-height:1.5}.breeder-list{list-style:none;padding:.25rem .75rem .75rem}.breeder-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:var(--radius-sm);font-size:13px}.breeder-item__dot{width:10px;height:10px;border-radius:50%;background:var(--breeder-color,var(--brand-primary));flex-shrink:0}.breeder-item__name{flex:1;font-weight:500}.breeder-item__count{font-size:11px;font-weight:600;color:var(--text-muted);background:var(--bg-elevated);padding:.15rem .45rem;border-radius:999px}.breeder-item__count--soon{font-weight:500;font-style:italic;color:var(--text-dim);background:0 0}.breeder-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .5rem;border-radius:999px;font-size:12px;font-weight:500;background:color-mix(in srgb,var(--breeder-color,var(--brand-primary)) 12%,transparent);color:var(--breeder-color,var(--brand-primary));border:1px solid color-mix(in srgb,var(--breeder-color,var(--brand-primary)) 25%,transparent)}.breeder-chip::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--breeder-color,var(--brand-primary))}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--border)}.stat-card{padding:.75rem 1rem;text-align:center;border-bottom:1px solid var(--border);border-right:1px solid var(--border)}.stat-card:nth-child(2n){border-right:none}.stat-card__value{font-family:var(--font-title);font-size:1.375rem;font-weight:700;color:var(--brand-primary)}.stat-card__label{font-family:var(--font-text);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-top:2px}.hint--mobile{display:none}.canvas-toolbar{position:absolute;top:.75rem;left:.75rem;right:.75rem;display:flex;align-items:center;justify-content:space-between;z-index:5;pointer-events:none}.canvas-toolbar>*{pointer-events:auto}.hint{font-family:var(--font-text);font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:color-mix(in srgb,var(--bg-panel) 92%,transparent);padding:.35rem .75rem;border:1px solid var(--border)}.view-toggle{display:flex;background:var(--bg-panel);border:1px solid var(--border-strong);overflow:hidden}.toggle-btn{padding:.4rem .875rem;font-family:var(--font-text);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;background:0 0;border:none;color:var(--text-muted);cursor:pointer;transition:.12s}.toggle-btn.active{background:var(--brand-primary);color:var(--on-primary)}.toggle-btn:hover:not(.active){background:var(--bg-elevated);color:var(--text)}#graphSvg{width:100%;height:100%;display:block;cursor:grab;touch-action:none}#graphSvg:active{cursor:grabbing}.node-group{cursor:pointer}.node-hit{fill:transparent;stroke:none;pointer-events:all}.node-ring{fill:none;stroke-width:2.5;opacity:0;transition:opacity .15s}.node-body{stroke-width:1.5;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, .1));transition:filter .15s}.node-group:hover .node-body{filter:drop-shadow(0 2px 6px rgba(0, 0, 0, .18))}.node-group.selected .node-ring{opacity:1;stroke-width:3}.node-group.dimmed{opacity:.25}.node-group.highlighted{opacity:1}.node-label{fill:var(--text);font-family:var(--font-text);font-size:10px;font-weight:600;text-anchor:middle;pointer-events:none;user-select:none;paint-order:stroke;stroke:var(--bg-canvas);stroke-width:3px;stroke-linejoin:round}.node-sublabel{fill:var(--text-muted);font-family:var(--font-mono);font-size:8px;font-weight:500;text-anchor:middle;pointer-events:none;text-transform:uppercase}.link{fill:none;stroke:#c5c9cf;stroke-width:1.25;opacity:.85;transition:opacity .15s,stroke .15s}.link.highlighted{opacity:1;stroke:#b0b6bf;stroke-width:1.5}.link.dimmed{opacity:.15}.link--gene-flow{stroke:#d8d8d5;stroke-width:1.65;opacity:calc(.72 + var(--gene-w, .3) * .28)}.link--gene-dominant{stroke:var(--brand-primary);stroke-width:calc(1.75 + var(--gene-w,.5) * 1.25);opacity:calc(.82 + var(--gene-w, .5) * .18)}.link.link--parent-edge{stroke:var(--graph-parent);stroke-width:2;opacity:.85;filter:none}.link.link--offspring-edge{stroke:var(--graph-parent);stroke-width:1.75;stroke-dasharray:6 4;opacity:.7;filter:none}.particles{pointer-events:none}.gene-dot{fill:var(--text-muted);opacity:.55;filter:none}.gene-dot--dominant{fill:var(--brand-primary);stroke:none;stroke-width:0;opacity:.75}.modal{border:none;padding:0;background:0 0;max-width:none;max-height:none}.modal::backdrop{background:rgba(0,0,0,.45)}.modal__content{width:min(480px,calc(100vw - 2rem));background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:var(--radius-sm);overflow:hidden;box-shadow:0 16px 48px rgba(var(--shadow-rgb),.18);color:var(--text)}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.modal__header h2{font-family:var(--font-title);font-size:16px;font-weight:700;color:var(--text)}.icon-btn{width:32px;height:32px;display:grid;place-items:center;background:var(--bg-panel);border:1px solid var(--border-strong);color:var(--text-muted);font-size:1.25rem;cursor:pointer;line-height:1}.icon-btn:hover{background:var(--bg-elevated);color:var(--text)}.modal__body{padding:1.25rem;display:flex;flex-direction:column;gap:.875rem}.modal__footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid var(--border)}.field{display:flex;flex-direction:column;gap:.375rem}.field span{font-family:var(--font-text);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text)}.field input,.field select,.field textarea{padding:.5rem .75rem;background:var(--bg-panel);border:1px solid var(--border-strong);color:var(--text);font-family:var(--font-text);font-size:13px;outline:0}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand-primary)}.field-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:.5rem}.cross-symbol{font-family:var(--font-title);font-size:1.125rem;color:var(--text);padding-bottom:.5rem;text-align:center}@media (max-width:768px){body,html{overflow:hidden;overscroll-behavior:none;margin:0;padding:0;width:100%;height:100%}body{position:fixed;inset:0}.app{width:100%;height:var(--app-height,100dvh);max-height:var(--app-height,100dvh);overflow:hidden;box-sizing:border-box;padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);padding-bottom:env(safe-area-inset-bottom,0)}.top-bar{justify-content:center;gap:1rem;padding:.4rem 0;font-size:11px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.top-bar::-webkit-scrollbar{display:none}.header{flex-wrap:nowrap;gap:0;padding:.4rem .85rem .5rem;position:relative;top:auto;z-index:50;box-shadow:0 1px 0 var(--border);max-width:100%;overflow:visible}.header__top{gap:.5rem;min-width:0;max-width:100%}.header__brand{flex:1;min-width:0;overflow:hidden}.header__brand>div:last-child{min-width:0;overflow:hidden}.header h1{font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo{height:38px;min-width:38px;max-width:38px}.brand-logo--lockup,.brand-logo--lockup-dark{display:none}.brand-logo--mark{display:block;height:26px;margin-left:2px}.header__brand-divider{height:24px}[data-theme=dark] .brand-logo--mark{display:none}[data-theme=dark] .brand-logo--mark-dark{display:block;height:26px;margin-left:2px}.logo--ozark{width:38px;min-width:38px;max-width:38px;border-radius:8px}.logo__mark{width:26px;height:26px}.subtitle{display:none}.header__actions{width:auto;flex-wrap:nowrap;gap:.35rem;flex-shrink:0}.header-search{display:none}.mobile-search-bar{display:block;padding-top:.35rem;flex-shrink:0}.mobile-search-bar .header-search{display:block}.mobile-search-bar .search-wrap{width:100%}.mobile-search-bar .search-icon{left:12px;width:14px;height:14px}.mobile-search-bar .search-wrap input{width:100%;font-size:15px;padding:.45rem .85rem .45rem 2.15rem;border-radius:var(--radius-pill)}.mobile-search-bar .search-results:not(.search-results--portal){position:fixed;left:.75rem;right:.75rem;top:var(--mobile-search-results-top,7.5rem);max-height:min(52dvh,360px);z-index:1000;box-shadow:0 12px 32px rgba(0,0,0,.16)}.mobile-drawer-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:120;opacity:0;pointer-events:none;transition:opacity .2s}.sidebar-browse-label{display:block;padding:.75rem 1rem .35rem;font-family:var(--font-title);font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0;border:none;background:0 0;color:var(--text);cursor:pointer;flex-shrink:0}.mobile-menu-btn__icon{width:22px;height:22px;display:block}#addStrainBtn,#resetViewBtn{display:none}.main{grid-template-columns:1fr;grid-template-rows:1fr}.graph-area{grid-column:1;grid-row:1;min-height:0;overflow:hidden}.canvas-wrap{min-height:0}.detail-float{position:static;right:auto;bottom:auto;width:100%;max-height:none;flex-shrink:0;border-left:none;border-right:none;border-bottom:none;box-shadow:0 -4px 16px rgba(0,0,0,.06);padding-bottom:env(safe-area-inset-bottom,0)}.detail-float:not(.is-hidden){max-height:min(40dvh,calc(320px - env(safe-area-inset-bottom,0px)))}.detail-float--compact:not(.is-hidden){max-height:none}.detail-float--compact .detail-float__header{cursor:pointer}.detail-float__header{padding-right:max(.875rem,env(safe-area-inset-right,0px))}.detail-float__toggle{display:grid}.detail-float .strain-detail__name{font-size:14px;padding-top:.625rem;display:none}.detail-float__title{text-transform:none;font-size:13px;letter-spacing:0}.detail-float .spec-row{grid-template-columns:108px 1fr;font-size:12px;padding:.45rem .75rem}.detail-actions{padding:0 .75rem .625rem}.detail-context{margin:0 .75rem .45rem;font-size:10px}.mobile-drawer-backdrop.is-visible{opacity:1;pointer-events:auto}.sidebar{position:fixed;top:0;right:0;bottom:0;width:min(320px,88vw);max-height:none;z-index:130;grid-column:auto;grid-row:auto;border-top:none;border-left:1px solid var(--border);transform:translateX(100%);transition:transform .24s;box-shadow:-8px 0 32px rgba(0,0,0,.12)}.sidebar.is-open{transform:translateX(0)}.canvas-toolbar{top:.5rem;left:.5rem;right:3.25rem;flex-direction:row;align-items:center;gap:.375rem}.canvas-toolbar:has(.hint--mobile[hidden]){display:none}.hint--desktop{display:none}.hint--mobile{display:block;flex:1;min-width:0;font-size:10px;padding:.35rem .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hint--mobile[hidden]{display:none!important}.link{stroke-width:1.25}.sidebar-tabs{display:flex;flex-shrink:0;border-bottom:1px solid var(--border);background:var(--bg-elevated)}.sidebar-tab{flex:1;min-height:44px;padding:.5rem;font-family:var(--font-text);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;background:0 0;border:none;border-bottom:2px solid transparent;color:var(--text-muted);cursor:pointer}.sidebar-tab.active{color:var(--text);border-bottom-color:var(--brand-primary);background:var(--bg-panel)}.sidebar .panel{display:none;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;border-bottom:none;min-height:0}.sidebar .panel[data-panel=browse]{display:none}.sidebar .panel.panel--active{display:flex;flex-direction:column}.sidebar .panel.panel--active[data-panel=browse] .strain-list{flex:1;max-height:none}.library-head{background:0 0;border-bottom:none;justify-content:flex-end;padding:.4rem 0 0}.library-filters{padding:.45rem .875rem .55rem}.panel-title--desktop{display:none}.strain-list li{padding:.65rem 1rem}.spec-row{grid-template-columns:1fr;gap:.25rem;padding:.65rem 1rem}.legend{display:grid;grid-template-columns:1fr 1fr;gap:.25rem .75rem;padding:.75rem 1rem}.modal__content{width:calc(100vw - 1rem);max-height:92dvh;margin:auto;display:flex;flex-direction:column}.modal__body{overflow-y:auto;-webkit-overflow-scrolling:touch}.field-row{grid-template-columns:1fr;gap:.75rem}.cross-symbol{display:none}.modal__footer{flex-direction:column-reverse}.modal__footer .btn{width:100%;justify-content:center}}@media (max-width:480px){.node-body{stroke-width:1.25}}@media (min-width:769px){.sidebar-tabs{display:none!important}.sidebar .panel{display:flex!important;flex-direction:column;min-height:0}.sidebar .panel[data-panel=browse]{flex:1;min-height:0}.strain-list{flex:1;max-height:calc(100vh - 220px)}}