.profile-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000;z-index:998;pointer-events:none;transition:background .3s cubic-bezier(.4,0,.2,1)}.profile-backdrop.visible{pointer-events:none}.profile-panel{position:fixed;top:0;right:0;width:400px;height:100vh;background:var(--color-bg-elevated);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid var(--color-border);z-index:999;display:flex;flex-direction:column;transform:translate(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);box-shadow:-4px 0 24px #0000004d;color:var(--color-text-primary);pointer-events:auto}.profile-panel.visible{transform:translate(0)}.profile-panel.embedded-desktop{position:relative;top:0;width:100%;height:100%;min-height:0;border:1px solid rgba(255,255,255,.08);border-radius:24px;overflow:hidden;background:#140f0cf0;box-shadow:0 20px 60px #0000004d;transform:translate(0)}.profile-panel.embedded-desktop.visible{transform:translate(0)}.profile-header{display:flex;justify-content:space-between;align-items:center;padding:22px 22px 18px;border-bottom:1px solid var(--color-border);flex-shrink:0}.profile-header h2{margin:0;font-size:24px;font-weight:600;color:var(--color-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 48px)}.profile-subtitle{margin-top:6px;color:var(--color-text-muted);font-size:13px}.profile-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:22px}.profile-message{font-size:16px;line-height:1.6;color:var(--color-text-secondary);margin:0}.profile-message strong{color:var(--color-primary);font-weight:600}.no-details{color:var(--color-text-muted);font-style:italic}.profile-section{margin-bottom:22px}.profile-section h3{margin:0 0 12px;font-size:18px;font-weight:600;color:var(--color-primary);border-bottom:1px solid var(--color-border);padding-bottom:8px}.profile-section-intro{margin:0 0 14px;color:var(--color-text-muted)}.profile-section p{margin:8px 0;font-size:15px;line-height:1.55;color:var(--color-text-secondary)}.bio-grid,.relation-row{display:grid;gap:4px;margin-bottom:12px}.relation-label{color:var(--color-primary);font-size:13px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.relation-row p{margin:0}.verses-list{display:flex;flex-direction:column;gap:14px}.verse-item{background:#ffffff0a;border-radius:12px;padding:14px;border:1px solid rgba(255,255,255,.08)}.verse-ref{margin:0 0 8px;font-size:14px;color:var(--color-primary);font-weight:700}.verse-text{margin:0;font-size:14px;line-height:1.65;color:#ffffffe0}.profile-content::-webkit-scrollbar{width:8px}.profile-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.profile-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.profile-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width: 1100px){.profile-panel.embedded-desktop{display:none}}@media (max-width: 768px){.profile-backdrop{display:none}.profile-backdrop.visible{background:transparent;pointer-events:none}.profile-panel,.profile-panel.embedded-desktop{top:auto;bottom:0;right:0;left:0;width:100%;height:82vh;max-height:calc(100vh - 20px);min-height:0;border-left:none;border-top:1px solid rgba(255,255,255,.1);border-radius:24px 24px 0 0;transform:translateY(100%);box-shadow:0 -4px 24px #0000004d;transition:transform .4s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1);position:fixed;display:flex}.profile-panel.visible,.profile-panel.embedded-desktop.visible{transform:translateY(0)}.profile-panel.snap-large{height:88vh;max-height:calc(100vh - 20px)}.profile-panel.snap-medium{height:46vh}.profile-panel.snap-minimal{height:80px}.profile-panel.dragging{transition:none}.profile-panel.snap-minimal .profile-content{display:none}.profile-header{padding:20px;position:relative;cursor:grab;-webkit-user-select:none;user-select:none}.profile-header:active{cursor:grabbing}.profile-header:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:4px;border-radius:999px;background:#ffffff38}.profile-content{padding:20px}}:root{--header-height: 72px;--content-max-width: 1480px;--page-gutter: 20px;--hero-height: 104px}@media (max-width: 768px){:root{--header-height: 64px;--page-gutter: 14px;--hero-height: 90px}}.app{min-height:100vh;position:relative;background:radial-gradient(circle at top,rgba(212,175,55,.12),transparent 28%),linear-gradient(180deg,#16120f,#0e0d0b);overflow:hidden}.tree-page{height:100vh}.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);z-index:1200;pointer-events:auto;background:#0000008c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}.site-header-inner{height:100%;max-width:1200px;margin:0 auto;padding:10px 14px;display:flex;align-items:center;gap:12px}.site-brand{display:inline-flex;align-items:center;gap:10px;color:var(--color-primary);font-weight:800;letter-spacing:.2px;white-space:nowrap;font-size:18px;text-decoration:none}.site-logo{width:34px;height:34px;object-fit:contain;flex:0 0 auto}.site-brand-text{display:inline-block}.site-search{flex:1;min-width:0}.site-nav{display:flex;align-items:center;gap:10px}.nav-link{color:var(--color-primary);text-decoration:none;font-weight:650;padding:8px 10px;border-radius:8px;border:1px solid rgba(212,175,55,.22);background:#00000059}.nav-link:hover{background:var(--color-button-hover);border-color:#d4af3773}.nav-button{cursor:pointer}.site-nav-mobile{display:none;position:relative}.mobile-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:180px;background:#000000bf;border:1px solid rgba(212,175,55,.25);border-radius:12px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1300}.mobile-menu-item{display:block;width:100%;text-align:left;padding:12px 14px;color:var(--color-primary);text-decoration:none;background:transparent;border:none;font:inherit;cursor:pointer}.mobile-menu-item:hover{background:#d4af372e}@media (max-width: 900px){.site-nav{display:none}.site-nav-mobile{display:block}.site-brand{font-size:16px}}@media (max-width: 520px){.site-header-inner{padding:10px;gap:10px}.site-brand-text{display:none}}.tree-main{max-width:var(--content-max-width);height:calc(100vh - var(--header-height));margin:0 auto;padding:calc(var(--header-height) + 18px) var(--page-gutter) 16px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:16px;overflow:hidden}.tree-hero{min-height:var(--hero-height);display:grid;align-content:center;gap:8px;padding:0 4px}.tree-hero h1{margin:0;font-size:clamp(1.5rem,2.2vw,2.3rem);color:#fff;line-height:1.12}.tree-hero p{margin:0;color:#ffffffbd;line-height:1.45;max-width:840px}.tree-workspace{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:22px;align-items:stretch}.tree-stage-card{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:28px;overflow:hidden;box-shadow:0 28px 80px #00000059;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tree-stage-meta{padding:14px 20px 12px;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,#ffffff08,#ffffff03)}.tree-stage-copy{max-width:540px;color:#ffffff94;line-height:1.45;margin:0}.tree-stage-copy-only{min-height:0}.tree-stage{position:relative;min-height:0;background:#050505;overflow:hidden}.tree-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #d4af3714;pointer-events:none;z-index:1}.tree-canvas{display:block;width:100%;height:100%;touch-action:none}.zoom-controls{position:absolute;top:18px;right:18px;display:flex;flex-direction:column;gap:10px;z-index:4;pointer-events:auto}.zoom-controls button{width:48px;height:48px;background:var(--color-button-bg);border:2px solid var(--color-primary);border-radius:12px;color:var(--color-primary);font-size:24px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease;padding:0;line-height:1;-webkit-tap-highlight-color:transparent}.zoom-controls button:hover{background:var(--color-button-hover);border-color:var(--color-primary-light);color:var(--color-primary-light)}.zoom-controls button:focus{outline:none;box-shadow:0 0 0 3px #d4af374d}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:18px}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6}.modal-card{position:relative;width:min(860px,100%);max-height:min(80vh,720px);overflow:auto;background:#000000d9;border:1px solid rgba(212,175,55,.28);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 10px;border-bottom:1px solid rgba(255,255,255,.08)}.modal-header h2{margin:0;font-size:18px;color:var(--color-primary)}.modal-body{padding:14px 16px;line-height:1.55}.modal-body p{margin:0 0 12px}.modal-footer{padding:12px 16px 16px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:flex-end}.help-button{background:var(--color-button-hover);border:1px solid var(--color-primary);border-radius:50%;width:28px;height:28px;color:var(--color-primary);font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s ease;flex-shrink:0}.help-button:hover{background:#d4af3766;color:var(--color-primary-light);border-color:var(--color-primary-light)}.help-button:focus{outline:none;box-shadow:0 0 0 3px #d4af374d}@media (max-width: 1100px){.tree-workspace{grid-template-columns:1fr}}@media (max-width: 768px){.tree-main{padding-top:calc(var(--header-height) + 12px);padding-bottom:12px;gap:12px}.tree-hero{gap:6px}.tree-hero p{font-size:.95rem}.tree-stage-meta{padding:12px 14px 10px}.zoom-controls{top:12px;right:12px;gap:8px}.zoom-controls button{width:50px;height:50px}}:root{--color-primary: #D4AF37;--color-primary-light: #E8C968;--color-primary-dark: #B8941F;--color-bg-main: #1a1a1a;--color-bg-elevated: rgba(30, 25, 20, .95);--color-bg-overlay: rgba(0, 0, 0, .7);--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .9);--color-text-tertiary: rgba(255, 255, 255, .7);--color-text-muted: rgba(255, 255, 255, .6);--color-border: rgba(255, 255, 255, .1);--color-highlight: rgba(255, 255, 255, .05);--color-hover: rgba(255, 255, 255, .2);--color-button-bg: rgba(30, 25, 20, .8);--color-button-hover: rgba(212, 175, 55, .2)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{min-height:100%;-webkit-text-size-adjust:100%;background-color:var(--color-bg-main)}body{min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-main);color:var(--color-text-primary);overflow:hidden}#root{height:100vh}