.tree-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;pointer-events:none;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}.tree-layout{display:flex;flex:1;min-height:0;position:relative;overflow:hidden}.sidebar{position:relative;width:300px;min-width:300px;max-width:300px;background:var(--bg-secondary);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;z-index:50;transform:translate(0);transition:transform .3s cubic-bezier(.16,1,.3,1),min-width .3s cubic-bezier(.16,1,.3,1),width .3s cubic-bezier(.16,1,.3,1),opacity .25s ease;contain:layout style paint;will-change:transform,width}.sidebar.collapsed{transform:translate(-100%);min-width:0;width:0;opacity:0;pointer-events:none;overflow:hidden}.sidebar__inner{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 0 1rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.sidebar__inner::-webkit-scrollbar{width:6px}.sidebar__inner::-webkit-scrollbar-track{background:transparent}.sidebar__inner::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.sidebar__inner::-webkit-scrollbar-thumb:hover{background:#ffffff26}.sidebar__search{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:.4rem;padding:.75rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.sidebar__search-icon{font-size:1.1rem;color:var(--text-muted);flex-shrink:0}.sidebar__search-input{flex:1;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:.4rem .5rem;color:var(--text-primary);font-family:var(--font-body);font-size:.8rem;outline:none;transition:border-color .2s,box-shadow .2s}.sidebar__search-input:focus{border-color:#4f8fea66;box-shadow:0 0 0 2px #4f8fea1f}.sidebar__search-input::placeholder{color:var(--text-muted)}.sidebar__search-kbd{font-family:var(--font-mono);font-size:.6rem;color:var(--text-muted);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:2px 5px;flex-shrink:0;line-height:1;pointer-events:none}.sidebar__sections{padding:.25rem 0}.sidebar__layer-group{border-bottom:1px solid rgba(255,255,255,.03)}.sidebar__layer-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.sidebar__layer-header:hover{background:#ffffff05}.sidebar__layer-chevron{font-size:1rem;color:var(--text-muted);transition:transform .25s cubic-bezier(.16,1,.3,1);flex-shrink:0}.sidebar__layer-header.collapsed .sidebar__layer-chevron{transform:rotate(-90deg)}.sidebar__layer-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sidebar__layer-name{font-family:var(--font-display);font-size:.7rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;flex:1}.sidebar__layer-count{font-size:.6rem;color:var(--text-muted);font-family:var(--font-mono)}.sidebar__layer-items{overflow:hidden;transition:max-height .3s cubic-bezier(.16,1,.3,1)}.sidebar__layer-items.collapsed{max-height:0!important}.sidebar__item{display:flex;flex-direction:column;gap:.15rem;padding:.45rem .75rem .45rem 2rem;cursor:pointer;transition:background .15s,border-color .15s;border-left:2px solid transparent;position:relative}.sidebar__item:hover{background:#ffffff08;border-left-color:#ffffff14}.sidebar__item.active{background:#4f8fea0f;border-left-color:var(--accent-primary)}.sidebar__item-row{display:flex;align-items:center;gap:.4rem}.sidebar__item-title{font-family:var(--font-display);font-size:.78rem;font-weight:500;color:var(--text-primary);line-height:1.3;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__item:hover .sidebar__item-title{color:#fff}.sidebar__item-badges{display:flex;align-items:center;gap:.3rem;flex-shrink:0}.sidebar__item-diff{font-size:.55rem;font-weight:600;padding:1px 5px;border-radius:3px;text-transform:uppercase;letter-spacing:.03em;line-height:1.4}.sidebar__item-time{font-size:.6rem;color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap}.sidebar__item-unlocks{font-size:.6rem;color:var(--text-muted);line-height:1.3;padding-left:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__item-path{font-size:.58rem;color:var(--text-muted);opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__divider{height:1px;background:var(--border-subtle);margin:.5rem .75rem}.sidebar__extra-section{padding:.25rem 0}.sidebar__extra-header{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem}.sidebar__extra-icon{font-size:.9rem;color:var(--text-muted)}.sidebar__extra-title{font-family:var(--font-display);font-size:.65rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.sidebar__extra-item{display:flex;align-items:center;gap:.4rem;padding:.35rem .75rem .35rem 2.2rem;text-decoration:none;color:var(--text-secondary);transition:background .15s,color .15s;cursor:pointer}.sidebar__extra-item:hover{background:#ffffff08;color:var(--text-primary)}.sidebar__extra-item-title{font-size:.78rem;font-weight:500;flex:1}.sidebar__extra-link-icon{font-size:.8rem;color:var(--text-muted);opacity:0;transition:opacity .15s}.sidebar__extra-item:hover .sidebar__extra-link-icon{opacity:1}.sidebar__collapse-btn{position:absolute;top:50%;right:-14px;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:51;transition:background .2s,color .2s,box-shadow .2s;box-shadow:0 2px 8px #0000004d}.sidebar__collapse-btn:hover{background:var(--bg-card);color:var(--text-primary);box-shadow:0 2px 12px #00000080}.sidebar__collapse-btn svg{width:1rem;height:1rem}.sidebar-strip{width:0;min-width:0;background:var(--bg-secondary);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;align-items:center;padding:0;z-index:50;overflow:hidden;opacity:0;transition:width .3s cubic-bezier(.16,1,.3,1),min-width .3s cubic-bezier(.16,1,.3,1),opacity .25s ease,padding .3s ease}.sidebar-strip.visible{width:40px;min-width:40px;opacity:1;padding:.5rem 0}.sidebar-strip__expand{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.4rem;border-radius:var(--radius);transition:background .15s,color .15s;display:flex;align-items:center;justify-content:center}.sidebar-strip__expand:hover{background:#ffffff0a;color:var(--text-primary)}.sidebar-strip__expand svg{width:1.1rem;height:1.1rem}.sidebar-strip__dots{display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:.75rem}.sidebar-strip__dot{width:6px;height:6px;border-radius:50%;opacity:.6;transition:opacity .15s,transform .15s;cursor:pointer}.sidebar-strip__dot:hover{opacity:1;transform:scale(1.4)}.tree-container{position:relative;flex:1;min-width:0;contain:layout style}.tree-container svg{touch-action:none;-webkit-user-select:none;user-select:none}.tree-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle .5px at center,rgba(200,200,220,.04) 0%,transparent 100%);background-size:28px 28px;pointer-events:none;z-index:0}.tree-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(4,4,14,.55) 100%);pointer-events:none;z-index:1}.tree-container__glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 450px 300px at var(--mouse-x, 50%) var(--mouse-y, 30%),rgba(180,160,120,.025),transparent);pointer-events:none;z-index:0;transition:background .3s ease}.node-panel{background:linear-gradient(180deg,#1e1e24 0%,var(--bg-secondary) 100%);border-left:1px solid rgba(255,255,255,.06);box-shadow:-8px 0 32px #00000080,-2px 0 8px #0000004d;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .3s ease;opacity:0;z-index:90;contain:layout style paint;will-change:transform,opacity}.node-panel.open{opacity:1}.node-panel:before{content:"";position:sticky;top:0;display:block;height:3px;margin:-2rem -1.5rem 1.5rem;background:linear-gradient(90deg,var(--panel-accent, #6366f1),transparent 80%);z-index:1}.node-panel__close{width:32px;height:32px;border-radius:50%;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:background .2s,transform .2s}.node-panel__close:hover{background:#ffffff14;transform:rotate(90deg)}.node-panel__meta-item{border:1px solid rgba(255,255,255,.04);transition:border-color .2s,background .2s}.node-panel__meta-item:hover{border-color:#ffffff14;background:#ffffff05}.node-panel__cta{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:1rem;padding:.7rem 1rem;border-radius:8px;border:none;color:#fff;font-weight:600;font-size:.875rem;font-family:var(--font-display);text-decoration:none;position:relative;overflow:hidden;transition:box-shadow .3s,transform .15s}.node-panel__cta:hover{color:#fff;box-shadow:0 4px 20px #6366f14d;transform:translateY(-1px)}.node-panel__cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.12) 50%,transparent 60%);background-size:250% 100%;background-position:100% 0;transition:background-position .5s ease}.node-panel__cta:hover:before{background-position:-100% 0}.node-panel__thumb{position:relative;overflow:hidden}.node-panel__thumb:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--bg-card) 25%,rgba(255,255,255,.03) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:thumb-shimmer 1.5s ease infinite;z-index:0}.node-panel__thumb img{position:relative;z-index:1}@keyframes thumb-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.node-panel::-webkit-scrollbar{width:6px}.node-panel::-webkit-scrollbar-track{background:transparent}.node-panel::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.node-panel::-webkit-scrollbar-thumb:hover{background:#ffffff26}.node-panel{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.loading{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--text-muted);font-size:.85rem;animation:loading-fade 2s ease infinite}@keyframes loading-fade{0%,to{opacity:.5}50%{opacity:1}}.loading__spinner{width:32px;height:32px;border:2px solid rgba(255,255,255,.06);border-top-color:var(--accent-primary);border-right-color:var(--accent-purple, #a855f7);border-radius:50%;animation:spinner-rotate .8s linear infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.layer-label{-webkit-user-select:none;user-select:none;pointer-events:none}.mobile-fab{display:none;position:fixed;bottom:1.25rem;left:1.25rem;width:48px;height:48px;border-radius:50%;background:var(--accent-primary);border:none;color:#fff;cursor:pointer;z-index:300;box-shadow:0 4px 20px #4f8fea66,0 0 #4f8fea4d;animation:fab-breathe 3s ease-in-out infinite;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s}.mobile-fab:hover{transform:scale(1.08)}.mobile-fab:active{transform:scale(.95)}.mobile-fab svg{width:1.3rem;height:1.3rem}@keyframes fab-breathe{0%,to{box-shadow:0 4px 20px #4f8fea66,0 0 #4f8fea4d}50%{box-shadow:0 4px 20px #4f8fea66,0 0 0 8px #4f8fea00}}.bottom-sheet-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:310;opacity:0;transition:opacity .3s ease}.bottom-sheet-overlay.visible{opacity:1}.bottom-sheet{display:none;position:fixed;bottom:0;left:0;right:0;max-height:70vh;background:var(--bg-secondary);border-top-left-radius:16px;border-top-right-radius:16px;z-index:320;transform:translateY(100%);transition:transform .35s cubic-bezier(.16,1,.3,1);overflow:hidden;box-shadow:0 -8px 32px #00000080}.bottom-sheet.open{transform:translateY(0)}.bottom-sheet__handle{width:36px;height:4px;background:#ffffff26;border-radius:2px;margin:.75rem auto .5rem}.bottom-sheet__content{overflow-y:auto;max-height:calc(70vh - 2rem);padding-bottom:1.5rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.bottom-sheet__content::-webkit-scrollbar{width:6px}.bottom-sheet__content::-webkit-scrollbar-track{background:transparent}.bottom-sheet__content::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}@media (max-width: 768px){.sidebar,.sidebar-strip,.sidebar__collapse-btn{display:none}.mobile-fab{display:flex}.bottom-sheet-overlay,.bottom-sheet{display:block}}@media (min-width: 769px){.mobile-fab,.bottom-sheet-overlay,.bottom-sheet{display:none!important}}@media (prefers-reduced-motion: reduce){.tree-page:before{display:none}.node-panel{transition:none}.node-panel__cta:before{animation:none;display:none}.node-panel__thumb:before{animation:none}.loading{animation:none;opacity:1}.loading__spinner{animation:spinner-rotate 1.5s linear infinite}.sidebar,.sidebar-strip,.sidebar__layer-chevron,.sidebar__layer-items,.bottom-sheet{transition:none}.mobile-fab{animation:none}}