:root{--app-bg: linear-gradient(135deg, #0f1a14 0%, #0a1510 50%, #081210 100%);--bg-0: #0a100d;--bg-1: #0f1712;--bg-2: #141f18;--surface-1: #16211a;--surface-2: #1a2820;--surface-3: #1f3027;--surface-4: #243830;--border-1: #2a3d32;--border-2: #3a5245;--border-subtle: rgba(74, 124, 89, .2);--text: #e8f0eb;--text-secondary: #b8c9be;--text-muted: #8fa396;--text-dim: #6b8574;--primary: #4ade80;--primary-hover: #22c55e;--primary-subtle: rgba(74, 222, 128, .15);--primary-muted: rgba(74, 222, 128, .08);--secondary: #86efac;--secondary-hover: #4ade80;--secondary-subtle: rgba(134, 239, 172, .12);--accent: #fbbf24;--accent-hover: #f59e0b;--accent-subtle: rgba(251, 191, 36, .12);--info: #22d3ee;--info-subtle: rgba(34, 211, 238, .12);--success: #34d399;--success-subtle: rgba(52, 211, 153, .12);--warning: #fbbf24;--warning-subtle: rgba(251, 191, 36, .12);--danger: #f87171;--danger-subtle: rgba(248, 113, 113, .12);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.0625rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-toast: 700;--z-bottom-nav: 1000;--bottom-nav-height: 64px;--header-height: 56px;--safe-area-bottom: env(safe-area-inset-bottom, 0px);--focus-ring: 0 0 0 3px rgba(74, 222, 128, .35);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text);background:var(--app-bg);background-color:var(--bg-1);background-attachment:fixed;min-height:100vh;min-height:100dvh;overflow-x:hidden;overscroll-behavior-y:contain}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:var(--line-height-tight);color:var(--text);margin-bottom:var(--space-3)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}h4{font-size:var(--font-size-md)}p{margin-bottom:var(--space-3);color:var(--text-secondary)}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast);-webkit-tap-highlight-color:transparent}a:hover,a:active{color:var(--primary-hover)}:focus-visible{outline:none;box-shadow:var(--focus-ring)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit;-webkit-tap-highlight-color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast)}.btn-primary{background:var(--primary);color:#000}.btn-primary:hover,.btn-primary:active{background:var(--primary-hover)}.btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border-1)}.btn-secondary:hover,.btn-secondary:active{background:var(--surface-3);border-color:var(--border-2)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover,.btn-ghost:active{background:var(--surface-2);color:var(--text)}input,select,textarea{font-family:inherit;font-size:var(--font-size-base);color:var(--text);background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);min-height:44px;width:100%;transition:all var(--transition-fast);-webkit-appearance:none;appearance:none}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:var(--focus-ring)}input::placeholder{color:var(--text-dim)}input[type=search]{padding-left:44px}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-1);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-2)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-select{-webkit-user-select:none;user-select:none}.app-root{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;position:relative}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--surface-1);border-bottom:1px solid var(--border-1);display:flex;align-items:center;padding:0 var(--space-4);gap:var(--space-3);z-index:var(--z-fixed);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.header-logo{display:flex;align-items:center;gap:var(--space-2);color:var(--text);text-decoration:none;font-weight:600;font-size:var(--font-size-lg)}.header-logo-icon{font-size:1.5rem}.header-title{flex:1;font-size:var(--font-size-base);font-weight:600;color:var(--text);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-actions{display:flex;align-items:center;gap:var(--space-2)}.header-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast)}.header-btn:hover,.header-btn:active{background:var(--surface-2);color:var(--text)}.main-content{flex:1;padding-top:var(--header-height);padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom));min-height:100vh;min-height:100dvh}.main-body{padding:var(--space-4)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--bottom-nav-height) + var(--safe-area-bottom));padding-bottom:var(--safe-area-bottom);background:var(--surface-1);border-top:1px solid var(--border-1);display:flex;align-items:stretch;z-index:var(--z-bottom-nav);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--space-2);color:var(--text-muted);text-decoration:none;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;position:relative}.bottom-nav-item:active{background:var(--surface-2)}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:32px;height:3px;background:var(--primary);border-radius:0 0 var(--radius-full) var(--radius-full)}.bottom-nav-icon{font-size:1.5rem;line-height:1}.bottom-nav-label{font-size:var(--font-size-xs);font-weight:500}.search-overlay{position:fixed;inset:0;background:var(--bg-1);z-index:var(--z-modal);display:none;flex-direction:column}.search-overlay.open{display:flex}.search-overlay-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-1)}.search-overlay-input{flex:1;border:none;background:transparent;padding:var(--space-2) 0}.search-overlay-input:focus{box-shadow:none}.search-overlay-close{color:var(--text-secondary);font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3)}.search-overlay-results{flex:1;overflow-y:auto;padding:var(--space-4)}.sheet-backdrop{position:fixed;inset:0;background:#0009;z-index:var(--z-modal-backdrop);opacity:0;visibility:hidden;transition:all var(--transition-normal)}.sheet-backdrop.open{opacity:1;visibility:visible}.sheet{position:fixed;left:0;right:0;bottom:0;max-height:90vh;max-height:90dvh;background:var(--surface-1);border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:var(--z-modal);transform:translateY(100%);transition:transform var(--transition-normal);display:flex;flex-direction:column;padding-bottom:var(--safe-area-bottom)}.sheet.open{transform:translateY(0)}.sheet-handle{display:flex;justify-content:center;padding:var(--space-3)}.sheet-handle:before{content:"";width:40px;height:4px;background:var(--border-2);border-radius:var(--radius-full)}.sheet-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4) var(--space-3);border-bottom:1px solid var(--border-1)}.sheet-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text)}.sheet-content{flex:1;overflow-y:auto;padding:var(--space-4)}.page-header{margin-bottom:var(--space-4)}.page-title{font-size:var(--font-size-xl);font-weight:600;color:var(--text);margin-bottom:var(--space-1)}.page-subtitle{font-size:var(--font-size-sm);color:var(--text-muted)}.card-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 480px){.card-grid-compact{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.card-grid{grid-template-columns:repeat(2,1fr)}.card-grid-compact{grid-template-columns:repeat(3,1fr)}}.filter-chips{display:flex;gap:var(--space-2);overflow-x:auto;padding:var(--space-2) 0;margin:0 calc(-1 * var(--space-4));padding-left:var(--space-4);padding-right:var(--space-4);-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-chips::-webkit-scrollbar{display:none}.filter-chip{flex-shrink:0;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap;transition:all var(--transition-fast)}.filter-chip:active{transform:scale(.95)}.filter-chip.active{background:var(--primary-subtle);border-color:var(--primary);color:var(--primary)}.filter-chip-icon{font-size:1rem}.filter-chip-count{background:var(--surface-3);padding:1px 6px;border-radius:var(--radius-full);font-size:var(--font-size-xs)}.filter-chip.active .filter-chip-count{background:var(--primary-muted)}.flip-card-wrapper{perspective:1200px;height:420px;-webkit-tap-highlight-color:transparent}.flip-card-wrapper.list-view{height:auto;perspective:none}.flip-card{position:relative;width:100%;height:100%;cursor:pointer;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,0,.2,1)}.flip-card-wrapper.flipped .flip-card{transform:rotateY(180deg)}.flip-card-wrapper.list-view .flip-card{transform:none!important;transform-style:flat}.flip-card-front,.flip-card-back{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius-lg);overflow:hidden}.flip-card-wrapper.list-view .flip-card-front,.flip-card-wrapper.list-view .flip-card-back{position:relative;backface-visibility:visible;-webkit-backface-visibility:visible}.flip-card-wrapper.list-view .flip-card-front{display:none}.flip-card-front{background:var(--surface-2);border:2px solid var(--border-1);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-5);text-align:center;z-index:2;transition:all var(--transition-fast)}.flip-card-wrapper:not(.flipped):active .flip-card-front{background:var(--surface-3);border-color:var(--primary)}.flip-card-nummer{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--primary-muted);color:var(--primary);font-weight:700;font-size:var(--font-size-sm);border-radius:var(--radius-full);margin-bottom:var(--space-3)}.flip-card-name{font-size:var(--font-size-xl);font-weight:600;color:var(--text);margin-bottom:var(--space-2);line-height:var(--line-height-tight)}.flip-card-note{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--space-4)}.flip-card-hint{font-size:var(--font-size-xs);color:var(--text-dim);display:flex;align-items:center;gap:var(--space-2);opacity:.7}.flip-card-hint-icon{font-size:1rem}.flip-card-back{background:var(--surface-1);border:2px solid var(--primary);transform:rotateY(180deg);z-index:1;overflow-y:auto;display:flex;flex-direction:column}.flip-card-wrapper.list-view .flip-card-back{transform:none;border:2px solid var(--border-1);border-radius:var(--radius-lg)}.flip-card-back-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-2);border-bottom:1px solid var(--border-1);flex-shrink:0}.flip-card-back-header .flip-card-nummer{margin-bottom:0;width:32px;height:32px;font-size:var(--font-size-xs)}.flip-card-back-info{flex:1;min-width:0}.flip-card-back-name{font-size:var(--font-size-md);font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flip-card-back-note{font-size:var(--font-size-xs);color:var(--text-muted)}.flip-card-scientific{padding:var(--space-2) var(--space-4);background:var(--surface-2);border-bottom:1px solid var(--border-1);font-size:var(--font-size-md);color:var(--primary);font-style:italic;flex-shrink:0}.taxonomy-table{display:flex;flex-direction:column;flex:1;overflow-y:auto}.taxonomy-row{display:flex;align-items:center;padding:var(--space-1) var(--space-3);border-bottom:1px solid var(--border-subtle);min-height:36px}.taxonomy-row:last-child{border-bottom:none}.taxonomy-label{font-size:var(--font-size-xs);font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;min-width:68px;flex-shrink:0}.taxonomy-value{flex:1;font-size:var(--font-size-sm);color:var(--text);word-break:break-word}.taxonomy-german{color:var(--text-muted);font-size:var(--font-size-xs);margin-left:var(--space-1)}.taxonomy-value.highlight-family{color:var(--primary);font-weight:600}.taxonomy-value.highlight-genus{color:var(--accent);font-weight:500}.taxonomy-value.highlight-species{color:var(--info);font-style:italic}.flip-card-checkbox{position:absolute;top:var(--space-3);right:var(--space-3);z-index:10;width:24px;height:24px;cursor:pointer;accent-color:var(--primary)}.flip-card-wrapper.selected .flip-card-front,.flip-card-wrapper.selected .flip-card-back{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-muted)}.category-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-lg);margin-bottom:var(--space-3);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all var(--transition-fast)}.category-header:active{background:var(--surface-3)}.category-info{display:flex;align-items:center;gap:var(--space-3)}.category-icon{font-size:1.5rem}.category-title{font-size:var(--font-size-md);font-weight:600;color:var(--text)}.category-count{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:400}.category-toggle{font-size:var(--font-size-lg);color:var(--text-muted);transition:transform var(--transition-fast)}.category-header.collapsed .category-toggle{transform:rotate(-90deg)}.category-content{display:block}.category-header.collapsed+.category-content{display:none}.list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.list-item:active{background:var(--surface-3);border-color:var(--border-1)}.list-item-nummer{font-size:var(--font-size-sm);font-weight:600;color:var(--primary);min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--primary-muted);border-radius:var(--radius-full);flex-shrink:0}.list-item-content{flex:1;min-width:0}.list-item-name{font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item-scientific{font-size:var(--font-size-xs);color:var(--text-muted);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item-arrow{color:var(--text-dim);font-size:var(--font-size-sm)}.view-toggle{display:flex;background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-md);padding:2px}.view-toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.view-toggle-btn.active{background:var(--surface-3);color:var(--primary)}.swipe-indicator{display:flex;justify-content:center;gap:var(--space-2);padding:var(--space-3)}.swipe-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--border-1);transition:all var(--transition-fast)}.swipe-dot.active{background:var(--primary);width:24px}.stats-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-muted)}.stats-bar strong{color:var(--primary)}mark{background:var(--accent-subtle);color:var(--accent);padding:0 2px;border-radius:2px}.empty-state{text-align:center;padding:var(--space-8) var(--space-4)}.empty-state-icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.5}.empty-state-text{color:var(--text-muted)}.tree-container{width:100%;height:calc(100vh - var(--header-height) - var(--bottom-nav-height) - var(--safe-area-bottom) - 120px);min-height:400px;background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-lg);overflow:hidden;position:relative;touch-action:pan-x pan-y pinch-zoom}.tree-svg{width:100%;height:100%;display:block}.tree-controls{position:absolute;bottom:var(--space-4);right:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);z-index:10}.tree-control-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-lg);transition:all var(--transition-fast);box-shadow:var(--shadow-md)}.tree-control-btn:active{background:var(--surface-3);color:var(--text)}.tree-legend{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--border-1);background:var(--surface-1)}.tree-legend::-webkit-scrollbar{display:none}.tree-legend-item{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;font-size:var(--font-size-xs);color:var(--text-muted)}.tree-legend-dot{width:12px;height:12px;border-radius:var(--radius-full);flex-shrink:0}.tree-legend-dot.domain{background:#6366f1}.tree-legend-dot.kingdom{background:#8b5cf6}.tree-legend-dot.clade{background:#a855f7}.tree-legend-dot.order{background:#ec4899}.tree-legend-dot.family{background:#ef4444}.tree-legend-dot.genus{background:#f97316}.tree-legend-dot.species{background:#22c55e}.tree-link{fill:none;stroke:var(--border-2);stroke-width:1.5px;opacity:.6;transition:all var(--transition-fast)}.tree-link.highlighted{stroke:var(--primary);stroke-width:2.5px;opacity:1}.tree-node circle{fill:var(--surface-3);stroke:var(--border-2);stroke-width:2px;transition:all var(--transition-fast);cursor:pointer}.tree-node circle:hover{stroke:var(--primary);stroke-width:3px}.tree-node.highlighted circle{fill:var(--primary);stroke:var(--primary)}.tree-node text{font-family:var(--font-sans);font-size:11px;fill:var(--text-secondary);transition:all var(--transition-fast);pointer-events:none}.tree-node.highlighted text{fill:var(--text);font-weight:600}.tree-node .node-type{font-size:9px;fill:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.tree-node.type-domain circle{fill:#6366f1;stroke:#818cf8}.tree-node.type-kingdom circle{fill:#8b5cf6;stroke:#a78bfa}.tree-node.type-clade circle{fill:#a855f7;stroke:#c084fc}.tree-node.type-order circle{fill:#ec4899;stroke:#f472b6}.tree-node.type-family circle{fill:#ef4444;stroke:#f87171}.tree-node.type-genus circle{fill:#f97316;stroke:#fb923c}.tree-node.type-species circle{fill:#22c55e;stroke:#4ade80}.tree-node.type-variety circle{fill:#14b8a6;stroke:#2dd4bf}.tree-tooltip{position:absolute;background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-lg);z-index:var(--z-popover);pointer-events:none;opacity:0;transition:opacity var(--transition-fast);max-width:250px}.tree-tooltip.visible{opacity:1}.tree-tooltip-title{font-weight:600;color:var(--text);margin-bottom:var(--space-1)}.tree-tooltip-type{font-size:var(--font-size-xs);color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.tree-tooltip-common{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--space-2)}.tree-search{padding:var(--space-3) var(--space-4);background:var(--surface-1);border-bottom:1px solid var(--border-1)}.tree-search-wrapper{position:relative}.tree-search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--text-dim);pointer-events:none}.tree-search-input{padding-left:44px}.tree-search-results{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--space-2)}.tree-search-results strong{color:var(--primary)}.tree-breadcrumb{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;background:var(--surface-2);border-bottom:1px solid var(--border-1)}.tree-breadcrumb::-webkit-scrollbar{display:none}.tree-breadcrumb-item{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;font-size:var(--font-size-sm);color:var(--text-muted)}.tree-breadcrumb-item:last-child{color:var(--primary);font-weight:500}.tree-breadcrumb-separator{color:var(--text-dim)}.tree-list{display:flex;flex-direction:column;gap:var(--space-2)}.tree-list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast)}.tree-list-item:active{background:var(--surface-3)}.tree-list-item[data-depth="1"]{padding-left:calc(var(--space-4) + 16px)}.tree-list-item[data-depth="2"]{padding-left:calc(var(--space-4) + 32px)}.tree-list-item[data-depth="3"]{padding-left:calc(var(--space-4) + 48px)}.tree-list-item[data-depth="4"]{padding-left:calc(var(--space-4) + 64px)}.tree-list-item[data-depth="5"]{padding-left:calc(var(--space-4) + 80px)}.tree-list-item[data-depth="6"]{padding-left:calc(var(--space-4) + 96px)}.tree-list-dot{width:12px;height:12px;border-radius:var(--radius-full);flex-shrink:0}.tree-list-content{flex:1;min-width:0}.tree-list-name{font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-list-type{font-size:var(--font-size-xs);color:var(--text-dim);text-transform:uppercase}.tree-list-expand{color:var(--text-dim);transition:transform var(--transition-fast)}.tree-list-item.expanded .tree-list-expand{transform:rotate(90deg)}.tree-list-children{display:none}.tree-list-item.expanded+.tree-list-children{display:block}