:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;line-height:1.5;font-weight:400;color:#1c1917;background-color:#fdf8f3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.intro-overlay{position:fixed;inset:0;z-index:1000;background:linear-gradient(180deg,#fdf8f3,#faf5eb,#f0e8dc);display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .8s ease-out}.intro-overlay.loading{opacity:0;animation:overlayFadeIn .5s ease-out .2s forwards}.intro-overlay.dissolving{animation:overlayDissolve .8s cubic-bezier(.16,1,.3,1) forwards;pointer-events:none}@keyframes overlayFadeIn{to{opacity:1}}@keyframes overlayDissolve{0%{opacity:1}50%{opacity:.4}to{opacity:0}}.intro-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:640px;padding:40px;position:relative;z-index:2}.mannu-hero{position:relative;margin-bottom:48px}.mannu-hero.hidden{opacity:0;transform:translateY(40px) scale(.8)}.mannu-hero.visible{animation:mannuHeroEnter .8s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes mannuHeroEnter{0%{opacity:0;transform:translateY(60px) scale(.6)}60%{transform:translateY(-10px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}.mannu-hero.dissolving{animation:mannuShrinkToCorner .8s cubic-bezier(.16,1,.3,1) forwards;will-change:transform,opacity}@keyframes mannuShrinkToCorner{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:.6;transform:translate(-30vw,-30vh) scale(.4)}to{opacity:0;transform:translate(-40vw,-40vh) scale(.2)}}.mannu-hero img{width:200px;height:200px;filter:drop-shadow(0 12px 32px rgba(76,29,149,.15));position:relative;z-index:2}.mannu-glow-hero{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(76,29,149,.12) 0%,rgba(212,175,55,.08) 40%,transparent 70%);border-radius:50%;animation:heroGlowPulse 3s ease-in-out infinite;z-index:1}@keyframes heroGlowPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.15);opacity:1}}.intro-text{min-height:120px;display:flex;align-items:center;justify-content:center;text-align:center}.intro-text p{font-family:DM Sans,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:clamp(1.75rem,1.4rem + 1.5vw,2.5rem);font-weight:600;line-height:1.6;letter-spacing:-.02em;color:#1c1917;margin:0}.intro-text.greeting p{font-size:clamp(2.5rem,2rem + 2vw,3.5rem);font-weight:700;background:linear-gradient(135deg,#4c1d95,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.intro-text.hook p{font-style:italic;color:#44403c}.intro-text.reveal p,.intro-text.span p{color:#1c1917}.intro-text.promise p{background:linear-gradient(135deg,#4c1d95,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.typing-cursor{display:inline-block;width:3px;height:1.1em;background:#4c1d95;margin-left:3px;vertical-align:text-bottom;border-radius:2px;animation:cursorPulse 1s ease-in-out infinite}@keyframes cursorPulse{0%,to{opacity:1}50%{opacity:.2}}.typed-char{display:inline;opacity:0;animation:charAppear .15s ease-out forwards}@keyframes charAppear{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.intro-text p.complete .typed-char{opacity:1;transform:none;animation:none}.intro-ready{animation:readyFadeIn .6s ease-out}@keyframes readyFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ready-text{font-family:DM Sans,sans-serif;font-size:clamp(1.75rem,1.4rem + 1.5vw,2.5rem);font-weight:700;background:linear-gradient(135deg,#4c1d95,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 40px;letter-spacing:-.02em}.ready-actions{display:flex;gap:16px}.btn-explore{font-family:DM Sans,sans-serif;font-size:1.15rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#4c1d95,#7c3aed);border:none;border-radius:9999px;padding:18px 36px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 20px #4c1d954d;min-height:56px}.btn-explore:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 8px 30px #4c1d9566}.btn-explore:active{transform:scale(.98)}.btn-arrow{display:inline-block;transition:transform .2s ease}.btn-explore:hover .btn-arrow{transform:translate(4px)}.skip-intro{position:absolute;bottom:-80px;left:50%;transform:translate(-50%);font-family:DM Sans,sans-serif;font-size:1rem;font-weight:500;color:#78716c;background:none;border:none;padding:12px 20px;cursor:pointer;border-radius:9999px;transition:all .2s;min-height:44px}.skip-intro:hover{color:#1c1917;background:#0000000d}.intro-decoration{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.deco-line{position:absolute;background:linear-gradient(90deg,transparent,rgba(76,29,149,.06),transparent);height:1px}.line-1{top:30%;left:0;right:0;animation:lineFloat 8s ease-in-out infinite}.line-2{bottom:35%;left:0;right:0;animation:lineFloat 8s ease-in-out infinite 2s}@keyframes lineFloat{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:.6;transform:translateY(-10px)}}.deco-circle{position:absolute;border:1px solid rgba(76,29,149,.06);border-radius:50%}.circle-1{width:400px;height:400px;top:-100px;right:-100px;animation:circleRotate 30s linear infinite}.circle-2{width:300px;height:300px;bottom:-50px;left:-50px;animation:circleRotate 25s linear infinite reverse}@keyframes circleRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.highlight-indicator{position:fixed;transform:translate(-50%,-50%);z-index:99;pointer-events:none}.highlight-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(76,29,149,.4) 0%,transparent 70%);border-radius:50%;animation:highlightPulse 2s ease-in-out infinite}.highlight-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid rgba(76,29,149,.6);border-radius:50%;animation:highlightRing 2s ease-in-out infinite}.highlight-indicator.size-small .highlight-pulse{width:40px;height:40px}.highlight-indicator.size-small .highlight-ring{width:50px;height:50px}.highlight-indicator.size-medium .highlight-pulse{width:60px;height:60px}.highlight-indicator.size-medium .highlight-ring{width:80px;height:80px}.highlight-indicator.size-large .highlight-pulse{width:100px;height:100px}.highlight-indicator.size-large .highlight-ring{width:130px;height:130px}.highlight-indicator.size-area .highlight-pulse{width:200px;height:200px;opacity:.4}.highlight-indicator.size-area .highlight-ring{width:250px;height:250px;border-style:dashed;opacity:.6}.highlight-label{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:600;color:#4c1d95;background:#fffffff2;padding:6px 12px;border-radius:8px;white-space:nowrap;border:1px solid rgba(76,29,149,.15);box-shadow:0 2px 8px #00000014}@keyframes highlightPulse{0%,to{opacity:.4;transform:translate(-50%,-50%) scale(.8)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}@keyframes highlightRing{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}}.mannu-companion{position:fixed;top:80px;left:24px;z-index:100;animation:companionSlideIn .5s cubic-bezier(.34,1.56,.64,1)}@keyframes companionSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.companion-actions{display:flex;align-items:flex-start;gap:10px}.companion-sprite{cursor:pointer;transition:transform .2s ease}.companion-sprite:hover{transform:scale(1.08)}.companion-sprite:active{transform:scale(.95)}.companion-sprite img{width:56px;height:56px;filter:drop-shadow(0 4px 12px rgba(76,29,149,.15))}.share-btn{width:44px;height:44px;border-radius:50%;border:1px solid rgba(76,29,149,.15);background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #0000000f}.share-btn:hover{background:#4c1d951a;border-color:#4c1d954d;transform:scale(1.1)}.share-btn:active{transform:scale(.95)}.share-toast{position:absolute;top:100%;left:0;margin-top:12px;background:#10b981f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;padding:12px 18px;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:600;color:#fff;white-space:nowrap;animation:toastIn .3s cubic-bezier(.34,1.56,.64,1),toastOut .3s ease-in 2s forwards;box-shadow:0 4px 16px #10b9814d}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastOut{to{opacity:0;transform:translateY(8px) scale(.9)}}.companion-tip{position:absolute;top:100%;left:0;margin-top:10px;background:#fffffff2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:14px;border:1px solid rgba(76,29,149,.12);box-shadow:0 8px 32px #00000014;padding:14px 16px;min-width:220px;max-width:280px;animation:tipSlideIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes tipSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.companion-tip p{font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:500;line-height:1.55;color:#1c1917;margin:0;padding-right:18px}.guide-dismiss-x{position:absolute;top:8px;right:8px;width:24px;height:24px;border:none;background:transparent;color:#00000059;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .15s ease;padding:0;line-height:1}.guide-dismiss-x:hover{background:#0000000f;color:#0009}.guide-skip{font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:500;color:#0006;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .15s ease}.guide-skip:hover{color:#0009;background:#0000000a}.companion-tip:after{content:"";position:absolute;top:-8px;left:28px;width:16px;height:16px;background:#fffffff2;border-radius:2px;transform:rotate(45deg);border-left:1px solid rgba(76,29,149,.12);border-top:1px solid rgba(76,29,149,.12)}.companion-tip.guide-observe{border-left:3px solid #10B981}.companion-tip.guide-question{border-left:3px solid #F59E0B}.companion-tip.guide-reflect{border-left:3px solid #4C1D95;background:#4c1d950f}.companion-tip.guide-reflect:after{background:#4c1d950f}.companion-tip.guide-hint{border-left:3px solid rgba(0,0,0,.15)}.guide-actions{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:14px;border-top:1px solid rgba(0,0,0,.08)}.guide-next{font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#4c1d95,#7c3aed);border:none;border-radius:9999px;padding:10px 20px;cursor:pointer;transition:all .2s ease;min-height:44px}.guide-next:hover{transform:scale(1.05);box-shadow:0 4px 12px #4c1d954d}.guide-next:active{transform:scale(.98)}.guide-progress{font-family:DM Sans,sans-serif;font-size:.85rem;color:#78716c}.companion-hint{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);font-family:DM Sans,sans-serif;font-size:.8rem;color:#78716c;white-space:nowrap;opacity:0;animation:hintFadeIn .3s ease-out 1s forwards}@keyframes hintFadeIn{to{opacity:1}}@media(prefers-reduced-motion:reduce){.intro-overlay,.mannu-hero,.mannu-glow-hero,.intro-text p,.intro-ready,.btn-explore,.deco-line,.deco-circle,.mannu-companion,.companion-tip,.companion-hint,.typing-cursor,.typed-char{animation:none}.typed-char,.mannu-hero.visible{opacity:1;transform:none}.intro-overlay.loading{opacity:1}}@media(max-width:768px){.intro-content{padding:24px}.mannu-hero img{width:150px;height:150px}.mannu-glow-hero{width:220px;height:220px}.mannu-hero{margin-bottom:32px}.intro-text{min-height:100px}.ready-text{margin-bottom:32px}.btn-explore{padding:16px 30px;font-size:1.05rem}.skip-intro{bottom:-60px}.mannu-companion{top:72px;left:16px}.companion-sprite img{width:56px;height:56px}.companion-tip{min-width:220px;max-width:280px;left:0}}:root{--krishna-indigo: #4C1D95;--krishna-deep: #3B0764;--krishna-light: #7C3AED;--divine-gold: #D4AF37;--divine-gold-light: #E6C35C;--gold-light: #F5D98A;--coral: #FF6B6B;--coral-vermillion: #FF6B6B;--emerald: #10B981;--peacock-blue: #0EA5E9;--moonlight-cream: #FDF8F3;--moonlight: #FDF8F3;--cream: #FAF5EB;--warm-charcoal: #1C1917;--warm-muted: #78716C;--bg-body: linear-gradient(180deg, #FDF8F3 0%, #FAF5EB 40%, #f0e8dc 100%);--bg-panel: rgba(255, 255, 255, .92);--bg-card: #fff;--border-subtle: rgba(0, 0, 0, .08);--bg-canvas: #0a0a0f;--text-primary: #1C1917;--text-secondary: #44403C;--text-muted: #78716C;--text-subtle: #A8A29E;--shadow-sm: 0 2px 8px rgba(76, 29, 149, .06);--shadow-md: 0 4px 16px rgba(76, 29, 149, .08), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 8px 32px rgba(76, 29, 149, .12), 0 4px 8px rgba(0, 0, 0, .06);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-serif: "DM Serif Display", Georgia, serif;--font-mono: "SF Mono", "Fira Code", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}.app{width:100vw;height:100vh;display:flex;background:var(--bg-body);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}.skip-to-content{position:fixed;top:-100%;left:50%;transform:translate(-50%);background:var(--krishna-indigo);color:#fff;padding:12px 24px;border-radius:var(--radius-md);z-index:10000;font-size:.9rem;font-weight:600;text-decoration:none;transition:top .2s}.skip-to-content:focus{top:12px;outline:2px solid var(--divine-gold);outline-offset:2px}.nav-header{position:fixed;top:20px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#1e1b4bf2,#4c1d95eb);backdrop-filter:blur(32px) saturate(1.6);-webkit-backdrop-filter:blur(32px) saturate(1.6);border-radius:9999px;border:1px solid rgba(212,175,55,.2);display:flex;align-items:center;gap:24px;padding:8px 28px;z-index:200;box-shadow:0 8px 32px #00000059,0 0 0 1px #7c3aed26,0 0 40px #4c1d9514,inset 0 1px #ffffff1a,inset 0 -1px #d4af3714;max-width:calc(100vw - 32px);transition:all .4s cubic-bezier(.16,1,.3,1)}.nav-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;flex-shrink:0;transition:color .3s}.nav-brand span{font-size:.95rem;font-weight:700}.nav-logo-icon{width:30px;height:30px;background:linear-gradient(135deg,var(--divine-gold),var(--coral));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.9rem;box-shadow:0 4px 12px #d4af374d;flex-shrink:0}.nav-links{display:flex;gap:2px}.nav-link{padding:7px 14px;border-radius:9999px;font-size:.85rem;font-weight:500;color:#ffffffbf;text-decoration:none;transition:all .25s ease;white-space:nowrap;letter-spacing:-.01em}.nav-link:hover{color:#fff;background:#d4af371f}.nav-link[aria-current=page]{color:#fff;background:linear-gradient(135deg,#7c3aed66,#d4af372e);font-weight:600;box-shadow:0 1px 8px #7c3aed33,0 0 0 1px #d4af371a}.nav-hamburger{display:none;flex-direction:column;gap:5px;padding:8px;background:none;border:none;cursor:pointer;border-radius:8px;transition:background .2s}.nav-hamburger:hover{background:#ffffff1a}.nav-hamburger span{display:block;width:20px;height:2px;background:#ffffffd9;border-radius:2px;transition:all .3s ease;transform-origin:center}.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-mobile-menu{display:none;position:fixed;top:76px;left:16px;right:16px;background:linear-gradient(180deg,#1e1b4bf7,#4c1d95f2);backdrop-filter:blur(32px) saturate(1.6);-webkit-backdrop-filter:blur(32px) saturate(1.6);border-radius:var(--radius-lg);border:1px solid rgba(212,175,55,.15);padding:12px;z-index:199;flex-direction:column;gap:2px;box-shadow:0 16px 48px #00000073,0 0 0 1px #7c3aed1a,inset 0 1px #ffffff14;opacity:0;transform:translateY(-8px) scale(.97);transition:all .3s cubic-bezier(.16,1,.3,1);pointer-events:none}.nav-mobile-menu.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.nav-mobile-link{display:block;color:#ffffffd9;text-decoration:none;font-size:.95rem;font-weight:500;padding:14px 18px;border-radius:var(--radius-md);transition:all .2s}.nav-mobile-link:hover{background:#d4af371a;color:#fff}.nav-mobile-link[aria-current=page]{color:#fff;background:linear-gradient(135deg,#7c3aed59,#d4af371f);font-weight:600;box-shadow:inset 0 0 0 1px #d4af371a}.canvas-container{flex:1;height:100%;position:relative;padding-top:96px;background:var(--bg-canvas);border-radius:24px;margin:8px;overflow:hidden;box-shadow:var(--shadow-lg)}.title-bar{position:fixed;top:80px;left:calc(50% - 170px);transform:translate(-50%);text-align:center;z-index:100;pointer-events:none}.title-bar h1{font-family:var(--font-serif);font-size:clamp(1.8rem,1.4rem + 2vw,2.75rem);font-weight:400;letter-spacing:-.02em;color:#fffffff2;margin-bottom:.35rem;text-shadow:0 2px 20px rgba(76,29,149,.4),0 0 60px rgba(212,175,55,.1)}.title-bar h1 em{font-style:italic;color:var(--gold-light)}.title-bar p{font-family:var(--font-mono);font-size:.78rem;color:#d4af378c;letter-spacing:.04em;font-weight:400;text-transform:uppercase}.sidebar-panel{display:flex;flex-direction:column;height:100vh;width:340px;flex-shrink:0}.legend{flex:1;overflow-y:auto;background:var(--bg-panel);border-left:1px solid var(--border-subtle);padding:20px 24px 24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:-4px 0 24px #0000000a}.legend h2{font-family:var(--font-serif);font-size:1.5rem;font-weight:400;margin-bottom:.3rem;letter-spacing:-.02em;color:var(--krishna-indigo)}.legend .subtitle{font-size:.9rem;color:var(--text-muted);margin-bottom:1.5rem;line-height:1.6}.legend .section{margin-bottom:1.5rem}.legend .section h3{font-size:1rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.legend .section ul,.legend .section ol{font-size:.9rem;color:var(--text-muted);padding-left:1.2rem;line-height:1.7}.legend .section li{margin-bottom:.25rem}.legend .section strong{color:var(--text-secondary)}.legend .section p{font-size:.9rem;color:var(--text-muted);line-height:1.7}.color-list{display:flex;flex-direction:column;gap:.4rem}.color-item{display:flex;align-items:center;gap:.6rem;font-size:.85rem;color:var(--text-muted)}.color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.gagne-list{font-size:.7rem!important;color:var(--text-subtle)!important}.gagne-list li{margin-bottom:.15rem!important}.controls ul{list-style:none;padding-left:0!important}.controls li{padding:.3rem 0;border-bottom:1px solid var(--border-subtle)}.insight{background:#4c1d951a;border:1px solid rgba(76,29,149,.3);border-radius:8px;padding:12px}.insight h3{color:var(--krishna-light)!important}.insight p{font-size:.85rem;color:var(--text-muted);line-height:1.6}.legend::-webkit-scrollbar{width:6px}.legend::-webkit-scrollbar-track{background:transparent}.legend::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.legend::-webkit-scrollbar-thumb:hover{background:#00000040}.canvas-container{position:relative}.canvas-container:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 60px 20px #fdf8f326;z-index:1}.canvas-container canvas{cursor:grab}.canvas-container canvas:active{cursor:grabbing}.mode-toggle{padding:36px 16px 12px;background:var(--bg-panel);display:flex;gap:4px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.mode-toggle button{padding:10px 20px;border:1px solid transparent;background:transparent;color:var(--text-muted);font-size:.85rem;font-weight:500;cursor:pointer;border-radius:9999px;transition:all .25s ease;min-height:44px}.mode-toggle button:hover{color:var(--text-secondary);background:#4c1d950d;border-color:#4c1d951a}.mode-toggle button.active{background:linear-gradient(135deg,var(--krishna-indigo),var(--krishna-deep));color:#fff;box-shadow:0 2px 12px #4c1d9559;border-color:#d4af3726}.axis-selectors{position:fixed;top:224px;left:50%;transform:translate(-50%);display:flex;gap:16px;background:#141419e6;padding:12px 16px;border-radius:8px;border:1px solid var(--border-subtle);z-index:100}.axis-select{display:flex;flex-direction:column;gap:4px}.axis-select label{font-size:.7rem;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.5px}.axis-select select{padding:6px 10px;border:1px solid #444;background:var(--bg-card);color:var(--text-secondary);border-radius:4px;font-size:.85rem;cursor:pointer;min-width:140px}.axis-select select:focus{outline:none;border-color:var(--krishna-light)}.learning-2d{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:204px 20px 20px}.viz-container{display:flex;flex-direction:column;align-items:center;gap:16px}.recipe-svg{width:100%;max-width:900px;height:auto}.recipe-legend{display:flex;gap:24px;padding:12px 20px;background:#141419e6;border-radius:8px;border:1px solid var(--border-subtle)}.recipe-legend .legend-item{display:flex;gap:6px;font-size:.75rem}.recipe-legend .legend-label{color:var(--text-muted);font-weight:600}.recipe-legend .legend-desc{color:var(--text-subtle)}.timeline-legend{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px;padding:16px;background:#141419cc;border-radius:12px;max-width:900px}.timeline-item{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:20px;background:#ffffff08;cursor:pointer;transition:all .2s ease}.timeline-item:hover,.timeline-item.hovered{background:#ffffff1a;transform:scale(1.05)}.timeline-item .dot{width:10px;height:10px;border-radius:50%}.timeline-item .years{font-size:.75rem;font-weight:600;color:var(--text-secondary)}.timeline-item .era{font-size:.7rem;color:var(--text-subtle)}.timeline-item .relation{font-size:.8rem;color:var(--text-subtle);margin-left:auto;padding-left:8px}.timeline-item .dot{border-radius:50%;flex-shrink:0;min-width:8px;min-height:8px}.era-card-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.era-card{background:var(--bg-card);border-radius:16px;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;border:1px solid var(--border-subtle)}.era-card .close-btn{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:#ffffff1a;color:var(--text-muted);border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.era-card .close-btn:hover{background:#fff3;color:var(--text-primary)}.era-header{padding:20px 24px;border-bottom:3px solid;display:flex;align-items:center;gap:16px}.era-header .era-badge{padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600;color:#fff;flex-shrink:0}.era-header h2{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin:0}.era-header .tagline{font-size:.9rem;color:var(--divine-gold);font-style:italic;margin:4px 0 0}.era-content{padding:20px 24px}.recipe-section{margin-bottom:20px}.recipe-section h3{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.recipe-grid{display:flex;flex-direction:column;gap:12px}.recipe-item h4{font-size:.7rem;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.event-pills,.bloom-range{display:flex;flex-wrap:wrap;gap:6px}.pill{padding:4px 10px;border-radius:12px;font-size:.7rem;font-weight:500;color:#fff}.pill.kirkpatrick{background:linear-gradient(135deg,var(--peacock-blue),var(--krishna-light))}.legacy-section{padding:16px;background:linear-gradient(135deg,#4c1d951a,#d4af371a);border:1px solid rgba(76,29,149,.3);border-radius:8px}.legacy-section h4{font-size:.75rem;color:var(--divine-gold);margin-bottom:6px}.legacy-section p{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.lineage-view{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:224px 20px 20px;overflow:hidden}.lineage-container{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;height:100%;max-height:calc(100vh - 264px)}.lineage-svg{width:100%;height:100%;max-height:calc(100vh - 324px);min-height:400px}.lineage-legend{display:flex;gap:24px;padding:10px 20px;background:#141419e6;border-radius:8px;border:1px solid var(--border-subtle)}.lineage-legend .legend-item{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--text-muted)}.lineage-legend .legend-dot{width:8px;height:8px;border-radius:50%}.lineage-legend .legend-dot.still-used{background:var(--emerald)}.lineage-legend .legend-line{width:20px;height:2px;background:linear-gradient(90deg,var(--text-subtle),var(--text-subtle))}.detail-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.lineage-detail{background:var(--bg-card);border-radius:16px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;position:relative;border:1px solid var(--border-subtle)}.lineage-detail .close-btn{position:absolute;top:12px;right:12px;width:28px;height:28px;border:none;background:#ffffff1a;color:var(--text-muted);border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.lineage-detail .close-btn:hover{background:#fff3;color:var(--text-primary)}.lineage-detail .detail-header{padding:20px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:16px;border-left:4px solid transparent}.lineage-detail .detail-header.era-header{flex-direction:column;align-items:flex-start}.lineage-detail .avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--krishna-indigo),var(--divine-gold));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff;flex-shrink:0}.lineage-detail h3{font-size:1.2rem;color:var(--text-primary);margin:0}.lineage-detail .meta{font-size:.85rem;color:var(--text-muted);margin:4px 0 0}.lineage-detail .affiliation{font-size:.8rem;color:var(--text-subtle);margin:2px 0 0}.lineage-detail .key-question{font-size:.95rem;color:var(--divine-gold);font-style:italic;margin:8px 0 0}.lineage-detail .detail-content{padding:20px}.lineage-detail .detail-content h4{font-size:.75rem;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px}.lineage-detail .key-insight{background:#4c1d951a;border:1px solid rgba(76,29,149,.3);border-radius:8px;padding:12px;margin-bottom:16px}.lineage-detail .key-insight p{font-size:1rem;color:var(--divine-gold);font-style:italic;margin:0}.lineage-detail .description{font-size:.9rem;color:var(--text-muted);line-height:1.5;margin-bottom:16px}.lineage-detail .still-used{display:inline-block;background:#10b98133;color:var(--emerald);padding:2px 8px;border-radius:10px;font-size:.7rem;margin-left:8px}.lineage-detail .influences{margin-bottom:16px}.lineage-detail .influence-chips{display:flex;flex-wrap:wrap;gap:6px}.lineage-detail .chip{padding:4px 10px;border-radius:12px;font-size:.7rem;color:#fff}.lineage-detail .idea-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.lineage-detail .idea-chip{padding:10px;border-left:3px solid;background:#ffffff08;border-radius:0 6px 6px 0}.lineage-detail .idea-chip strong{color:var(--text-secondary);font-size:.85rem}.lineage-detail .idea-chip p{font-size:.75rem;color:var(--text-muted);margin:4px 0 0}.lineage-detail .thinker-list{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.lineage-detail .thinker-mini{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#ffffff0d;border-radius:20px;font-size:.8rem;color:var(--text-secondary)}.lineage-detail .avatar-mini{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--krishna-indigo),var(--divine-gold));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:9px;color:#fff}.mode-toggle.three-way{gap:2px}.mode-toggle.three-way button{padding:10px 16px;font-size:.85rem}.analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.analysis-item{padding:16px;border-radius:8px}.analysis-item.worked{background:#10b9811a;border:1px solid rgba(16,185,129,.3)}.analysis-item.failed{background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3)}.analysis-item h4{font-size:.8rem;margin-bottom:8px}.analysis-item.worked h4{color:var(--emerald)}.analysis-item.failed h4{color:var(--coral)}.analysis-item p{font-size:.8rem;color:var(--text-muted);line-height:1.5}.connections{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.connection{padding:12px;background:#ffffff08;border-radius:8px}.connection h4{font-size:.7rem;color:var(--text-subtle);margin-bottom:6px}.connection p{font-size:.75rem;color:var(--text-muted);line-height:1.4}.relevance{padding:16px;background:linear-gradient(135deg,#4c1d951a,#d4af371a);border:1px solid rgba(76,29,149,.3);border-radius:8px}.relevance h4{font-size:.8rem;color:var(--divine-gold);margin-bottom:8px}.relevance p{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.encoding-legend{display:flex;gap:24px;justify-content:center;margin-top:16px;padding:12px 20px;background:#141419e6;border-radius:8px;border:1px solid var(--border-subtle);max-width:900px}.encoding-item{display:flex;flex-direction:column;gap:4px}.encoding-label{font-size:.7rem;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.5px}.encoding-desc{font-size:.75rem;color:var(--text-muted)}.line-styles{display:flex;gap:12px;flex-wrap:wrap}.line-style{display:flex;align-items:center;gap:4px;font-size:.7rem;color:var(--text-muted)}.line-style svg{flex-shrink:0}@media(max-width:768px){.app{flex-direction:column}.nav-links{display:none}.nav-hamburger,.nav-mobile-menu{display:flex}.nav-header{padding:8px 16px;gap:12px}.sidebar-panel{width:100%;height:auto;position:fixed;bottom:0;left:0;right:0;z-index:150;flex-direction:column}.mode-toggle{padding:12px 12px 0;background:var(--bg-panel);border-top:1px solid var(--border-subtle);border-radius:20px 20px 0 0;box-shadow:0 -4px 24px #00000014;justify-content:center}.mode-toggle button{padding:8px 14px;font-size:.8rem;min-height:40px}.legend{width:100%;height:auto;max-height:35vh;border-left:none;border-top:1px solid var(--border-subtle);border-radius:0;padding:16px 20px 24px;box-shadow:none}.legend h2{font-size:1.2rem}.legend .subtitle{font-size:.85rem;margin-bottom:1rem}.canvas-container{width:100%;height:100vh;padding-bottom:48vh}.title-bar{top:72px;max-width:85vw;left:50%}.title-bar h1{font-size:1.4rem}.title-bar p{font-size:.75rem}.lineage-view,.learning-2d{padding-top:140px}.mannu-companion{top:auto!important;bottom:50vh!important;left:12px!important}}@media(max-width:480px){.nav-header{top:12px;padding:6px 14px}.nav-brand span:not(.nav-logo-icon){font-size:.85rem}.nav-mobile-menu{top:64px;left:12px;right:12px}.title-bar{top:62px}.title-bar h1{font-size:1.15rem}.title-bar p{font-size:.7rem}.mode-toggle button{padding:6px 10px;font-size:.75rem;min-height:36px}.legend{max-height:30vh;padding:12px 16px 20px}.legend h2{font-size:1.1rem}.lineage-view,.learning-2d{padding-top:120px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}