.page{display:block}.ticker-search-field{position:relative;flex:1 1 240px;max-width:520px}.ticker-search-field>span{position:absolute;left:13px;top:50%;transform:translateY(-52%);color:var(--accent);font:22px/1 Georgia,serif;pointer-events:none}.ticker-search-field input{width:100%;min-width:0;padding:10px 34px 10px 39px;border-color:#3d5a46;background:#101b16;font-size:14px}.ticker-search-field input:focus{outline:2px solid var(--accent-soft);outline-offset:1px;border-color:var(--accent)}.filters-toggle{display:none}.filters-toggle.set{border-color:var(--accent-line);color:var(--accent-ink)}.family-row button{padding:6px 12px;font-size:13px}.family-row button.active{background:var(--accent-deep);border-color:var(--accent-line);color:var(--accent-ink)}
.cross-panel{width:min(560px,calc(100vw - 40px));padding:12px;display:block}.cross-panel button{width:auto;padding:4px 8px;font-size:12px;border:1px solid #34443a;background:#18241e}.cross-panel button.active{background:var(--accent-deep);border-color:var(--accent-line);color:var(--accent-ink)}.cross-all{display:block;width:100%;text-align:left;margin-bottom:10px}.cross-head{margin:8px 0 6px;color:#d8d0bf;font:500 13px Georgia,serif}.cross-head span{margin-left:6px;color:#8f897d;font:11px ui-sans-serif,system-ui,sans-serif}.cross-climate{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.cross-climate button{text-align:left;line-height:1.3}.cross-climate button b{color:var(--accent-ink);margin-right:4px}.cross-climate button span{display:block;color:#8f897d;font:10px ui-monospace,Menlo,monospace}.cross-grid{display:grid;gap:4px;max-height:260px;overflow:auto;padding-right:4px}.cross-decade{display:flex;align-items:center;gap:3px;flex-wrap:wrap}.cross-decade>span{width:44px;color:#8f897d;font:10px ui-monospace,Menlo,monospace}.cross-decade button{padding:3px 0;width:30px;font:11px ui-monospace,Menlo,monospace;text-align:center}@media(max-width:720px){.cross-panel{width:auto}.cross-climate{grid-template-columns:1fr 1fr}}.grid{--cols:3;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:14px;padding:0 22px 36px}.tree{position:relative;display:block;min-width:0;color:inherit;text-decoration:none;border:1px solid var(--line);border-radius:12px;background:rgba(13,20,17,.75);overflow:hidden;cursor:zoom-in;transition:border-color .15s,transform .15s}.tree:hover,.tree:focus-visible{border-color:var(--accent-line);transform:translateY(-2px);outline:none}.tree canvas{display:block;width:100%;height:auto;aspect-ratio:1/1;background:radial-gradient(circle,rgba(38,49,39,.32),rgba(4,9,7,.15) 68%)}.rank{position:absolute;z-index:2;top:10px;left:11px;color:var(--accent-ink);background:rgba(6,10,8,.75);border:1px solid rgba(111,191,138,.3);border-radius:5px;padding:2px 6px;font:11px ui-monospace,Menlo,monospace}.caption{display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding:10px 13px 12px;border-top:1px solid var(--line)}.name{font:600 15px/1.25 ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-wrap:balance}.class{margin-top:3px;font-size:11px;text-transform:uppercase;color:#aaa596}.class b{color:#d5cfc0;font:600 11px ui-monospace,Menlo,monospace}.stats{text-align:right;font:11px/1.5 ui-monospace,Menlo,monospace;color:#bdb6a6}.stats b{color:#eee9dd}
.empty-state{grid-column:1/-1;margin:0;padding:36px 20px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:12px}.empty-state button{margin-left:8px}
@media(max-width:850px){.grid{--cols:2!important;padding:0 10px 24px}.toolbar{margin-inline:10px}}@media(max-width:600px){.filters-toggle{display:inline-block}.toolbar:not(.filters-open) .refine-row{display:none}}@media(max-width:520px){.grid{--cols:1!important}.find-row .tool-label{width:100%}.family-row button{flex:1 1 40%;white-space:nowrap}}