:root{--color-navy-900:#0f1f3f;--color-navy-800:#1e3a5f;--color-navy-700:#2d5a7f;--color-white:#fff;--color-white-cream:#fafbfc;--color-purple-base:#8b7bb8;--color-purple-light:#b4a7d0;--color-purple-lighter:#d4ccde;--color-gray-900:#0f172a;--color-gray-800:#1f2937;--color-gray-700:#374151;--color-gray-600:#4b5563;--color-gray-500:#6b7280;--color-gray-400:#9ca3af;--color-gray-300:#d1d5db;--color-gray-200:#e5e7eb;--color-gray-100:#f3f4f6;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-accent-primary:#5b5ceb;--color-accent-primary-hover:#7477ff;--color-accent-secondary:#fff;--hub-bg-gradient:linear-gradient(135deg, #fff, #f3e8ff);--hub-illustration-color:#5b5ceb;--font-family-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Inter", sans-serif;--font-family-mono:"Space Mono", "Monaco", "Courier New", monospace;--font-size-h1:42px;--font-size-h2:32px;--font-size-h3:24px;--font-size-h4:18px;--font-size-h5:14px;--font-size-body-large:16px;--font-size-body-base:14px;--font-size-body-small:12px;--font-size-button:14px;--font-size-caption:11px;--font-size-code:12px;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--letter-spacing-tight:-.5px;--letter-spacing-normal:0px;--letter-spacing-loose:.5px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--duration-hub:2.5s;--duration-mood:1s;--duration-base:1s;--easing-primary:cubic-bezier(.4, 0, .2, 1);--easing-secondary:cubic-bezier(.34, 1.56, .64, 1);--easing-ease-in:cubic-bezier(.4, 0, 1, 1);--saturation:100%;--brightness:100%;--opacity-bg:1;--color-bg-primary:#fff;--color-bg-secondary:#f9fafb;--color-bg-tertiary:#f3f4f6;--color-text-primary:#0f172a;--color-text-secondary:#4b5563;--color-text-tertiary:#9ca3af;--color-border:#e5e7eb;--color-border-dark:#d1d5db;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a}[data-mode=dark]{--color-bg-primary:#0f172a;--color-bg-secondary:#1f2937;--color-bg-tertiary:#374151;--color-text-primary:#f9fafb;--color-text-secondary:#d1d5db;--color-text-tertiary:#9ca3af;--color-border:#374151;--color-border-dark:#4b5563;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #0000004d, 0 4px 6px -2px #0003;--shadow-xl:0 20px 25px -5px #0000004d, 0 10px 10px -5px #00000026}:root{--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px}[data-mood=reflective]{--accent-primary:#5e35b1;--accent-secondary:#673ab7;--accent-light:#ede7f6;--accent-dark:#3f2c70;--mood-bg-secondary:#f3e5f5;--mood-animation-duration:.6s;--mood-animation-delay:.15s}[data-mood=ready]{--accent-primary:#00c853;--accent-secondary:#4caf50;--accent-light:#c8e6c9;--accent-dark:#2e7d32;--mood-bg-secondary:#f1f8f4;--mood-animation-duration:.3s;--mood-animation-delay:0s}[data-mood=calm]{--accent-primary:#1e88e5;--accent-secondary:#2196f3;--accent-light:#bbdefb;--accent-dark:#0d47a1;--mood-bg-secondary:#f0f4ff;--mood-animation-duration:.5s;--mood-animation-delay:.1s}[data-mood=focused]{--accent-primary:#6f42c1;--accent-secondary:#7e57c2;--accent-light:#e1bee7;--accent-dark:#4527a0;--mood-bg-secondary:#f3e5f5;--mood-animation-duration:.4s;--mood-animation-delay:50ms}[data-mood=energetic]{--accent-primary:#ff6d00;--accent-secondary:#ff9100;--accent-light:#ffe0b2;--accent-dark:#e65100;--mood-bg-secondary:#fff3e0;--mood-animation-duration:.25s;--mood-animation-delay:0s}[data-mood=curious]{--accent-primary:#00bcd4;--accent-secondary:#00acc1;--accent-light:#b2ebf2;--accent-dark:#0097a7;--mood-bg-secondary:#e0f2f1;--mood-animation-duration:.3s;--mood-animation-delay:75ms}[data-mood=stressed]{--accent-primary:#ef5350;--accent-secondary:#f44336;--accent-light:#ffcdd2;--accent-dark:#c62828;--mood-bg-secondary:#ffebee;--mood-animation-duration:.2s;--mood-animation-delay:0s}[data-mood=confused]{--accent-primary:#fbc02d;--accent-secondary:#fdd835;--accent-light:#fff59d;--accent-dark:#f57f17;--mood-bg-secondary:#fffde7;--mood-animation-duration:.35s;--mood-animation-delay:75ms}[data-mood=confident]{--accent-primary:#009688;--accent-secondary:#26a69a;--accent-light:#b2dfdb;--accent-dark:#00695c;--mood-bg-secondary:#e0f2f1;--mood-animation-duration:.28s;--mood-animation-delay:0s}[data-mood=drained]{--accent-primary:#78909c;--accent-secondary:#90a4ae;--accent-light:#cfd8dc;--accent-dark:#455a64;--mood-bg-secondary:#eceff1;--mood-animation-duration:.7s;--mood-animation-delay:.2s}[data-hub=identity]{--color-accent-primary:#5b5ceb;--color-accent-primary-hover:#7477ff;--color-accent-secondary:#fff;--hub-bg-gradient:linear-gradient(135deg, #fff, #f3e8ff);--hub-illustration-color:#5b5ceb;--duration-hub:2.5s}[data-hub=decision]{--color-accent-primary:#2563eb;--color-accent-secondary:#dbeafe;--hub-bg-gradient:linear-gradient(135deg, #dbeafe, #fafbfc);--hub-illustration-color:#2563eb;--duration-hub:1s}[data-hub=relationship]{--color-accent-primary:#e11d48;--color-accent-secondary:#fce7f3;--hub-bg-gradient:linear-gradient(135deg, #fce7f3, #fafbfc);--hub-illustration-color:#e11d48;--duration-hub:2.5s}[data-hub=career]{--color-accent-primary:#059669;--color-accent-secondary:#dcfce7;--hub-bg-gradient:linear-gradient(135deg, #dcfce7, #fafbfc);--hub-illustration-color:#059669;--duration-hub:1.5s}[data-hub=health]{--color-accent-primary:#06b6d4;--color-accent-secondary:#cffafe;--hub-bg-gradient:linear-gradient(135deg, #cffafe, #fafbfc);--hub-illustration-color:#06b6d4;--duration-hub:2s}[data-hub=money]{--color-accent-primary:#d97706;--color-accent-secondary:#fef3c7;--hub-bg-gradient:linear-gradient(135deg, #fef3c7, #fafbfc);--hub-illustration-color:#d97706;--duration-hub:1.8s}[data-hub=ai-twin]{--color-accent-primary:#1d4ed8;--color-accent-secondary:#ede9fe;--hub-bg-gradient:linear-gradient(135deg, #ede9fe, #1d4ed8);--hub-illustration-color:#1d4ed8;--duration-hub:2.2s}[data-hub=learning]{--color-accent-primary:#4f46e5;--color-accent-secondary:#eef2ff;--hub-bg-gradient:linear-gradient(135deg, #eef2ff, #fafbfc);--hub-illustration-color:#4f46e5;--duration-hub:1.6s}[data-hub=creativity]{--color-accent-primary:#ea580c;--color-accent-secondary:#fee2e2;--hub-bg-gradient:linear-gradient(135deg, #fee2e2, #fafbfc);--hub-illustration-color:#ea580c;--duration-hub:2.3s}[data-hub=spirituality]{--color-accent-primary:#a78bfa;--color-accent-secondary:#f3e8ff;--hub-bg-gradient:linear-gradient(135deg, #f3e8ff, #fafbfc);--hub-illustration-color:#a78bfa;--duration-hub:2.7s}[data-hub=impact]{--color-accent-primary:#14b8a6;--color-accent-secondary:#ccfbf1;--hub-bg-gradient:linear-gradient(135deg, #ccfbf1, #fafbfc);--hub-illustration-color:#14b8a6;--duration-hub:1.9s}[data-mood=stressed]{--color-accent-mood:#991b1b;--saturation:80%;--brightness:90%;--opacity-bg:.95;--duration-mood:calc(var(--duration-hub) * 1.5);--font-weight-heading:var(--font-weight-semibold);--font-weight-body:var(--font-weight-normal)}[data-mood=confused]{--color-accent-mood:#9ca3af;--saturation:85%;--brightness:100%;--opacity-bg:.98;--duration-mood:calc(var(--duration-hub) * 1.2);--font-weight-heading:var(--font-weight-normal);--font-weight-body:var(--font-weight-normal)}[data-mood=confident]{--color-accent-mood:#f59e0b;--saturation:110%;--brightness:110%;--opacity-bg:1;--duration-mood:calc(var(--duration-hub) * .7);--font-weight-heading:var(--font-weight-bold);--font-weight-body:var(--font-weight-semibold)}[data-mood=drained]{--color-accent-mood:#67e8f9;--saturation:75%;--brightness:110%;--opacity-bg:.95;--duration-mood:calc(var(--duration-hub) * 1.8);--font-weight-heading:var(--font-weight-semibold);--font-weight-body:var(--font-weight-light)}[data-mood=ready]{--color-accent-mood:#1d4ed8;--saturation:115%;--brightness:115%;--opacity-bg:1;--duration-mood:calc(var(--duration-hub) * .8);--font-weight-heading:var(--font-weight-bold);--font-weight-body:var(--font-weight-semibold)}[data-mood=reflective]{--color-accent-mood:#c4b5fd;--saturation:90%;--brightness:100%;--opacity-bg:.97;--duration-mood:calc(var(--duration-hub) * 1.3);--font-weight-heading:var(--font-weight-semibold);--font-weight-body:var(--font-weight-normal)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;--current-hub:"identity";--current-mood:"reflective";--current-mode:"light";font-size:16px}body{font-family:var(--font-family-sans);font-size:var(--font-size-body-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);filter:saturate(var(--saturation,100%)) brightness(var(--brightness,100%));opacity:var(--opacity-bg,1);transition:background-color .3s,color .3s}h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-md)}h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-md)}h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--space-sm)}h4{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);margin-bottom:var(--space-sm)}h5{font-size:var(--font-size-h5);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);margin-bottom:var(--space-xs)}p{line-height:var(--line-height-normal);margin-bottom:var(--space-md);color:var(--color-text-secondary)}a{color:var(--color-accent-primary);text-decoration:none;transition:opacity .2s}a:hover{opacity:.8;text-decoration:underline}button,input,textarea,select{font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0}input,textarea,select{cursor:text}.theme-transition{transition:background-color .3s,color .3s}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{body{color:#000;background:#fff}}.contextual-popup{z-index:999;background:#fff;border-radius:12px;max-width:400px;animation:.3s cubic-bezier(.34,1.56,.64,1) popupSlideIn;position:fixed;bottom:24px;right:24px;overflow:hidden;box-shadow:0 10px 40px #00000026}.contextual-popup-discovery{border-left:4px solid #667eea}.contextual-popup-pattern{border-left:4px solid #f093fb}.contextual-popup-milestone{border-left:4px solid #ffd89b}.contextual-popup-re-engagement{border-left:4px solid #4facfe}.contextual-popup-content{padding:20px;position:relative}.contextual-popup-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.contextual-popup-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.contextual-popup-title{color:#1a1a1a;margin:0;font-size:1rem;font-weight:700;line-height:1.3}.contextual-popup-description{color:#4a4a4a;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.8em;margin:0 0 16px;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.contextual-popup-actions{align-items:center;gap:8px;display:flex}.contextual-popup-action-btn,.contextual-popup-dismiss-btn{cursor:pointer;border:none;border-radius:6px;padding:8px 12px;font-size:.85rem;font-weight:600;transition:all .2s}.contextual-popup-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex:1;padding:10px 16px}.contextual-popup-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.contextual-popup-primary:active{transform:translateY(0)}.contextual-popup-dismiss-btn{color:#666;background:#0000000d;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex}.contextual-popup-dismiss-btn:hover{background:#0000001a}.contextual-popup-progress{background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);height:3px;animation:linear forwards popupProgress;position:absolute;bottom:0;left:0;right:0}@keyframes popupProgress{0%{width:100%}to{width:0%}}@keyframes popupSlideIn{0%{opacity:0;transform:translate(400px)translateY(0)}to{opacity:1;transform:translate(0)translateY(0)}}@keyframes popupSlideOut{0%{opacity:1;transform:translate(0)translateY(0)}to{opacity:0;transform:translate(400px)translateY(0)}}.contextual-popup.dismissing{animation:.2s ease-out forwards popupSlideOut}@media (width<=600px){.contextual-popup{max-width:none;bottom:16px;left:16px;right:16px}.contextual-popup-title{font-size:.95rem}.contextual-popup-description{font-size:.85rem}.contextual-popup-actions{flex-wrap:wrap}.contextual-popup-dismiss-btn{order:-1}}@media (prefers-reduced-motion:reduce){.contextual-popup,.contextual-popup.dismissing{opacity:1;animation:none;transform:none}.contextual-popup-progress{animation:none;display:none}.contextual-popup-action-btn,.contextual-popup-dismiss-btn{transition:none}.contextual-popup-primary:hover{transform:none}}@media (prefers-color-scheme:dark){.contextual-popup{background:#2a2a2a;box-shadow:0 10px 40px #0006}.contextual-popup-title{color:#fff}.contextual-popup-description{color:#b0b0b0}.contextual-popup-dismiss-btn{color:#999;background:#ffffff1a}.contextual-popup-dismiss-btn:hover{background:#ffffff26}}.twin-evolution-overlay{z-index:9999;opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.twin-evolution-overlay.active{opacity:1;pointer-events:auto}.twin-evolution-overlay.closing{opacity:0}.twin-evolution-bg{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle,#667eea4d 0%,#000000b3 100%);position:absolute;inset:0}.twin-evolution-container{z-index:10;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:600px;padding:40px 20px;display:flex;position:relative}.twin-evolution-rays{border-radius:20px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.ray{transform-origin:50%;background:linear-gradient(#fffc 0%,#fff0 100%);width:2px;height:300px;animation:3s ease-in-out infinite rayPulse;position:absolute}@keyframes rayPulse{0%,to{opacity:0;transform:rotate(var(--angle)) scaleY(.5)}50%{opacity:1;transform:rotate(var(--angle)) scaleY(1)}}.twin-evolution-body{perspective:1000px;width:200px;height:300px;margin-bottom:40px;position:relative}.twin-before{animation:1.5s ease-out forwards beforeFadeOut;position:absolute;inset:0}.twin-silhouette.initial{opacity:.8;filter:drop-shadow(0 0 20px #667eea80);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50% 50% 40% 40%;width:100%;height:100%}@keyframes beforeFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.twin-transform{justify-content:center;align-items:center;animation:1.5s ease-out forwards transformPulse;display:flex;position:absolute;inset:0}.twin-glow{filter:blur(40px);background:radial-gradient(circle,#f093fbcc 0%,#667eea66 50%,#0000 100%);border-radius:50%;animation:1.5s ease-out forwards glowExpand;position:absolute;inset:-20px}@keyframes glowExpand{0%{opacity:0;transform:scale(.5)}50%{opacity:1}to{opacity:0;transform:scale(2)}}.twin-particles{animation:1.5s ease-out forwards particlesExplode;position:absolute;inset:0}.particle{filter:drop-shadow(0 0 4px #f093fbcc);background:radial-gradient(circle,#ffd89b 0%,#f093fb 100%);border-radius:50%;width:8px;height:8px;animation:1.5s ease-out forwards particleFly;position:absolute;top:50%;left:50%}@keyframes particleFly{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(calc(cos(var(--angle)) * 200px), calc(sin(var(--angle)) * 200px)) scale(0);opacity:0}}@keyframes particlesExplode{0%{opacity:1}to{opacity:0}}@keyframes transformPulse{0%{opacity:1}to{opacity:0}}.twin-after{justify-content:center;align-items:center;animation:1s ease-out .5s both afterFadeIn;display:flex;position:absolute;inset:0}.twin-silhouette.evolved{opacity:1;filter:drop-shadow(0 0 40px #f093fbcc);background:linear-gradient(135deg,#ffd89b 0%,#f093fb 100%);border-radius:50% 50% 35% 35%;width:100%;height:100%}.twin-aura{border:2px solid #ffd89b80;border-radius:50%;animation:4s linear infinite auraRotate;position:absolute;inset:-30px}@keyframes afterFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes auraRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.twin-evolution-message{text-align:center;color:#fff;z-index:20;animation:.8s cubic-bezier(.34,1.56,.64,1) .3s both messageSlideUp}.twin-evolution-title{background:linear-gradient(135deg,#ffd89b 0%,#f093fb 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 30px #f093fb4d;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:2rem;font-weight:700;line-height:1.2}.twin-evolution-subtitle{opacity:.9;margin:0;font-size:1rem;font-weight:300}@keyframes messageSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.twin-evolution-close{color:#fff;cursor:pointer;z-index:100;background:#ffffff26;border:1px solid #ffffff4d;border-radius:50%;width:40px;height:40px;font-size:1.5rem;transition:all .2s;animation:.5s ease-out .8s both fadeIn;position:absolute;top:20px;right:20px}.twin-evolution-close:hover{background:#ffffff40;transform:scale(1.1)}.twin-evolution-close:active{transform:scale(.95)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.twin-evolution-overlay,.twin-before,.twin-after,.twin-evolution-message,.twin-evolution-close,.ray,.particle,.twin-glow,.twin-aura{transition:none!important;animation:none!important}.twin-evolution-overlay.active{opacity:1}.twin-silhouette.initial{display:none}.twin-silhouette.evolved{opacity:1}}@media (width<=600px){.twin-evolution-container{padding:20px}.twin-evolution-title{font-size:1.5rem}.twin-evolution-subtitle{font-size:.9rem}.twin-evolution-body{width:150px;height:225px;margin-bottom:30px}.ray{height:200px}}.nova-container{background:linear-gradient(135deg, var(--color-bg-primary), var(--color-bg-secondary))}.nova-header{padding:var(--spacing-md);border-radius:var(--radius-md);background:linear-gradient(90deg,#ffd70060,#ffa50040);border-left:4px solid gold}.nova-avatar{width:80px;height:80px;margin:0 auto}.nova-avatar-sm{width:48px;height:48px}.nova-avatar-lg{width:96px;height:96px}.nova-message{padding:var(--spacing-md);border-radius:var(--radius-md);color:var(--color-text-primary);background:#fff9e6;border-left:3px solid gold}.nova-label{color:orange;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.twin-container{background:linear-gradient(135deg, var(--color-bg-primary), var(--color-bg-secondary))}.twin-header{padding:var(--spacing-md);border-radius:var(--radius-md);background:linear-gradient(90deg,#6366f160,#818cf840);border-left:4px solid #6366f1}.twin-avatar{perspective:1000px;width:80px;height:80px;margin:0 auto}.twin-avatar-sm{width:48px;height:48px}.twin-avatar-lg{width:96px;height:96px}.twin-message{padding:var(--spacing-md);border-radius:var(--radius-md);color:var(--color-text-primary);background:#f0f4ff;border-left:3px solid #6366f1;position:relative}.twin-message-stage-indicator{color:#fff;background:#6366f1;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex;position:absolute;top:8px;right:8px}.twin-label{color:#6366f1;font-size:12px;font-weight:600}.ai-switcher{gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border);display:flex}.ai-switcher-button{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);background:var(--color-bg-primary);cursor:pointer;border:2px solid #0000;flex:1;font-size:14px;font-weight:500;transition:all .2s}.ai-switcher-button:hover{background:var(--color-bg-tertiary)}.ai-switcher-button.active-nova{color:orange;background:#ffd70015;border-color:gold;box-shadow:0 0 12px #ffd7004d}.ai-switcher-button.active-twin{color:#6366f1;background:#6366f115;border-color:#6366f1;box-shadow:0 0 12px #6366f14d}.ai-switcher-button:disabled{opacity:.5;cursor:not-allowed}.nova-to-twin-transition{animation:.3s ease-out nova-fade-out}.twin-from-nova-transition{animation:.3s ease-in twin-fade-in}@keyframes nova-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes twin-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.nova-avatar,.twin-avatar{width:64px;height:64px}.ai-switcher{gap:var(--spacing-xs);flex-direction:column}.ai-switcher-button{width:100%}}@media (width<=480px){.nova-avatar,.twin-avatar{width:48px;height:48px}.nova-header,.twin-header{padding:var(--spacing-sm)}.nova-message,.twin-message{padding:var(--spacing-sm);font-size:14px}}.ai-switcher-button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){.nova-avatar,.twin-avatar,.nova-to-twin-transition,.twin-from-nova-transition{animation:none}}.core-awakening-container{min-height:100vh;padding:var(--spacing-md);background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#0f172a 100%);justify-content:center;align-items:center;display:flex}.core-awakening-phase{width:100%;max-width:800px;animation:.5s ease-out phase-fade-in}@keyframes phase-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.phase-content{text-align:center}.intro-phase h1{background:linear-gradient(120deg,#6366f1,#a78bfa);-webkit-text-fill-color:transparent;margin-bottom:var(--spacing-sm);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700}.intro-subtitle{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);font-size:1.5rem;font-weight:500}.intro-text{border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);color:var(--color-text-primary);background:#6366f10d;border:1px solid #6366f133;font-size:1.1rem;line-height:1.8}.intro-text p{margin-bottom:var(--spacing-md)}.intro-text .highlight{color:#a78bfa;font-size:1.2rem;font-weight:600}.intro-explanation{border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);text-align:left;background:#0a0a1e99}.intro-explanation h3{color:#a78bfa;margin-bottom:var(--spacing-md)}.intro-explanation ul{padding:0;list-style:none}.intro-explanation li{padding:var(--spacing-sm) 0;color:var(--color-text-secondary);font-size:1rem}.processing-phase h2{color:#a78bfa;margin-bottom:var(--spacing-xl);font-size:2rem}.processing-animation{width:200px;height:200px;margin:var(--spacing-xl) auto;position:relative}.sice-orb{background:radial-gradient(circle at 30% 30%,#6366f1,#4f46e5);border-radius:50%;width:100px;height:100px;animation:2s ease-in-out infinite pulse-orb;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 40px #6366f199}@keyframes pulse-orb{0%,to{transform:translate(-50%,-50%)scale(1);box-shadow:0 0 40px #6366f199}50%{transform:translate(-50%,-50%)scale(1.1);box-shadow:0 0 60px #6366f1cc}}.loading-ring{border:3px solid #6366f133;border-top-color:#a78bfa;border-radius:50%;width:180px;height:180px;animation:3s linear infinite spin-ring;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin-ring{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.processing-text{margin-bottom:var(--spacing-xl)}.processing-text p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);font-size:1.1rem}.sice-list{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.sice-item{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);color:var(--color-text-secondary);background:#6366f11a;border:1px solid #6366f14d;font-size:.9rem;transition:all .3s}.sice-item.active{color:#a78bfa;background:#6366f133;border-color:#6366f1;box-shadow:0 0 12px #6366f14d}.processing-note{color:var(--color-text-tertiary);font-size:.95rem;font-style:italic}.birth-phase{flex-direction:column;align-items:center;display:flex}.birth-title{color:#a78bfa;margin-bottom:var(--spacing-lg);font-size:2rem}.naming-phase h2{color:#a78bfa;margin-bottom:var(--spacing-sm);font-size:2.5rem}.naming-subtitle{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);font-size:1.1rem}.naming-form{max-width:400px;margin:var(--spacing-xl) auto;padding:var(--spacing-lg);border-radius:var(--radius-lg);background:#6366f10d;border:1px solid #6366f133}.twin-name-input{width:100%;padding:var(--spacing-md);border-radius:var(--radius-md);color:var(--color-text-primary);margin-bottom:var(--spacing-lg);background:#0f172acc;border:2px solid #6366f14d;font-size:1.1rem;transition:all .2s}.twin-name-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 12px #6366f14d}.twin-name-input::placeholder{color:var(--color-text-tertiary)}.name-preview{color:#a78bfa;margin-bottom:var(--spacing-lg);font-size:1rem}.name-preview strong{font-weight:600}.naming-note{color:var(--color-text-tertiary);margin-top:var(--spacing-lg);font-size:.9rem;font-style:italic}.complete-phase{border-radius:var(--radius-xl);padding:var(--spacing-xl);background:#6366f10d;border:2px solid #6366f14d}.celebration{animation:1s cubic-bezier(.68,-.55,.265,1.55) celebration-burst}@keyframes celebration-burst{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.success-title{color:#a78bfa;margin-bottom:var(--spacing-sm);font-size:3rem;animation:1s ease-out float-up}@keyframes float-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.success-message{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);font-size:1.5rem}.twin-intro{border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);color:var(--color-text-secondary);background:#0a0a1e99;line-height:1.8}.twin-intro p{margin-bottom:var(--spacing-md)}.what-next{border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);text-align:left;background:#6366f11a}.what-next h3{color:#a78bfa;margin-bottom:var(--spacing-md)}.what-next ul{padding:0;list-style:none}.what-next li{padding:var(--spacing-sm) 0;color:var(--color-text-secondary);font-size:1rem}.btn-primary{padding:var(--spacing-md) var(--spacing-lg);color:#fff;border-radius:var(--radius-md);cursor:pointer;background:linear-gradient(90deg,#6366f1,#a78bfa);border:none;font-size:1rem;font-weight:600;transition:all .3s}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 20px #6366f166}.btn-lg{padding:var(--spacing-lg) var(--spacing-xl);font-size:1.1rem}.core-awakening-error{min-height:100vh;color:var(--color-text-primary);justify-content:center;align-items:center;gap:var(--spacing-lg);flex-direction:column;display:flex}.error-message{color:#ef4444;margin-bottom:var(--spacing-md);font-size:.95rem}@media (width<=768px){.core-awakening-container{padding:var(--spacing-sm)}.intro-phase h1{font-size:2.5rem}.intro-subtitle{font-size:1.2rem}.intro-text{font-size:1rem}.naming-phase h2,.success-title{font-size:2rem}.sice-list{grid-template-columns:1fr}}@media (width<=480px){.intro-phase h1{font-size:2rem}.intro-subtitle{font-size:1rem}.btn-primary{width:100%}}@media (prefers-reduced-motion:reduce){.core-awakening-phase,.sice-orb,.loading-ring,.celebration,.success-title{animation:none}}.btn-primary:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.twin-evolution-container{border-radius:var(--radius-lg);padding:var(--spacing-lg);margin:var(--spacing-md) 0;background:linear-gradient(135deg,#6366f10d,#a78bfa0d);border:1px solid #6366f133}.evolution-header{text-align:center;margin-bottom:var(--spacing-xl)}.evolution-header h3{color:#a78bfa;margin-bottom:var(--spacing-xs);font-size:1.5rem}.twin-name{color:var(--color-text-secondary);font-size:1.1rem;font-weight:500}.evolution-timeline{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg) 0;justify-content:space-between;align-items:center;display:flex}.stage-item-wrapper{flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.stage-node{cursor:default;transition:all .3s}.stage-connection{width:calc(100% - 60px);height:3px;display:flex;position:absolute;top:30px;left:50%}.connection-line{background:#6366f14d;border-radius:2px;flex:1;transition:background-color .3s}.connection-line.completed{background:#a78bfa;box-shadow:0 0 8px #a78bfa80}.stage-info{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(5,1fr);display:grid}.stage-label{text-align:center;padding:var(--spacing-md);border-radius:var(--radius-md);background:#0f172a99;border:1px solid #6366f133;transition:all .3s}.stage-label.active{background:#6366f126;border-color:#a78bfa;box-shadow:0 0 12px #a78bfa33}.stage-number{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs);font-size:.8rem}.stage-name{color:#a78bfa;margin-bottom:var(--spacing-xs);font-size:.95rem;font-weight:600}.stage-desc{color:var(--color-text-tertiary);font-size:.8rem;line-height:1.4}.progress-section{margin-bottom:var(--spacing-xl)}.progress-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.progress-label{color:var(--color-text-primary);font-size:.95rem;font-weight:500}.progress-percent{color:#a78bfa;font-size:.95rem;font-weight:600}.progress-bar-container{background:#6366f11a;border:1px solid #6366f133;border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#6366f1,#a78bfa);border-radius:4px;height:100%;transition:width .4s;box-shadow:0 0 8px #a78bfa66}.metrics-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(100px,1fr));display:grid}.metric-card{text-align:center;padding:var(--spacing-md);border-radius:var(--radius-md);background:#6366f10d;border:1px solid #6366f126;transition:all .2s}.metric-card:hover{background:#6366f11a;border-color:#a78bfa;transform:translateY(-2px)}.metric-icon{margin-bottom:var(--spacing-xs);font-size:1.5rem}.metric-value{color:#a78bfa;margin-bottom:var(--spacing-xs);font-size:1.5rem;font-weight:700}.metric-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.3px;font-size:.8rem}.milestone-section{text-align:center;padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);background:#a78bfa1a;border:1px solid #a78bfa4d}.milestone-text{color:var(--color-text-secondary);font-size:1rem;font-weight:500}.evolution-ready{color:#a78bfa;margin-top:var(--spacing-sm);font-size:.95rem;font-weight:600;animation:2s ease-in-out infinite pulse-text}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.7}}.current-stage-info{border-radius:var(--radius-md);padding:var(--spacing-md);background:#6366f11a;border:1px solid #6366f133}.current-stage-info h4{color:#a78bfa;margin-bottom:var(--spacing-sm)}.current-stage-info p{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6}@media (width<=768px){.stage-info{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.stage-label{padding:var(--spacing-sm)}.stage-name{font-size:.85rem}.stage-desc{font-size:.75rem}.evolution-timeline{padding:var(--spacing-md) 0}}@media (width<=480px){.twin-evolution-container{padding:var(--spacing-md)}.evolution-timeline{gap:var(--spacing-md);flex-direction:column}.stage-connection{display:none}.stage-info{gap:var(--spacing-sm);grid-template-columns:1fr}.stage-label{padding:var(--spacing-sm)}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.metric-icon,.metric-value{font-size:1.2rem}}@media (prefers-reduced-motion:reduce){.stage-node,.stage-label,.progress-bar-fill,.metric-card,.evolution-ready{transition:none;animation:none}}.stage-node:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.decision-dashboard{max-width:1200px;padding:var(--spacing-lg);margin:0 auto}.decision-dashboard-error{min-height:400px;color:var(--color-text-secondary);justify-content:center;align-items:center;font-size:1.1rem;display:flex}.dd-header{text-align:center;margin-bottom:var(--spacing-xl)}.dd-header h1{color:#6366f1;margin-bottom:var(--spacing-sm);font-size:2.5rem}.dd-subtitle{color:var(--color-text-secondary);font-size:1.1rem}.dd-stats-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-card{border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;background:linear-gradient(135deg,#6366f10d,#a78bfa0d);border:1px solid #6366f133;transition:all .2s}.stat-card:hover{border-color:#6366f1;transform:translateY(-2px);box-shadow:0 4px 12px #6366f126}.stat-icon{margin-bottom:var(--spacing-sm);font-size:2rem}.stat-label{color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px;font-size:.9rem}.stat-value{color:#6366f1;font-size:2rem;font-weight:700}.dd-controls{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);justify-content:center;display:flex}.btn-primary{padding:var(--spacing-md) var(--spacing-lg);color:#fff;border-radius:var(--radius-md);cursor:pointer;background:linear-gradient(90deg,#6366f1,#a78bfa);border:none;font-weight:600;transition:all .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.dd-new-decision-form{border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);background:#6366f10d;border:1px solid #6366f133}.dd-new-decision-form h3{color:#6366f1;margin-bottom:var(--spacing-sm)}.form-note{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);font-size:.95rem;font-style:italic}.dd-pending-section{border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);background:linear-gradient(135deg,#ef44440d,#f973730d);border:1px solid #ef444433}.dd-pending-section h2{color:#ef4444;margin-bottom:var(--spacing-lg)}.dd-pending-list{gap:var(--spacing-md);flex-direction:column;display:flex}.placeholder{color:var(--color-text-tertiary);text-align:center;padding:var(--spacing-lg)}.dd-decisions-section{margin-bottom:var(--spacing-xl)}.dd-decisions-section h2{color:#6366f1;margin-bottom:var(--spacing-lg)}.dd-empty{border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;color:var(--color-text-secondary);background:#6366f10d;border:2px dashed #6366f133}.dd-decisions-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.decision-card{border-radius:var(--radius-lg);padding:var(--spacing-lg);background:linear-gradient(135deg,#0f172a99,#1e293b99);border:1px solid #6366f133;transition:all .2s}.decision-card:hover{border-color:#6366f1;transform:translateY(-4px);box-shadow:0 4px 12px #6366f126}.decision-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:start;gap:var(--spacing-md);display:flex}.decision-header h3{color:var(--color-text-primary);margin:0;font-size:1.1rem}.decision-category{color:#a78bfa;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#6366f133;font-size:.8rem}.decision-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);font-size:.95rem;line-height:1.5}.decision-meta{gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid #6366f11a;display:flex}.meta-item{flex-direction:column;font-size:.9rem;display:flex}.meta-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.3px;margin-bottom:var(--spacing-xs);font-size:.8rem}.meta-value{color:var(--color-text-secondary);font-weight:500}.followup-progress{margin-bottom:var(--spacing-md)}.progress-label{color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);font-size:.85rem}.progress-bar{background:#6366f11a;border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#6366f1,#a78bfa);border-radius:3px;height:100%;transition:width .3s}.followup-markers{gap:var(--spacing-sm);justify-content:space-around;display:flex}.marker{text-align:center;padding:var(--spacing-sm) 0;border-radius:var(--radius-sm);color:#6366f1;background:#6366f11a;flex:1;font-size:.8rem;font-weight:600;transition:all .2s}.marker.completed{color:#10b981;background:#10b98133}.marker.pending{opacity:.6}@media (width<=768px){.dd-stats-grid{grid-template-columns:repeat(2,1fr)}.dd-decisions-grid{grid-template-columns:1fr}.dd-header h1{font-size:2rem}.decision-header{flex-direction:column}}@media (width<=480px){.decision-dashboard{padding:var(--spacing-md)}.dd-stats-grid{grid-template-columns:1fr}.stat-card{padding:var(--spacing-md)}.stat-icon,.stat-value{font-size:1.5rem}.decision-card{padding:var(--spacing-md)}.followup-markers{gap:var(--spacing-xs)}.marker{padding:var(--spacing-xs) 0;font-size:.75rem}}.decision-card:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.marker:focus-visible{outline:1px solid var(--color-focus)}.worlds-hub{max-width:1200px;padding:var(--spacing-lg);margin:0 auto}.wh-header{text-align:center;margin-bottom:var(--spacing-xl)}.wh-header h1{color:#a78bfa;margin-bottom:var(--spacing-sm);font-size:2.5rem}.wh-subtitle{color:var(--color-text-secondary);font-size:1.1rem}.wh-worlds-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.world-card{border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;cursor:pointer;background:#6366f10d;border:2px solid;transition:all .2s;position:relative}.world-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #a78bfa33}.world-card.selected{box-shadow:0 0 20px var(--world-color,#a78bfa);background:#6366f126}.wc-emoji{margin-bottom:var(--spacing-sm);font-size:2rem}.world-card h3{color:var(--color-text-primary);margin-bottom:var(--spacing-xs);font-size:1rem}.world-card p{color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);font-size:.85rem}.wc-articles{color:#a78bfa;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase;letter-spacing:.3px;background:#a78bfa33;border-radius:12px;font-size:.75rem;display:inline-block}.wh-details{border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);background:linear-gradient(135deg,#6366f10d,#a78bfa0d);border:1px solid #6366f133}.wh-details-header{margin-bottom:var(--spacing-xl)}.wh-details-header h2{color:#a78bfa;margin-bottom:var(--spacing-sm);font-size:2rem}.wh-world-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);font-size:1.1rem;line-height:1.6}.wh-focus-areas{gap:var(--spacing-sm);flex-wrap:wrap;align-items:center;display:flex}.fa-label{color:var(--color-text-secondary);margin-right:var(--spacing-sm);font-weight:600}.fa-tag{color:#a78bfa;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);background:#a78bfa33;font-size:.85rem}.wh-articles{margin-bottom:var(--spacing-xl)}.wh-articles h3{color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.articles-list{gap:var(--spacing-lg);display:grid}.article-card{border-radius:var(--radius-md);padding:var(--spacing-lg);background:#0f172a99;border:1px solid #6366f133;transition:all .2s}.article-card:hover{border-color:#6366f1;box-shadow:0 4px 12px #6366f126}.article-card h4{color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-size:1.1rem}.article-excerpt{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);font-size:.95rem;line-height:1.6}.article-meta{gap:var(--spacing-lg);color:var(--color-text-tertiary);margin-bottom:var(--spacing-md);font-size:.85rem;display:flex}.btn-read{color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;background:linear-gradient(90deg,#6366f1,#a78bfa);border:none;font-weight:600;transition:all .2s}.btn-read:hover{transform:translate(2px);box-shadow:0 4px 8px #6366f14d}.wh-twin-guidance{border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center;margin-bottom:var(--spacing-xl);background:#a78bfa1a;border:1px solid #a78bfa4d}.wh-twin-guidance h3{color:#a78bfa;margin-bottom:var(--spacing-md)}.guidance-text{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.btn-explore{color:#fff;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);background:linear-gradient(90deg,#6366f1,#a78bfa);font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn-explore:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.wh-info{border-radius:var(--radius-lg);padding:var(--spacing-lg);background:#6366f10d;border:1px solid #6366f133}.wh-info h3{color:#a78bfa;margin-bottom:var(--spacing-md)}.wh-info p{color:var(--color-text-secondary);line-height:1.8}.wh-empty{text-align:center;padding:var(--spacing-xl);color:var(--color-text-tertiary)}@media (width<=768px){.wh-worlds-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.wh-details{padding:var(--spacing-lg)}.wh-header h1{font-size:2rem}.wh-details-header h2{font-size:1.5rem}}@media (width<=480px){.worlds-hub{padding:var(--spacing-md)}.wh-worlds-grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.wh-header h1{font-size:1.5rem}.wh-focus-areas{flex-direction:column;align-items:flex-start}}.twin-nav{background-color:var(--bg-secondary,#f5f5f5);border-bottom:1px solid var(--border-color,#e0e0e0);padding:var(--spacing-md,1rem) 0;z-index:100;position:sticky;top:0}.twin-nav-container{max-width:var(--max-width,1200px);padding:0 var(--spacing-md,1rem);justify-content:space-between;align-items:center;gap:var(--spacing-lg,2rem);margin:0 auto;display:flex}.twin-nav-header{flex:none;min-width:150px}.twin-nav-title{font-size:var(--font-size-lg,1.25rem);font-weight:var(--font-weight-bold,700);color:var(--text-primary,#333);margin:0;padding:0}.twin-nav-tabs{gap:var(--spacing-md,1rem);flex:1;justify-content:center;align-items:center;display:flex}.twin-nav-tab{align-items:center;gap:var(--spacing-sm,.5rem);padding:var(--spacing-sm,.5rem) var(--spacing-md,1rem);color:var(--text-secondary,#666);cursor:pointer;font-size:var(--font-size-base,1rem);font-weight:var(--font-weight-medium,500);transition:all var(--transition-normal,.2s ease);background:0 0;border:none;border-bottom:3px solid #0000;display:flex;position:relative}.twin-nav-tab:hover{color:var(--text-primary,#333);background-color:var(--bg-hover,#00000005)}.twin-nav-tab.active{color:var(--color-primary,#4a90e2);border-bottom-color:var(--color-primary,#4a90e2)}.tab-icon{font-size:var(--font-size-lg,1.25rem)}.tab-label{white-space:nowrap}.twin-nav-status{text-align:right;flex:none;min-width:200px}.twin-status{align-items:flex-end;gap:var(--spacing-xs,.25rem);flex-direction:column;display:flex}.status-badge{padding:var(--spacing-xs,.25rem) var(--spacing-sm,.5rem);background-color:var(--color-primary,#4a90e2);color:#fff;border-radius:var(--radius-sm,4px);font-size:var(--font-size-sm,.875rem);font-weight:var(--font-weight-bold,700);display:inline-block}.status-time{font-size:var(--font-size-sm,.875rem);color:var(--text-secondary,#666)}@media (width<=768px){.twin-nav-container{align-items:flex-start;gap:var(--spacing-sm,.5rem);flex-direction:column}.twin-nav-tabs{justify-content:flex-start;width:100%}.twin-nav-status{text-align:left;width:100%}}@media (prefers-reduced-motion:reduce){.twin-nav-tab{transition:none}}.twin-settings-page{background-color:var(--bg-primary,#fff);width:100%;min-height:100vh;padding:var(--spacing-lg,2rem) var(--spacing-md,1rem)}.twin-settings-page.loading{color:var(--text-secondary,#666);font-size:var(--font-size-base,1rem);justify-content:center;align-items:center;display:flex}.twin-settings-container{max-width:720px;margin:0 auto}.twin-settings-header{margin-bottom:var(--spacing-xl,3rem);border-bottom:1px solid var(--border-color,#e0e0e0);padding-bottom:var(--spacing-lg,2rem)}.twin-settings-header h1{font-size:var(--font-size-xl,1.875rem);font-weight:var(--font-weight-bold,700);color:var(--text-primary,#333);margin:0 0 var(--spacing-sm,.5rem) 0}.twin-settings-header p{font-size:var(--font-size-base,1rem);color:var(--text-secondary,#666);margin:0}.twin-settings-content{gap:var(--spacing-xl,3rem);flex-direction:column;display:flex}.settings-section{border-bottom:1px solid var(--border-color,#e0e0e0);padding-bottom:var(--spacing-lg,2rem)}.settings-section:last-of-type{border-bottom:none}.settings-section h2{font-size:var(--font-size-lg,1.25rem);font-weight:var(--font-weight-bold,700);color:var(--text-primary,#333);margin:0 0 var(--spacing-sm,.5rem) 0}.section-description{font-size:var(--font-size-sm,.875rem);color:var(--text-secondary,#666);margin:0 0 var(--spacing-md,1rem) 0}.settings-options{gap:var(--spacing-md,1rem);flex-direction:column;display:flex}.option-label{gap:var(--spacing-xs,.25rem);padding:var(--spacing-md,1rem);border:1px solid var(--border-color,#e0e0e0);border-radius:var(--radius-md,8px);cursor:pointer;transition:all var(--transition-normal,.2s ease);background-color:var(--bg-secondary,#f9f9f9);flex-direction:column;display:flex}.option-label:hover{border-color:var(--color-primary,#4a90e2);background-color:var(--bg-hover,#f0f5ff)}.option-label input[type=radio]{cursor:pointer;width:20px;height:20px;accent-color:var(--color-primary,#4a90e2)}.option-label input[type=radio]:disabled{opacity:.5;cursor:not-allowed}.option-name{font-weight:var(--font-weight-bold,700);color:var(--text-primary,#333);font-size:var(--font-size-base,1rem)}.option-hint{font-size:var(--font-size-sm,.875rem);color:var(--text-secondary,#666)}.settings-toggles{gap:var(--spacing-md,1rem);flex-direction:column;display:flex}.toggle-label{align-items:center;gap:var(--spacing-md,1rem);padding:var(--spacing-md,1rem);border:1px solid var(--border-color,#e0e0e0);border-radius:var(--radius-md,8px);cursor:pointer;transition:all var(--transition-normal,.2s ease);background-color:var(--bg-secondary,#f9f9f9);display:flex}.toggle-label:hover{border-color:var(--color-primary,#4a90e2);background-color:var(--bg-hover,#f0f5ff)}.toggle-label input[type=checkbox]{cursor:pointer;width:20px;height:20px;accent-color:var(--color-primary,#4a90e2)}.toggle-label input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.toggle-label span{font-size:var(--font-size-base,1rem);color:var(--text-primary,#333)}.text-input{width:100%;padding:var(--spacing-md,1rem);border:1px solid var(--border-color,#e0e0e0);border-radius:var(--radius-md,8px);font-size:var(--font-size-base,1rem);color:var(--text-primary,#333);background-color:var(--bg-secondary,#fff);transition:border-color var(--transition-normal,.2s ease)}.text-input:focus{border-color:var(--color-primary,#4a90e2);outline:none;box-shadow:0 0 0 3px #4a90e21a}.text-input:disabled{opacity:.5;cursor:not-allowed}.error-message{padding:var(--spacing-md,1rem);background-color:var(--color-error-bg,#fee);color:var(--color-error,#c33);border-radius:var(--radius-md,8px);font-size:var(--font-size-sm,.875rem);border-left:4px solid var(--color-error,#c33)}.settings-actions{gap:var(--spacing-md,1rem);margin-top:var(--spacing-xl,3rem);display:flex}.btn{padding:var(--spacing-md,1rem) var(--spacing-lg,2rem);border-radius:var(--radius-md,8px);font-size:var(--font-size-base,1rem);font-weight:var(--font-weight-bold,700);cursor:pointer;transition:all var(--transition-normal,.2s ease);border:none}.btn-primary{background-color:var(--color-primary,#4a90e2);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark,#2e5db8);transform:translateY(-2px);box-shadow:0 4px 12px #4a90e24d}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background-color:var(--bg-secondary,#f0f0f0);color:var(--text-primary,#333);border:1px solid var(--border-color,#d0d0d0)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-hover,#e8e8e8);border-color:var(--text-primary,#333)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}@media (width<=640px){.twin-settings-page{padding:var(--spacing-md,1rem)}.twin-settings-header{margin-bottom:var(--spacing-lg,2rem)}.settings-section{padding-bottom:var(--spacing-lg,2rem)}.settings-actions{flex-direction:column}.btn{width:100%}}@media (prefers-reduced-motion:reduce){.option-label,.toggle-label,.text-input,.btn{transition:none}}.twin-personality-page{background-color:var(--bg-primary,#fff);width:100%;min-height:100vh;padding:var(--spacing-lg,2rem) var(--spacing-md,1rem)}.twin-personality-page.loading{color:var(--text-secondary,#666);font-size:var(--font-size-base,1rem);justify-content:center;align-items:center;display:flex}.personality-container{max-width:900px;margin:0 auto}.personality-header{margin-bottom:var(--spacing-xl,3rem);border-bottom:1px solid var(--border-color,#e0e0e0);padding-bottom:var(--spacing-lg,2rem)}.personality-header h1{font-size:var(--font-size-xl,1.875rem);font-weight:var(--font-weight-bold,700);color:var(--text-primary,#333);margin:0 0 var(--spacing-sm,.5rem) 0}.personality-header p{font-size:var(--font-size-base,1rem);color:var(--text-secondary,#666);margin:0}.mood-section{margin-bottom:var(--spacing-xl,3rem)}.mood-card{padding:var(--spacing-lg,2rem);background:linear-gradient(135deg, var(--color-primary,#4a90e2) 0%, var(--color-primary-light,#7ab8ff) 100%);border-radius:var(--radius-lg,12px);color:#fff;text-align:center}.mood-card h2{font-size:var(--font-size-lg,1.25rem);font-weight:var(--font-weight-bold,700);margin:0 0 var(--spacing-lg,2rem) 0}.mood-indicator{align-items:center;gap:var(--spacing-md,1rem);flex-direction:column;display:flex}.mood-label{font-size:var(--font-size-lg,1.25rem);font-weight:var(--font-weight-bold,700);text-transform:capitalize}.mood-visual{font-size:4rem;animation:2s ease-in-out infinite mood-pulse}@keyframes mood-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.metrics-section{margin-bottom:var(--spacing-xl,3rem)}.metrics-section h2{font-size:var(--font-size-lg,1.25rem);font-weight:var(--font-weight-bold,700);color:var(--text-primary,#333);margin:0 0 var(--spacing-lg,2rem) 0}.metrics-grid{gap:var(--spacing-lg,2rem);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.metric-card{padding:var(--spacing-lg,2rem);border:1px solid var(--border-color,#e0e0e0);border-radius:var(--radius-md,8px);background-color:var(--bg-secondary,#f9f9f9);gap:var(--spacing-md,1rem);flex-direction:column;display:flex}.metric-name{font-size:var(--font-size-base,1rem);font-weight:var(--font-weight-bold,700);color:var(--text-primary,#333)}.metric-bar{background-color:var(--bg-primary,#fff);border:1px solid var(--border-color,#e0e0e0);border-radius:var(--radius-sm,4px);width:100%;height:24px;position:relative;overflow:hidden}.metric-fill{background:linear-gradient(90deg, var(--color-primary,#4a90e2), var(--color-success,#52c41a));height:100%;transition:width .6s}.metric-value{font-size:var(--font-size-sm,.875rem);font-weight:var(--font-weight-bold,700);color:var(--color-primary,#4a90e2);text-align:right}.evolution-section{margin-bottom:var(--spacing-xl,3rem)}.evolution-section h2{font-size:var(--font-size-lg,1.25rem);font-weight:var(--font-weight-bold,700);color:var(--text-primary,#333);margin:0 0 var(--spacing-lg,2rem) 0}.evolution-timeline{padding:var(--spacing-lg,2rem) 0;position:relative}.evolution-item{gap:var(--spacing-lg,2rem);margin-bottom:var(--spacing-xl,3rem);grid-template-columns:60px 1fr;display:grid;position:relative}.evolution-marker{background-color:var(--bg-secondary,#f0f0f0);border:2px solid var(--border-color,#d0d0d0);z-index:2;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative}.evolution-item.unlocked .evolution-marker{background-color:var(--color-success,#52c41a);border-color:var(--color-success,#52c41a)}.evolution-item.current .evolution-marker{background-color:var(--color-primary,#4a90e2);border-color:var(--color-primary,#4a90e2);box-shadow:0 0 0 4px #4a90e233}.marker-number{font-size:var(--font-size-lg,1.25rem);font-weight:var(--font-weight-bold,700);color:var(--text-primary,#333)}.evolution-item.unlocked .marker-number,.evolution-item.current .marker-number{color:#fff}.evolution-content{padding:var(--spacing-md,1rem);border-left:2px solid var(--border-color,#e0e0e0);padding-left:var(--spacing-lg,2rem)}.evolution-item.unlocked .evolution-content{border-left-color:var(--color-success,#52c41a)}.evolution-item.current .evolution-content{border-left-color:var(--color-primary,#4a90e2)}.evolution-content h3{font-size:var(--font-size-base,1rem);font-weight:var(--font-weight-bold,700);color:var(--text-primary,#333);margin:0 0 var(--spacing-xs,.25rem) 0}.evolution-content p{font-size:var(--font-size-sm,.875rem);color:var(--text-secondary,#666);margin:var(--spacing-xs,.25rem) 0}.evolution-criteria{color:var(--text-tertiary,#999);font-style:italic;margin-top:var(--spacing-sm,.5rem)!important}.evolution-unlocked{color:var(--color-success,#52c41a);font-weight:var(--font-weight-bold,700)}.evolution-line{width:2px;height:calc(100% + var(--spacing-lg,2rem));background-color:var(--border-color,#e0e0e0);z-index:1;position:absolute;top:60px;left:29px}.next-milestone-section{padding:var(--spacing-lg,2rem);background-color:var(--bg-secondary,#f9f9f9);border-left:4px solid var(--color-primary,#4a90e2);border-radius:var(--radius-md,8px)}.next-milestone-section h2{font-size:var(--font-size-lg,1.25rem);font-weight:var(--font-weight-bold,700);color:var(--text-primary,#333);margin:0 0 var(--spacing-lg,2rem) 0}.next-milestone-card{padding:var(--spacing-lg,2rem);border-radius:var(--radius-md,8px);border:1px solid var(--border-color,#e0e0e0);background-color:#fff}.next-milestone-card h3{font-size:var(--font-size-base,1rem);font-weight:var(--font-weight-bold,700);color:var(--color-primary,#4a90e2);margin:0 0 var(--spacing-sm,.5rem) 0}.next-milestone-card p{font-size:var(--font-size-sm,.875rem);color:var(--text-secondary,#666);margin:var(--spacing-xs,.25rem) 0}.milestone-criteria{color:var(--color-primary,#4a90e2);font-weight:var(--font-weight-bold,700);margin-top:var(--spacing-md,1rem)!important}@media (width<=768px){.personality-container{max-width:100%}.metrics-grid{grid-template-columns:1fr}.evolution-item{gap:var(--spacing-md,1rem);grid-template-columns:50px 1fr}.evolution-marker{width:50px;height:50px}.marker-number{font-size:var(--font-size-base,1rem)}}@media (prefers-reduced-motion:reduce){.mood-visual{animation:none}.metric-fill{transition:none}}.faq-page{gap:var(--space-xl);max-width:800px;padding:var(--space-xl);background:var(--color-bg-primary);flex-direction:column;min-height:100vh;margin:0 auto;display:flex}.faq-header{text-align:center}.faq-header h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-md) 0}.faq-header p{font-size:var(--font-size-body-large);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.faq-categories{gap:var(--space-sm);padding:var(--space-md) 0;border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:center;display:flex}.faq-category-btn{padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-body-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all .2s var(--easing-primary)}.faq-category-btn:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.faq-category-btn.active{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:var(--color-accent-secondary)}.faq-content{gap:var(--space-md);flex-direction:column;display:flex}.faq-footer{text-align:center;padding:var(--space-xl);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.faq-footer h2{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-sm) 0}.faq-footer p{color:var(--color-text-secondary);margin:0 0 var(--space-md) 0}.faq-footer .btn-primary{padding:var(--space-sm) var(--space-lg);background:var(--color-accent-primary);color:var(--color-accent-secondary);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);transition:transform .2s var(--easing-primary), box-shadow .2s var(--easing-primary);text-decoration:none;display:inline-block}.faq-footer .btn-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (width<=768px){.faq-page{padding:var(--space-md);gap:var(--space-lg)}.faq-header h1{font-size:var(--font-size-h2)}.faq-categories{gap:var(--space-xs)}.faq-category-btn{font-size:var(--font-size-body-small);padding:var(--space-xs) var(--space-sm)}.faq-footer{padding:var(--space-lg)}}@media (width<=375px){.faq-page{padding:var(--space-md)}.faq-header h1{font-size:var(--font-size-h3)}.faq-categories{flex-direction:column}.faq-category-btn{width:100%}}.faq-accordion{gap:var(--space-md);flex-direction:column;width:100%;display:flex}.faq-item{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary);transition:box-shadow .2s var(--easing-primary);overflow:hidden}.faq-item:hover{box-shadow:var(--shadow-sm)}.faq-question{width:100%;padding:var(--space-md);cursor:pointer;font-size:var(--font-size-body-large);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:left;transition:color .2s var(--easing-primary);background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.faq-question:hover{color:var(--color-accent-primary)}.faq-question.active{color:var(--color-accent-primary);background:var(--color-bg-tertiary)}.faq-text{padding-right:var(--space-md);flex:1}.faq-icon{font-size:var(--font-size-h3);font-weight:var(--font-weight-light);color:var(--color-accent-primary);transition:transform .2s var(--easing-primary);flex-shrink:0}.faq-question.active .faq-icon{transform:rotate(180deg)}.faq-answer{padding:0 var(--space-md) var(--space-md);border-top:1px solid var(--color-border);animation:slideDown .3s var(--easing-primary)}.faq-answer p{line-height:var(--line-height-relaxed);color:var(--color-text-secondary);font-size:var(--font-size-body-base);margin:0}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}@media (width<=600px){.faq-question{padding:var(--space-sm);font-size:var(--font-size-body-base)}.faq-answer{padding:0 var(--space-sm) var(--space-sm)}.faq-text{padding-right:var(--space-sm)}}.app-container{background-color:var(--color-bg-primary);min-height:100vh;color:var(--color-text-primary);flex-direction:column;transition:background-color .3s,color .3s;display:flex}