.portal-card{background-color:var(--color-surface, var(--color-surface-hex));border:1px solid var(--color-primary-border, var(--color-primary-alpha-24));box-shadow:0 4px 18px -4px oklch(var(--color-primary-l) var(--color-primary-c) var(--color-primary-h) / 0.05);transition:transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease, box-shadow 0.25s ease;}.portal-card:hover{transform:translateY(-2px);border-color:var(--color-primary-border-strong, var(--color-primary-alpha-4d));box-shadow:0 12px 28px -6px oklch(var(--color-primary-l) var(--color-primary-c) var(--color-primary-h) / 0.10);}.tree-trunk{width:2px;background-color:var(--color-primary-border-strong, var(--color-primary-alpha-38));}.tree-branch-bar{height:2px;background-color:var(--color-primary-border-strong, var(--color-primary-alpha-38));}.tree-node-dot{width:10px;height:10px;background-color:var(--color-accent, var(--color-accent-hex));border:2px solid var(--color-surface, var(--color-surface-hex));border-radius:9999px;}