.hm-label-layer{position:fixed;inset:0;z-index:5;pointer-events:none;overflow:hidden}.hm-label{position:absolute;left:0;top:0;font:600 13px/1.2 Montserrat,sans-serif;color:#e8f1ff;white-space:nowrap;padding:2px 6px;border-radius:3px;background:#000d198c;pointer-events:none;user-select:text;-webkit-user-select:text;transition:opacity .2s var(--ease-authored)}.hm-label.sun{font-size:18px;color:#fff8ec}.hm-label.dim{opacity:.4}.hm-label.hm-label--hidden{visibility:hidden}.app-container.phone .hm-label{font-size:15px}.app-container.phone .hm-label.sun{font-size:20px}.hm-label.focus{box-shadow:inset 0 0 0 1px #3abda1d9;background:#000d19c7}.hm-label.line-up{color:#c4b5fd}.hm-label.line-down{color:#ffc2a8}.hm-label-arrow{display:inline-block;margin-right:4px;font-weight:600}.hm-label.sun.line-up,.hm-label.sun.line-down{color:#fff8ec}.hm-label.sun.line-up .hm-label-arrow{color:#c4b5fd}.hm-label.sun.line-down .hm-label-arrow{color:#ffc2a8}:root{--ease-authored: cubic-bezier(.32, .72, 0, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Montserrat,sans-serif;background:#000d19;color:#e8f1ff;overflow-x:hidden;overflow-y:auto}body:has(#root:only-child){overflow:hidden}#root{width:100vw;min-height:100dvh}#genetics-map-root{width:100vw;min-height:100dvh;margin:0;padding:0;overflow-x:hidden}.app-container{color-scheme:dark;width:100vw;min-height:100dvh;position:relative;overflow:visible;margin:0;padding:0}body:has(#root:only-child) #root{height:100dvh}body:has(#root:only-child) .app-container{height:100dvh;overflow:hidden}.app-container:has(.node-info-panel) .galaxy-graph-wrapper{width:100%;height:100%}.galaxy-graph-wrapper{width:100%;height:100%;min-height:100dvh;position:relative;background:#000510 url(../../stars-bg.jpg) center center / cover no-repeat fixed;margin:0;padding:0}body:has(#root:only-child) .galaxy-graph-wrapper{height:100dvh}.galaxy-graph-fallback{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:40px;text-align:center;color:#fff}.galaxy-graph-fallback h2{color:#ff6b6b;margin-bottom:20px}.galaxy-graph-fallback p{max-width:500px;line-height:1.6}.galaxy-graph-fallback-hint{margin-top:20px;opacity:.7}.app-container canvas{display:block;width:100%!important;min-height:100dvh!important;touch-action:none}body:has(#root:only-child) .app-container canvas{height:100dvh!important}.ui-overlay{position:absolute;inset:0;pointer-events:none;z-index:1000;display:flex;flex-direction:column;justify-content:space-between;gap:12px;padding:clamp(12px,2vw,24px)}.ui-panel{pointer-events:auto}.controls-panel{max-width:min(400px,90vw);width:100%}.reset-panel{align-self:flex-end}@media (max-width: 768px){.search-key-hint{display:none}.search-trigger{min-height:44px;padding:10px 14px}.search-bar{min-width:0}.search-results{max-height:min(320px,calc(100dvh - 120px))}.reset-view-button{min-height:44px;padding:10px 14px}.search-close{min-height:44px;min-width:44px;padding:10px}}.search-trigger{display:flex;align-items:center;gap:8px;padding:10px 16px;min-height:44px;background:#3abda133;border:1px solid rgba(58,189,161,.4);border-radius:8px;color:#3abda1;cursor:pointer;font-size:14px;font-weight:600;transition:background .3s var(--ease-authored),transform .3s var(--ease-authored),box-shadow .3s var(--ease-authored);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-trigger:hover{background:#3abda166;transform:translateY(-2px);box-shadow:0 4px 12px #3abda166}.search-bar-container{position:relative;z-index:1000;width:100%}.search-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#000d19f2;border:1px solid rgba(58,189,161,.4);border-radius:8px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 16px #000d1966;min-width:300px;width:100%}.search-icon{color:#3abda1;flex-shrink:0}.search-bar input{flex:1;background:transparent;border:none;outline:none;color:#e8f1ff;font-size:15px;font-family:Montserrat,sans-serif;min-width:0}.search-bar input::placeholder{color:#e8f1ff80}.search-close{background:transparent;border:none;color:#e8f1ffcc;cursor:pointer;padding:4px 8px;min-height:44px;display:flex;align-items:center;gap:6px;justify-content:center;border-radius:4px;transition:background .2s var(--ease-authored),color .2s var(--ease-authored);flex-shrink:0}.search-close:hover{background:#e8f1ff1a;color:#e8f1ff}.search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#000d19fa;border:2px solid #3ABDA1;border-radius:12px;max-height:400px;overflow-y:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #000d1980;z-index:1001}.search-result-item{padding:12px 16px;min-height:48px;border-bottom:1px solid rgba(58,189,161,.2);cursor:pointer;touch-action:manipulation;transition:background .2s var(--ease-authored)}.search-result-item:hover{background:#3abda11a}.search-result-item:last-child{border-bottom:none}.result-name{font-weight:700;font-size:16px;color:#3abda1;margin-bottom:4px}.result-type{font-size:12px;color:#e8f1ffb3;margin-bottom:2px}.result-lineage{font-size:11px;color:#e8f1ff80;font-style:italic}.node-info-panel{position:fixed;background:#000d19fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:900;overflow-y:auto;pointer-events:auto;display:flex;flex-direction:column}.node-info-panel.desktop{top:0;right:0;height:100dvh;width:clamp(280px,30vw,380px);max-width:90vw;border-left:2px solid #3ABDA1;border-radius:0;box-shadow:-4px 0 24px #000d1980}.node-info-panel.mobile{bottom:0;left:0;right:0;height:25vh;max-height:25vh;border-top:2px solid #3ABDA1;border-radius:20px 20px 0 0;box-shadow:0 -8px 32px #000d1999;background:linear-gradient(180deg,#000d19fa,#000d19f2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:height .4s cubic-bezier(.4,0 var(--ease-authored),.2 var(--ease-authored),1) var(--ease-authored),max-height .4s cubic-bezier(.4,0 var(--ease-authored),.2 var(--ease-authored),1) var(--ease-authored),box-shadow .4s var(--ease-authored)}.node-info-panel.mobile:active{transition:none}.drag-handle{width:100%;display:flex;flex-direction:column;align-items:center;padding:12px 0 8px;flex-shrink:0;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}.drag-handle:active{cursor:grabbing}.drag-handle-bar{width:48px;height:5px;background:linear-gradient(90deg,transparent,rgba(58,189,161,.6),transparent);border-radius:3px;margin-bottom:8px;transition:background .2s var(--ease-authored),transform .2s var(--ease-authored)}.drag-handle:hover .drag-handle-bar{background:linear-gradient(90deg,transparent,rgba(58,189,161,.8),transparent);transform:scaleX(1.17)}.expand-indicator{display:flex;align-items:center;gap:6px;color:#3abda1cc;font-size:12px;font-weight:500;transition:color .2s var(--ease-authored)}.drag-handle:hover .expand-indicator{color:#3abda1}.expand-text{font-size:12px;letter-spacing:.2px}.close-button{position:sticky;background:#000d19e6;border:1px solid #3ABDA1;border-radius:8px;color:#e8f1ff;cursor:pointer;padding:10px;transition:background .2s var(--ease-authored);z-index:10;display:flex;align-items:center;gap:6px;flex-shrink:0}.node-info-panel.desktop .close-button{top:0;align-self:flex-end;margin:16px 16px 0 auto;min-height:44px}.node-info-panel.mobile .close-button{top:0;align-self:flex-end;margin:4px 8px 0 auto;padding:8px;min-width:44px;min-height:44px;justify-content:center;box-shadow:0 2px 8px #000d194d;transition:background .2s var(--ease-authored)}.node-info-panel.mobile .close-button:active{transform:scale(.95);box-shadow:0 1px 4px #000d1933}.close-button:hover{background:#e8f1ff1a}.node-info-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.node-info-panel.desktop .node-info-content,.node-info-panel.mobile .node-info-content{padding:0 20px 20px}.node-info-header{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.node-info-panel.mobile .node-info-header{margin-bottom:12px}.node-type-badge{display:inline-block;padding:6px 12px;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.06em;align-self:flex-start;background:#3abda124;border:1px solid rgba(58,189,161,.4);color:#3abda1}.node-info-expanded{display:flex;flex-direction:column;gap:16px;padding-top:8px}.node-info-name{font-weight:600;color:#e8f1ff;margin:0;line-height:1.2;letter-spacing:-.01em;text-wrap:balance;overflow-wrap:anywhere}.node-info-panel.desktop .node-info-name{font-size:26px;letter-spacing:-.02em}.node-info-panel.mobile .node-info-name{font-size:20px}.node-info-section{display:flex;flex-direction:column;gap:8px;padding:12px;background:#e8f1ff05;border-radius:8px;border:1px solid rgba(58,189,161,.1);transition:background .2s var(--ease-authored),border-color .2s var(--ease-authored)}.node-info-panel.desktop .node-info-section{margin-bottom:16px}.node-info-panel.mobile .node-info-section{margin-bottom:12px}.node-info-label{font-weight:600;color:#e8f1ff9e;letter-spacing:.2px;font-size:12px;display:flex;align-items:center;gap:6px}.node-info-label:before{content:"";width:5px;height:6px;background:#3abda1;clip-path:polygon(0 0,100% 50%,0 100%)}.node-info-panel.desktop .node-info-label{font-size:12px}.node-info-panel.mobile .node-info-label{font-size:10px}.node-info-value{overflow-wrap:anywhere;color:#e8f1fff2;line-height:1.6;font-weight:400}.node-info-panel.desktop .node-info-value{font-size:15px}.node-info-panel.mobile .node-info-value{font-size:13px;line-height:1.5}.reset-view-button{display:flex;align-items:center;gap:8px;padding:10px 16px;min-height:44px;background:#3abda133;border:1px solid rgba(58,189,161,.4);border-radius:8px;color:#3abda1;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s var(--ease-authored),border-color .2s var(--ease-authored),transform .2s var(--ease-authored)}.reset-view-button:hover{background:#3abda14d;border-color:#3abda199;transform:translateY(-1px)}.reset-view-button:active{transform:translateY(0)}.icon-button-text{margin-left:6px;font-size:12px;font-weight:600;letter-spacing:.02em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#000d1980}::-webkit-scrollbar-thumb{background:#3abda1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#2a9d85}@media (max-width: 768px){.ui-overlay{align-items:flex-start;justify-content:space-between;flex-direction:row;padding:12px;gap:8px}.controls-panel{align-self:flex-start;width:auto;flex:1;min-width:0}.reset-panel{align-self:flex-start;margin-top:0;flex-shrink:0}.search-bar{min-width:280px;padding:10px 12px;font-size:14px}.search-trigger{padding:8px 12px;font-size:12px}.reset-view-button{padding:8px 12px;font-size:13px}.reset-view-button span,.icon-button-text{display:none}.search-results{max-height:50vh}}@media (max-width: 480px){.ui-overlay{padding:8px;gap:6px}.search-bar{min-width:0;flex:1;padding:8px 10px;font-size:12px}.search-trigger{padding:6px 10px;font-size:11px}.reset-view-button{padding:8px 12px;font-size:13px}.reset-view-button span{display:none}}@media (hover: none) and (pointer: coarse){.search-trigger,.reset-view-button,.close-button{min-height:44px;min-width:44px}.node-info-panel.mobile{touch-action:pan-y}.node-info-panel.mobile .node-info-content{-webkit-overflow-scrolling:touch}.drag-handle{min-height:44px;display:flex;align-items:center;justify-content:center}.search-result-item{min-height:48px;padding:14px 16px}}@supports (-webkit-touch-callout: none){.galaxy-graph-wrapper{background-attachment:scroll}.node-info-panel{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-moz-document url-prefix(){*{scrollbar-width:thin;scrollbar-color:#3ABDA1 rgba(0,13,25,.5)}.search-bar,.search-results,.node-info-panel,.search-trigger{background:#000d19fa}}@media (prefers-contrast: high){.search-trigger,.reset-view-button,.node-info-panel{border-width:3px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.search-trigger:hover,.reset-view-button:hover{transform:none}}@media print{.ui-overlay,.node-info-panel{display:none!important}}.admin-panel-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out}.admin-panel{background:#000d19;border-radius:16px;box-shadow:0 20px 60px #00000080;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.admin-panel-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);background:#0003}.admin-panel-header h2{margin:0;font-size:24px;font-weight:600;color:#fff}.admin-panel .close-button{background:transparent;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:8px;transition:background .2s;display:flex;align-items:center;justify-content:center}.admin-panel .close-button:hover{background:#ffffff1a}.admin-panel-content{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.admin-section{background:#0003;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.05)}.admin-section h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#fff}.admin-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.admin-actions{display:flex;gap:8px}.node-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group label{font-size:14px;font-weight:500;color:#ffffffe6}.required{color:#ff6b6b}.form-group input,.form-group select{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 12px;color:#fff;font-size:14px;transition:border-color .2s,background .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3abda1;background:#0006}.form-group input.error,.form-group select.error{border-color:#ff6b6b}.error-message{font-size:12px;color:#ff6b6b;margin-top:-4px}.parent-selector{display:flex;flex-direction:column;gap:12px}.selected-parents{display:flex;flex-wrap:wrap;gap:8px;min-height:32px}.parent-tag{display:inline-flex;align-items:center;gap:6px;background:#3abda133;border:1px solid rgba(58,189,161,.4);border-radius:6px;padding:6px 10px;font-size:13px;color:#fff}.remove-parent{background:transparent;border:none;color:#fff;cursor:pointer;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:18px;line-height:1;transition:background .2s}.remove-parent:hover{background:#fff3}.parent-search-container{position:relative}.parent-dropdown{position:absolute;top:100%;left:0;right:0;background:#000d19fa;border:1px solid rgba(255,255,255,.1);border-radius:8px;margin-top:4px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 12px #0000004d}.parent-option{padding:10px 12px;cursor:pointer;color:#fff;font-size:14px;transition:background .2s;border-bottom:1px solid rgba(255,255,255,.05)}.parent-option:last-child{border-bottom:none}.parent-option:hover{background:#3abda133}.form-actions{display:flex;gap:12px;margin-top:8px}.btn-primary,.btn-secondary{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s;border:none}.btn-primary{background:#3abda1;color:#000d19}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3abda159}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#ffffff26}.btn-icon{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:13px;cursor:pointer;transition:background .2s,transform .2s}.btn-icon:hover{background:#ffffff26;transform:translateY(-1px)}.btn-icon.danger{background:#ef444433;border-color:#ef44444d}.btn-icon.danger:hover{background:#ef44444d}.admin-nodes-list{display:flex;flex-direction:column;gap:12px}.admin-node-item{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px;transition:border-color .2s}.admin-node-item.has-errors{border-color:#ef444480}.node-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.node-item-header>div{display:flex;align-items:center;gap:8px}.admin-panel .node-type-badge{background:#3abda133;border:1px solid rgba(58,189,161,.4);border-radius:4px;padding:2px 8px;font-size:11px;color:#3abda1}.remove-node-button{background:transparent;border:none;color:#fff9;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s,color .2s;display:flex;align-items:center;justify-content:center}.remove-node-button:hover{background:#ef444433;color:#ff6b6b}.node-item-details{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#ffffffb3}.detail-label{font-weight:500;color:#ffffffe6}.node-errors{margin-top:12px;padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;font-size:12px;color:#ff6b6b}.node-errors ul{margin:8px 0 0;padding-left:20px}.node-errors li{margin:4px 0}.empty-message{text-align:center;color:#ffffff80;padding:40px 20px;font-size:14px}.info-box{background:#3abda11a;border:1px solid rgba(58,189,161,.2);border-radius:8px;padding:16px}.info-box h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#3abda1}.info-box ul{margin:0;padding-left:20px;color:#fffc;font-size:13px;line-height:1.6}.info-box li{margin:6px 0}@media (max-width: 768px){.admin-panel{max-width:100%;max-height:100vh;border-radius:0}.form-row{grid-template-columns:1fr}.admin-section-header{flex-direction:column;align-items:flex-start;gap:12px}.admin-actions{width:100%;flex-wrap:wrap}}.admin-toast{position:fixed;bottom:24px;right:24px;z-index:10001;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;color:#fff;box-shadow:0 4px 16px #0006;animation:toast-slide-in .3s ease;pointer-events:none}.admin-toast--success{background:#22c55e}.admin-toast--error{background:#ef4444}.admin-toast--info{background:#3b82f6}@keyframes toast-slide-in{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-overlay{position:fixed;inset:0;z-index:10001;background:#0000008c;display:flex;align-items:center;justify-content:center}.confirm-dialog{background:#000d19;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:28px;max-width:420px;width:90%;color:#fff;box-shadow:0 8px 40px #000000b3}.confirm-dialog p{margin:0 0 20px;line-height:1.6;opacity:.9;font-size:15px}.confirm-dialog-buttons{display:flex;gap:12px;justify-content:flex-end}.confirm-dialog-buttons button{padding:9px 22px;border-radius:8px;border:none;cursor:pointer;font-size:14px;font-weight:500;transition:opacity .15s var(--ease-authored)}.confirm-dialog-buttons button:hover{opacity:.8}.confirm-btn-no{background:#ffffff1f;color:#fff}.confirm-btn-yes{background:#ef4444;color:#fff}.traversal-buttons{display:flex;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}.traversal-btn{flex:1;padding:8px 12px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:#ffffffbf;font-size:13px;cursor:pointer;transition:background .18s var(--ease-authored),border-color .18s var(--ease-authored),color .18s var(--ease-authored)}.traversal-btn:hover{background:#ffffff1a;border-color:#fff6;color:#fff}.traversal-btn.active{background:#3abda138;border-color:#3abda1;color:#e8f1ff}.node-info-panel.mobile{height:auto;max-height:48vh;padding-bottom:env(safe-area-inset-bottom,0px);overscroll-behavior:contain}button.drag-handle{background:none;border:0;color:inherit;font:inherit;min-height:44px}.traversal-btn{min-height:44px;touch-action:manipulation}ul.search-results{list-style:none;margin:0;padding:0;overscroll-behavior:contain}.search-result-item.active{background:#3abda129;box-shadow:inset 3px 0 #3abda1}.search-empty{padding:14px 16px;color:#e8f1ffbf;font-size:14px}.search-bar input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}:focus-visible{outline:2px solid #8CCFFF;outline-offset:2px}.search-bar:focus-within{box-shadow:0 0 0 2px #8ccfff}.node-info-name:focus:not(:focus-visible){outline:none}.hm-embed-exploring .search-bar-container{margin-top:60px}.relative-chip:active,.traversal-btn:active,.browse-row:active,.legend-chip:active,.browse-chip:active,.story-chip:active,.story-next:active,.story-stop:active,.search-trigger:active,.first-visit-hint:active,.reset-view-button:active{transform:scale(.98)}.browse-chip[aria-pressed=true],.legend-chip[aria-pressed=true]{background:#3abda14d;border-color:#3abda1}.dock-button,.legend-chip,.browse-chip,.story-chip,.story-next,.story-stop,.browse-row,.first-visit-hint,.relative-chip,.traversal-btn{transition:background .2s var(--ease-authored),border-color .2s var(--ease-authored),color .2s var(--ease-authored),transform .15s var(--ease-authored)}.browse-meta,.browse-count,.story-position{font-variant-numeric:tabular-nums}.story-caption,.first-visit-hint,.node-info-value,.relatives-empty,.search-empty{text-wrap:pretty}@media (prefers-reduced-motion: reduce){.relative-chip:active,.traversal-btn:active,.browse-row:active,.legend-chip:active,.browse-chip:active,.story-chip:active,.story-next:active,.story-stop:active,.search-trigger:active,.first-visit-hint:active,.reset-view-button:active{transform:none}}.search-bar input::placeholder{color:#e8f1ff99}@media (prefers-reduced-motion: reduce){.node-info-panel.mobile{transition:none}}.relative-chip.back-chip{border-style:dashed;color:#e8f1ffd9}.relative-chip.back-chip:hover,.relative-chip.back-chip:focus-visible{border-style:solid}.node-info-panel.mobile.snap-peek{height:34vh;max-height:34vh}.node-info-panel.mobile.snap-half{height:55vh;max-height:55vh}.node-info-panel.mobile.snap-full{height:88vh;max-height:88vh;box-shadow:0 -12px 48px #000d19b3}.node-info-panel.mobile .node-info-content{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}.cultivar-sheet.mobile .close-button{position:absolute;top:8px;right:8px;margin:0}.cultivar-sheet.mobile .drag-handle{padding-right:56px;padding-left:56px}.cultivar-sheet.mobile .node-info-header{margin-bottom:10px}.cultivar-sheet.mobile .traversal-buttons{margin:8px 0 12px;padding-top:10px}.relatives-row{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.relative-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}.relative-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border-radius:22px;border:1px solid rgba(232,241,255,.18);background:#e8f1ff0f;color:#e8f1ff;font:500 14px/1.2 Montserrat,sans-serif;cursor:pointer;text-align:left;max-width:100%;overflow-wrap:anywhere;transition:background .15s var(--ease-authored),border-color .15s var(--ease-authored)}.relative-chip:hover,.relative-chip:focus-visible{background:#e8f1ff1f;border-color:#e8f1ff66}.relative-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 8px currentColor}.relatives-empty{margin:0;font-size:13px;color:#e8f1ff8c}.dock{position:fixed;left:0;right:0;bottom:0;z-index:950;display:grid;grid-template-columns:1.1fr repeat(4,1fr);gap:4px;align-items:stretch;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#000d19d9,#000d19fa);border-top:1px solid rgba(58,189,161,.25);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);pointer-events:auto}.dock-search{display:flex;align-items:stretch;min-width:0}.dock-search .search-trigger{width:100%;justify-content:center;min-height:52px}.dock-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:52px;padding:6px 4px;border-radius:10px;border:1px solid transparent;background:transparent;color:#e8f1ffd9;font:500 11px/1 Montserrat,sans-serif;white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.dock-button.active,.dock-button:active{background:#3abda12e;border-color:#3abda166;color:#3abda1}.dock-button:focus-visible{outline:2px solid #8CCFFF;outline-offset:2px}.app-container.phone .ui-overlay .controls-panel.phone-search{width:100%;max-width:none}.app-container.desktop:has(.cultivar-sheet) .reset-panel{margin-right:clamp(280px,30vw,380px)}.browse-sheet{position:fixed;inset:0;z-index:960;display:flex;flex-direction:column;background:#000d19fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#e8f1ff}.app-container.desktop .browse-sheet{inset:80px auto auto 16px;width:min(420px,90vw);height:min(70vh,640px);border-radius:16px;border:1px solid rgba(58,189,161,.3);box-shadow:0 12px 48px #000d1999}.hm-embed-exploring .browse-head{padding-top:64px}.browse-head,.legend-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 8px}.browse-title,.legend-title{margin:0;font:600 18px/1.2 Montserrat,sans-serif;color:#e8f1ff;text-wrap:balance}.browse-close,.legend-close{position:static;margin:0;min-width:44px;min-height:44px;justify-content:center}.browse-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:0 16px calc(16px + env(safe-area-inset-bottom,0px))}.browse-group{margin-bottom:18px}.browse-group-title{display:flex;align-items:center;gap:8px;margin:12px 0 6px;font:600 12px/1 Montserrat,sans-serif;letter-spacing:.2px;color:#e8f1ffb3}.browse-count{color:#e8f1ff99;font-weight:500}.browse-list{list-style:none;margin:0;padding:0}.browse-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 8px;border:0;border-bottom:1px solid rgba(232,241,255,.08);background:transparent;color:#e8f1ff;font:500 15px/1.3 Montserrat,sans-serif;text-align:left;cursor:pointer}.browse-row:hover,.browse-row:focus-visible{background:#e8f1ff12}.browse-row:focus-visible{outline:2px solid #8CCFFF;outline-offset:-2px}.browse-name{min-width:0;overflow-wrap:anywhere}.browse-meta{flex-shrink:0;font-size:12px;color:#e8f1ff9e}.legend-card{position:fixed;z-index:955;left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom,0px));padding:4px 4px 14px;border-radius:16px;border:1px solid rgba(58,189,161,.3);background:#000d19f5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 48px #000d1999;color:#e8f1ff}.app-container.desktop .legend-card{left:16px;right:auto;bottom:80px;width:min(340px,90vw)}.legend-list{list-style:none;margin:0;padding:0 16px;display:flex;flex-direction:column;gap:10px;font:400 14px/1.4 Montserrat,sans-serif}.legend-list li{display:flex;align-items:center;gap:12px}.legend-dot{width:14px;height:14px;flex-shrink:0;border-radius:50%;box-shadow:0 0 10px currentColor}.legend-dot.shape-octahedron{border-radius:2px;transform:rotate(45deg)}.legend-dot.shape-icosahedron{border-radius:4px;clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}.legend-dot.shape-dodecahedron{border-radius:4px;clip-path:polygon(50% 0,100% 35%,80% 100%,20% 100%,0 35%)}.legend-sun{background:#fff1d6;box-shadow:0 0 14px #fff1d6}.legend-line{width:28px;height:2px;flex-shrink:0;background:linear-gradient(90deg,#e8f1ff4d,#3abda1);border-radius:1px}.legend-chip,.browse-chip,.story-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 14px;border-radius:8px;border:1px solid rgba(58,189,161,.4);background:#3abda126;color:#3abda1;font:500 14px/1 Montserrat,sans-serif;cursor:pointer;pointer-events:auto}.legend-chip:hover,.browse-chip:hover,.story-chip:hover{background:#3abda147}.legend-chip:focus-visible,.browse-chip:focus-visible,.story-chip:focus-visible{outline:2px solid #8CCFFF;outline-offset:2px}.app-container.desktop .legend-panel{position:absolute;left:clamp(12px,2vw,24px);bottom:clamp(12px,2vw,24px);z-index:1000}.controls-panel{display:flex;align-items:flex-start;gap:8px}.controls-panel .search-bar-container,.controls-panel .search-trigger{flex:0 1 auto}.first-visit-hint{position:fixed;left:50%;transform:translate(-50%);z-index:940;bottom:calc(84px + env(safe-area-inset-bottom,0px));max-width:calc(100vw - 32px);min-height:44px;padding:12px 18px;border-radius:22px;border:1px solid rgba(58,189,161,.5);background:#000d19e6;color:#e8f1ff;font:500 14px/1.3 Montserrat,sans-serif;cursor:pointer;box-shadow:0 8px 24px #000d1980;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.app-container.desktop .first-visit-hint{bottom:24px}.first-visit-hint:focus-visible{outline:2px solid #8CCFFF;outline-offset:2px}@media (prefers-reduced-motion: no-preference){.first-visit-hint{animation:hint-in .4s var(--ease-authored)}@keyframes hint-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}.story-bar{position:fixed;left:12px;right:12px;z-index:970;bottom:calc(84px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,241,214,.45);background:#000d19f0;color:#e8f1ff;font:500 15px/1.35 Montserrat,sans-serif;box-shadow:0 10px 36px #000d198c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.app-container.phone:has(.cultivar-sheet) .story-bar{bottom:calc(34vh + 12px)}.app-container.desktop .story-bar{left:50%;right:auto;transform:translate(-50%);width:min(640px,calc(100vw - 32px));bottom:24px}.app-container.desktop:has(.cultivar-sheet) .story-bar{left:calc((100vw - clamp(280px,30vw,380px))/2)}.story-caption{flex:1;margin:0}.story-position{display:inline-block;margin-right:10px;font-size:12px;color:#fff1d6;letter-spacing:.5px;font-variant-numeric:tabular-nums}.story-actions{display:flex;gap:6px;flex-shrink:0}.story-next,.story-stop{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 12px;border-radius:10px;border:1px solid rgba(255,241,214,.4);background:#fff1d61a;color:#fff1d6;font:600 13px/1 Montserrat,sans-serif;cursor:pointer}.story-next:hover,.story-stop:hover{background:#fff1d633}.story-next:focus-visible,.story-stop:focus-visible{outline:2px solid #8CCFFF;outline-offset:2px}.story-chip{margin-left:4px}@media (max-width: 480px){.story-stop span{display:none}.story-bar{font-size:14px}}.node-info-label:before{content:none}.node-info-label.line-up{color:#c4b5fd}.node-info-label.line-down{color:#ffc2a8}.node-info-label .line-arrow{display:inline-block;margin-right:4px}.node-info-section{background:none;border:0;padding:0;gap:4px}.node-info-panel.desktop .node-info-section{margin-bottom:14px}.node-info-panel.mobile,.search-results,.legend-card,.story-bar,.app-container.desktop .browse-sheet{border-radius:16px}.node-info-panel.mobile{border-radius:16px 16px 0 0}.dock-button,.story-next,.story-stop,.search-close,.traversal-btn,.close-button,.reset-view-button,.search-trigger,.legend-chip,.browse-chip,.story-chip{border-radius:8px}.relative-chip,.first-visit-hint{border-radius:22px}.eyebrow{border-radius:0}.eyebrow{display:block;margin-bottom:4px;font:600 10px/1 Montserrat,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#e8f1ff99}.eyebrow.type-strain{color:#3abda1}.eyebrow.type-hybrid{color:#8ccfff}.eyebrow.type-blend{color:#fad08f}.eyebrow.type-collab{color:#ff6b9d}.node-info-header .eyebrow{margin-bottom:2px}.head-text{display:flex;flex-direction:column;min-width:0}.story-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.node-info-panel.mobile,.legend-card,.story-bar,.app-container.desktop .browse-sheet,.search-results{box-shadow:inset 0 1px 1px #e8f1ff1f,0 0 0 6px #e8f1ff0d,0 0 0 7px #e8f1ff1a,0 12px 48px #000d1999}.node-info-panel.mobile{box-shadow:inset 0 1px 1px #e8f1ff1f,0 0 0 6px #e8f1ff0d,0 0 0 7px #e8f1ff1a,0 -12px 48px #000d1999}.node-info-panel.desktop{box-shadow:inset 1px 0 1px #e8f1ff1a,-12px 0 48px #000d1980}@media (prefers-reduced-motion: no-preference){.story-bar,.legend-card,.browse-sheet{animation:surface-in .35s var(--ease-authored)}@keyframes surface-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app-container.desktop .story-bar{animation-name:surface-in-centred}@keyframes surface-in-centred{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}}.dock{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));display:flex;align-items:stretch;gap:2px;width:max-content;max-width:calc(100vw - 24px);margin:0 auto;padding:6px;border-radius:999px;border:1px solid rgba(232,241,255,.14);background:#000d19b8;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);box-shadow:inset 0 1px 1px #e8f1ff1f,0 10px 36px #000d1999}.dock-button,.dock-search .search-trigger{min-height:48px;min-width:56px;padding:6px 10px;border-radius:999px}.dock-search{flex:0 0 auto}.dock-search .search-trigger{width:auto;min-width:64px}.dock-button span,.dock-search .search-trigger span{font-size:10.5px}.node-info-panel.mobile.snap-peek{height:calc(34vh + 72px);max-height:calc(34vh + 72px)}.app-container.phone:has(.cultivar-sheet) .node-info-content{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}.app-container.phone .dock{z-index:980}.app-container.phone:has(.cultivar-sheet) .story-bar{bottom:calc(34vh + 84px)}.app-container.phone:has(.cultivar-sheet[data-snap=half]) .story-bar{bottom:calc(55vh + 12px)}.app-container.phone:has(.cultivar-sheet[data-snap=full]) .story-bar{bottom:calc(88vh + 12px)}.app-container.phone .browse-body{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.dock-button.active{background:transparent;border-color:#3abda199;color:#3abda1}.dock-button:active{background:#3abda12e}.sheet-trail{margin:0 0 8px}.sheet-trail .back-chip{min-height:36px;padding:6px 12px 6px 10px;font-size:13px}.story-callout{position:fixed;z-index:985;box-sizing:border-box;padding:16px 16px 14px;border-radius:16px;background:#000d19f5;border:1px solid rgba(255,241,214,.45);color:#e8f1ff;font-family:Montserrat,sans-serif;box-shadow:inset 0 1px 1px #e8f1ff1f,0 0 0 6px #e8f1ff0d,0 14px 44px #000d19b3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.story-callout-arrow{position:absolute;width:14px;height:14px;margin-left:-7px;transform:rotate(45deg);background:#000d19f5;border:1px solid rgba(255,241,214,.45)}.story-callout.is-phone .story-callout-arrow{bottom:-8px;border-top:0;border-left:0}.story-callout.is-desktop .story-callout-arrow{top:-8px;border-bottom:0;border-right:0}.story-callout-title{margin:0 0 6px;font-size:16px;font-weight:600;line-height:1.3;color:#fff1d6;text-wrap:balance}.story-callout-body{margin:0 0 14px;font-size:14px;font-weight:400;line-height:1.45;color:#e8f1ffdb;text-wrap:pretty}.story-callout-actions{display:flex;gap:8px;align-items:center}.story-callout-play,.story-callout-later{min-height:44px;border-radius:8px;font:600 14px/1 Montserrat,sans-serif;cursor:pointer;transition:background .2s var(--ease-authored),border-color .2s var(--ease-authored),transform .15s var(--ease-authored)}.story-callout-play{display:inline-flex;align-items:center;gap:8px;padding:0 16px;background:#fff1d6;color:#000d19;border:1px solid #FFF1D6}.story-callout-play:hover{background:#fff8ec}.story-callout-later{padding:0 12px;background:transparent;color:#e8f1ffcc;border:1px solid transparent}.story-callout-later:hover{border-color:#e8f1ff40;color:#e8f1ff}.story-callout-play:focus-visible,.story-callout-later:focus-visible{outline:2px solid #8CCFFF;outline-offset:2px}.story-callout-play:active,.story-callout-later:active{transform:scale(.98)}@media (prefers-reduced-motion: no-preference){.story-callout.is-phone{animation:callout-in-up .4s var(--ease-authored)}.story-callout.is-desktop{animation:callout-in-down .4s var(--ease-authored)}@keyframes callout-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes callout-in-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}}@media (max-width: 360px){.dock{padding:5px;gap:0}.dock-button span,.dock-search .search-trigger span{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;font-size:10px;letter-spacing:0}.dock-button,.dock-search .search-trigger{min-width:0;padding:6px 7px;gap:3px}.dock-search .search-trigger{flex-direction:column}}.first-visit-hint{left:0;right:0;margin-inline:auto;width:max-content;transform:none}.legend-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0}.legend-model{width:32px;height:32px;border-radius:6px;display:block}.app-container canvas.legend-model{width:32px!important;height:32px!important;min-height:0!important;touch-action:auto}body:has(#root:only-child) .app-container canvas.legend-model{height:32px!important}.legend-model.is-pending{position:absolute;inset:0;visibility:hidden}