:root{--bg-void: #04060e;--bg-deep: #080c18;--bg-surface: #0e1525;--bg-raised: #141d30;--bg-glass: rgba(14, 21, 37, .72);--bg-glass-hover: rgba(20, 29, 48, .85);--border-subtle: rgba(100, 180, 255, .06);--border-glow: rgba(0, 220, 255, .15);--border-active: rgba(0, 220, 255, .35);--text-bright: #eaf4ff;--text-primary: rgba(210, 230, 255, .88);--text-secondary: rgba(160, 190, 220, .6);--text-muted: rgba(120, 150, 180, .4);--color-mechanics: #00dcff;--color-narrative: #ffaa2e;--color-themes: #ff3d6e;--color-emotions: #c44dff;--color-strengths: #00ff88;--color-weaknesses: #ff6b3d;--color-lineage: #7a8fa6;--glow-cyan: 0 0 20px rgba(0, 220, 255, .3), 0 0 60px rgba(0, 220, 255, .1);--glow-magenta: 0 0 20px rgba(255, 61, 110, .3), 0 0 60px rgba(255, 61, 110, .1);--glow-green: 0 0 20px rgba(0, 255, 136, .3);--glow-accent: 0 0 12px rgba(0, 220, 255, .25);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--font-display: "Chakra Petch", sans-serif;--font-mono: "Space Mono", monospace;--font-body: "Outfit", sans-serif;font-family:var(--font-body);line-height:1.5;font-weight:400;color:var(--text-primary);background-color:var(--bg-void);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(0,100,180,.08),transparent),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(100,0,200,.05),transparent),var(--bg-void)}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px 256px}body:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,150,255,.008) 2px,rgba(0,150,255,.008) 4px)}#root{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00dcff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00dcff4d}::selection{background:#00dcff40;color:var(--text-bright)}.glass{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glow)}.glow-text{text-shadow:0 0 10px currentColor,0 0 30px currentColor}.app{display:flex;flex-direction:column;height:100vh}.app-header{display:flex;align-items:center;gap:1.5rem;padding:.75rem 1.5rem;border-bottom:1px solid var(--border-subtle);background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;z-index:10}.app-header:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(0,220,255,.3) 20%,rgba(0,220,255,.6) 50%,rgba(0,220,255,.3) 80%,transparent 100%)}.app-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;display:flex;align-items:center;gap:.6rem}.app-title .helix-icon{width:22px;height:22px;opacity:.7;filter:drop-shadow(0 0 6px rgba(0,220,255,.5))}.title-text{background:linear-gradient(135deg,var(--color-mechanics) 0%,#4dccff 40%,var(--color-emotions) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(0,220,255,.2))}.tab-bar{display:flex;gap:2px;margin-left:auto}.tab-btn{position:relative;padding:.5rem 1.1rem;border:1px solid transparent;background:transparent;color:var(--text-secondary);font-family:var(--font-display);font-size:.78rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:var(--radius-sm);transition:all .25s ease}.tab-btn:hover{color:var(--text-primary);background:#00dcff0d;border-color:var(--border-glow)}.tab-btn.active{color:var(--color-mechanics);background:#00dcff14;border-color:#00dcff40;text-shadow:0 0 8px rgba(0,220,255,.4)}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:20%;right:20%;height:2px;background:var(--color-mechanics);border-radius:2px;box-shadow:0 0 8px #00dcff99}.app-content{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.loading-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.loading-helix{width:48px;height:48px;position:relative}.loading-helix:before,.loading-helix:after{content:"";position:absolute;inset:0;border:2px solid transparent;border-top-color:var(--color-mechanics);border-radius:50%;animation:helix-spin 1.2s cubic-bezier(.68,-.55,.27,1.55) infinite}.loading-helix:after{inset:6px;border-top-color:var(--color-emotions);animation-delay:-.4s;animation-direction:reverse}@keyframes helix-spin{to{transform:rotate(360deg)}}.loading-screen p{font-family:var(--font-mono);color:var(--text-muted);font-size:.8rem;letter-spacing:.08em}.insight-card{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glow);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0a}.insight-card h3{margin:0 0 .5rem;font-family:var(--font-display);font-size:.95rem;font-weight:600;letter-spacing:.04em}.insight-card p{margin:0;font-size:.82rem;color:var(--text-secondary);line-height:1.7}.cat-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;box-shadow:0 0 6px currentColor}@media(max-width:768px){.app-header{flex-direction:column;gap:.5rem;padding:.6rem 1rem}.tab-bar{width:100%;overflow-x:auto;margin-left:0}}