*{margin:0;padding:0;box-sizing:border-box}:root,[data-theme=dark]{--bg-primary:#0a0a0f;--bg-secondary:#111118;--text-primary:#fff;--text-secondary:#b8b8c8;--text-muted:#6b6b7a;--accent-blue:#3b82f6;--accent-purple:#8b5cf6;--accent-gold:#f59e0b;--gradient-primary:linear-gradient(135deg,#3b82f6,#8b5cf6 50%,#f59e0b);--gradient-subtle:linear-gradient(135deg,rgba(59,130,246,.1),rgba(139,92,246,.1) 50%,rgba(245,158,11,.1));--border-color:hsla(0,0%,100%,.1)}[data-theme=light]{--bg-primary:#f6f7fa;--bg-secondary:#fff;--bg-card:#fff;--text-primary:#1c1c27;--text-secondary:#4a4a57;--text-muted:#6b6b7a;--text-body:#4a4a57;--accent-blue:#6a5cff;--accent-purple:#6a5cff;--accent-gold:#ff8d45;--gradient-primary:linear-gradient(135deg,#6a5cff,#ff8d45);--gradient-subtle:linear-gradient(135deg,rgba(106,92,255,.1),rgba(255,141,69,.1));--border-color:#e5e5ee;--border-light:#ededf3;--shadow-card:0 4px 16px rgba(0,0,0,.06);--past-bubble-bg:#fff;--past-bubble-border:#e5e5ee;--past-bubble-shadow:rgba(0,0,0,.05);--past-icon-bg:#dee1ff;--future-bubble-bg:#fff8f1;--future-bubble-border:#ffe3c3;--future-bubble-shadow:rgba(255,140,60,.15);--future-icon-bg:#ffe7d5}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(10,10,15,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1rem 0;transition:background .3s ease}.navbar,[data-theme=light] .navbar{border-bottom:1px solid var(--border-color)}[data-theme=light] .navbar{background:rgba(246,247,250,.9)}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;justify-content:space-between}.logo,.nav-container{display:flex;align-items:center}.logo{gap:.75rem;text-decoration:none;color:inherit;transition:opacity .3s ease}.logo:hover{opacity:.8}.logo-image{height:32px;width:auto;object-fit:contain}.logo-text{font-size:1.25rem;font-weight:600;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-right{gap:1.5rem}.nav-menu,.nav-right{display:flex;align-items:center}.nav-menu{list-style:none;gap:2rem;margin:0;padding:0}.nav-menu li{white-space:nowrap}.nav-controls{display:flex;align-items:center;gap:.75rem}.user-menu-wrapper{position:relative}.user-menu-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--border-color,hsla(0,0%,100%,.2));border-radius:8px;cursor:pointer;color:var(--text-primary);transition:all .2s}.user-menu-button:hover{background:var(--bg-hover,hsla(0,0%,100%,.05));border-color:var(--accent-blue,#4a90e2)}.user-menu-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--bg-secondary,hsla(0,0%,100%,.95));border:1px solid var(--border-color,hsla(0,0%,100%,.2));border-radius:8px;padding:.5rem;min-width:200px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=light] .user-menu-dropdown{background:hsla(0,0%,100%,.98);box-shadow:0 4px 12px rgba(0,0,0,.1)}@media (min-width:768px){.user-name-text{display:inline!important}}@media (max-width:768px){.user-menu-dropdown{right:0;left:auto;min-width:180px}.user-menu-button{padding:.4rem .75rem}.nav-controls{gap:.5rem}}.nav-menu a{color:var(--text-secondary);text-decoration:none;font-size:.95rem;font-weight:400;transition:color .3s ease}.nav-menu a:hover{color:var(--text-primary)}.btn-primary-nav{padding:.5rem 1.5rem;background:var(--gradient-primary);border-radius:6px;color:var(--text-primary)!important;font-weight:500}.btn-primary-nav:hover{opacity:.9;transform:translateY(-1px)}.hero{min-height:100vh;display:flex;align-items:center;padding:8rem 2rem 4rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:var(--gradient-subtle);border-radius:50%;filter:blur(100px);opacity:.5}[data-theme=light] .hero:before{background:radial-gradient(circle at top right,rgba(173,188,255,.35),hsla(0,0%,100%,0));opacity:1}[data-theme=light] .hero:after{content:"";position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle at bottom left,rgba(230,220,255,.35),hsla(0,0%,100%,0));border-radius:50%;filter:blur(80px);opacity:1}.hero-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;align-items:center;position:relative;z-index:1}.hero-content{animation:fadeInUp .8s ease}.hero-title{font-size:3.5rem;line-height:1.2;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#b8b8c8)}[data-theme=light] .hero-title{background:linear-gradient(135deg,#1c1c27,#4a4a57)}.hero-subtitle{font-size:1.1rem;margin-bottom:1.5rem}.hero-description{font-size:1rem;color:var(--text-secondary);margin-bottom:2.5rem;line-height:1.8}[data-theme=light] .hero-description{color:#4a4a57}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}.hero-button-desc{margin-top:1rem}.hero-button-desc p{font-size:.9rem;color:var(--text-muted);margin:.25rem 0}[data-theme=light] .hero-button-desc p{color:#6b6b7a}.coming-soon-badge{font-size:1.5rem;font-weight:400;opacity:.7}[data-theme=light] .coming-soon-badge{opacity:.6}.btn-primary{padding:1rem 2rem;background:var(--gradient-primary);color:var(--text-primary);text-decoration:none;border-radius:8px;font-weight:600;font-size:1rem;transition:transform .3s ease,box-shadow .3s ease;display:inline-block}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(59,130,246,.3)}.btn-secondary{padding:1rem 2rem;background:transparent;color:var(--text-primary);text-decoration:none;border:1px solid var(--border-color);border-radius:8px;font-weight:500;font-size:1rem;transition:border-color .3s ease,background .3s ease}.btn-secondary:hover{border-color:var(--accent-purple);background:rgba(139,92,246,.1)}.hero-preview{animation:fadeInUp .8s ease .2s both}.chat-preview{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=light] .chat-preview{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-card)}.chat-message{gap:1rem;margin-bottom:1.5rem;align-items:flex-start}.chat-message.future{flex-direction:row-reverse}.chat-message.present{justify-content:center;margin-left:auto;margin-right:auto}.chat-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.past-avatar{background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(59,130,246,.4));border:1px solid rgba(59,130,246,.3)}[data-theme=light] .past-avatar{background:var(--past-icon-bg);border:1px solid rgba(106,92,255,.2)}.future-avatar{background:linear-gradient(135deg,rgba(245,158,11,.2),rgba(245,158,11,.4));border:1px solid rgba(245,158,11,.3)}[data-theme=light] .future-avatar{background:var(--future-icon-bg);border:1px solid rgba(255,141,69,.2)}.present-avatar{background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(139,92,246,.4));border:1px solid rgba(139,92,246,.3)}[data-theme=light] .present-avatar{background:rgba(106,92,255,.15);border:1px solid rgba(106,92,255,.2)}.present-bubble{border-left:2px solid var(--accent-purple);border-right:2px solid var(--accent-purple)}[data-theme=light] .present-bubble{background:hsla(0,0%,100%,.8);border:1px solid rgba(106,92,255,.3);border-left:2px solid var(--accent-purple);border-right:2px solid var(--accent-purple);box-shadow:0 2px 8px rgba(106,92,255,.1);color:#3c3c4a}.avatar-icon{font-size:1.2rem}.chat-bubble{background:hsla(0,0%,100%,.05);border:1px solid var(--border-color);border-radius:12px;padding:1rem 1.25rem;max-width:75%;position:relative;min-width:200px}[data-theme=light] .chat-bubble{border-radius:16px;padding:1.25rem 1.5rem}.past-bubble{border-left:2px solid var(--accent-blue)}[data-theme=light] .past-bubble{background:var(--past-bubble-bg);border:1px solid var(--past-bubble-border);border-left:2px solid var(--accent-purple);box-shadow:var(--past-bubble-shadow);color:#3c3c4a}.future-bubble{border-right:2px solid var(--accent-gold)}[data-theme=light] .future-bubble{background:var(--future-bubble-bg);border:1px solid var(--future-bubble-border);border-right:2px solid var(--accent-gold);box-shadow:var(--future-bubble-shadow);color:#3c3c4a}.chat-bubble p{margin:0;color:var(--text-primary);font-size:.95rem;line-height:1.6}[data-theme=light] .chat-bubble p{color:#3c3c4a}.chat-label{display:block;font-size:.75rem;color:var(--text-muted);margin-top:.5rem;font-weight:500}[data-theme=light] .chat-label{color:#6b6b7a}.section{padding:6rem 2rem;position:relative}.container{max-width:1200px;margin:0 auto}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center;background:linear-gradient(135deg,#fff,#b8b8c8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .section-title{background:linear-gradient(135deg,#1c1c27,#4a4a57);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.story-section{background:var(--bg-primary);padding:8rem 2rem}.story-content{max-width:800px;margin:0 auto;text-align:center}.story-opening{font-size:1.8rem;font-weight:300;color:var(--text-primary);margin-bottom:3rem;line-height:1.8;font-style:italic;opacity:.9}[data-theme=light] .story-opening{color:#1c1c27;opacity:1}.story-text{margin-bottom:4rem}.story-text p{font-size:1.1rem;color:var(--text-secondary);line-height:2.2;margin:.5rem 0;font-weight:300}[data-theme=light] .story-text p{color:#4a4a57}.questions-block{margin:4rem 0;padding:3rem 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.question{font-size:1.5rem;color:var(--text-primary);line-height:2.5;margin:1.5rem 0;font-weight:400;font-style:italic}[data-theme=light] .question{color:#1c1c27}.question:first-child{margin-top:0}.question:last-child{margin-bottom:0}.story-closing{margin-top:4rem}.story-closing p{font-size:1.1rem;color:var(--text-secondary);line-height:2;margin:1rem 0;font-weight:300}[data-theme=light] .story-closing p{color:#4a4a57}.highlight-text{color:var(--text-primary)!important;font-weight:500!important;margin-top:2rem!important}[data-theme=light] .highlight-text{color:#1c1c27!important}.brand-text{font-size:1.8rem!important;background:var(--gradient-primary)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;font-weight:600!important;margin:1.5rem 0!important;letter-spacing:.5px}.mission-text{font-size:1.3rem!important;color:var(--text-primary)!important;font-weight:400!important;margin-top:1.5rem!important}[data-theme=light] .mission-text{color:#1c1c27!important}.what-is{background:var(--bg-secondary)}.content-wrapper{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;align-items:center}.text-content{display:flex;flex-direction:column;gap:1.5rem}.intro-text{font-size:1.25rem;line-height:1.8}.detail-text{font-size:1rem;color:var(--text-secondary);line-height:1.8}[data-theme=light] .detail-text{color:#4a4a57}.emphasis-text{font-size:1rem;color:var(--accent-purple);font-weight:500;line-height:1.8}[data-theme=light] .emphasis-text{color:#6a5cff}.visual-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem}.visual-card{background:hsla(0,0%,100%,.03);border:1px solid var(--border-color);border-radius:12px;padding:2rem 1.5rem;text-align:center;transition:transform .3s ease,border-color .3s ease}[data-theme=light] .visual-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;padding:2.5rem 2rem;box-shadow:var(--shadow-card)}.visual-card:hover{transform:translateY(-5px);border-color:var(--accent-purple)}[data-theme=light] .visual-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08);transform:translateY(-5px)}.card-icon{font-size:2.5rem;margin-bottom:1rem}.visual-card h3{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}[data-theme=light] .visual-card h3{color:#1c1c27}.visual-card p{font-size:.9rem;color:var(--text-muted)}[data-theme=light] .visual-card p{color:#6b6b7a}.how-works{background:var(--bg-primary)}.steps-container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:3rem;gap:3rem}.step{text-align:center}.step-number{font-size:4rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;opacity:.3}.step h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}[data-theme=light] .step h3{color:#1c1c27}.step p{font-size:1rem;color:var(--text-secondary);line-height:1.8}[data-theme=light] .step p{color:#4a4a57}.for-whom{background:var(--bg-secondary)}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem}.audience-card{background:hsla(0,0%,100%,.03);border:1px solid var(--border-color);border-radius:12px;padding:2.5rem;transition:transform .3s ease,border-color .3s ease}[data-theme=light] .audience-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;padding:3rem 2.5rem;box-shadow:var(--shadow-card)}.audience-card:hover{transform:translateY(-5px);border-color:var(--accent-blue)}[data-theme=light] .audience-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08);transform:translateY(-5px)}.audience-card h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}[data-theme=light] .audience-card h3{color:#1c1c27}.audience-card p{font-size:1rem;color:var(--text-secondary);line-height:1.8}[data-theme=light] .audience-card p{color:#4a4a57}.join-section{background:var(--bg-primary);padding:8rem 2rem}.join-content{text-align:center;max-width:600px;margin:0 auto}.join-title{font-size:3rem;font-weight:700;margin-bottom:1rem}.join-title,[data-theme=light] .join-title{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.join-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2.5rem}[data-theme=light] .join-subtitle{color:#4a4a57}.btn-primary-large{padding:1.25rem 3rem;background:var(--gradient-primary);color:var(--text-primary);text-decoration:none;border-radius:8px;font-weight:600;font-size:1.1rem;transition:transform .3s ease,box-shadow .3s ease;display:inline-block;margin-bottom:1.5rem}.btn-primary-large:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(59,130,246,.3)}.join-note{font-size:.9rem;color:var(--text-muted)}[data-theme=light] .join-note{color:#6b6b7a}.footer{background:var(--bg-secondary);padding:2rem;text-align:center;border-top:1px solid var(--border-color)}.footer p{color:var(--text-muted);font-size:.9rem;margin-bottom:1rem}[data-theme=light] .footer p{color:#6b6b7a}.footer-social{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.footer-social-label{color:var(--text-muted);font-size:.9rem}[data-theme=light] .footer-social-label{color:#6b6b7a}.footer-social-link{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color .3s ease;display:flex;align-items:center;gap:.25rem}.footer-social-link:hover{color:var(--accent-blue)}[data-theme=light] .footer-social-link{color:#4a4a57}[data-theme=light] .footer-social-link:hover{color:var(--accent-blue)}.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;background:transparent;border:none;cursor:pointer;padding:.5rem;z-index:1001}.mobile-menu-toggle span{display:block;width:24px;height:2px;background:var(--text-primary);transition:all .3s ease;border-radius:2px}.mobile-menu-toggle span.open:first-child{transform:rotate(45deg) translate(7px,7px)}.mobile-menu-toggle span.open:nth-child(2){opacity:0}.mobile-menu-toggle span.open:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}@media (max-width:968px){.hero-container{grid-template-columns:1fr;gap:3rem}.hero-title{font-size:2.5rem}.content-wrapper{gap:3rem}.content-wrapper,.steps-container,.visual-grid{grid-template-columns:1fr}.steps-container{gap:2rem}.audience-grid{grid-template-columns:1fr}.container{padding:0 1.5rem}.hero{padding:7rem 1.5rem 3rem}.hero-preview{margin-top:2rem}}@media (max-width:900px){.nav-menu{gap:1.25rem;font-size:.9rem}}@media (max-width:768px){.mobile-menu-toggle{display:flex}.nav-right{gap:.75rem;position:relative}.nav-menu{display:none;position:fixed;top:70px;left:0;right:0;background:var(--bg-primary);border-bottom:1px solid var(--border-color);flex-direction:column;padding:1.5rem;gap:.75rem;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease;z-index:999;box-shadow:0 10px 30px rgba(0,0,0,.3);max-height:calc(100vh - 70px);overflow-y:auto}[data-theme=light] .nav-menu{background:var(--bg-primary);box-shadow:0 10px 30px rgba(0,0,0,.1)}.nav-menu.mobile-open{display:flex;transform:translateY(0);opacity:1;visibility:visible}.nav-menu li{width:100%;white-space:normal}.nav-menu a{display:block;padding:1rem 1.25rem;border-radius:8px;text-align:center;font-size:1rem;min-height:44px;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.nav-menu a:hover{background:hsla(0,0%,100%,.05)}[data-theme=light] .nav-menu a:hover{background:rgba(0,0,0,.05)}.btn-primary-nav{width:100%;text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center}.nav-controls{gap:.5rem}.logo-text{font-size:.95rem}.logo-image{height:28px}.hero-container{gap:2.5rem}.hero-title{font-size:2.25rem}}@media (max-width:640px){.hero-title{font-size:1.875rem;line-height:1.3}.coming-soon-badge{font-size:1.1rem}.section-title{font-size:1.75rem}.nav-container{padding:0 1rem}.nav-menu{top:65px;padding:1.25rem 1rem}.hero-buttons{flex-direction:column;gap:.75rem}.btn-primary,.btn-secondary{width:100%;text-align:center;padding:1rem 1.5rem;font-size:.95rem;min-height:48px}.hero-button-desc{margin-top:.75rem}.hero-button-desc p{font-size:.85rem;line-height:1.5}.hero-subtitle{font-size:.95rem;line-height:1.6}.hero{padding:5.5rem 1rem 2rem;min-height:auto}.hero-container{gap:2rem}.hero-preview{margin-top:1.5rem}.chat-preview{padding:1.25rem}.chat-message{margin-bottom:1rem}.chat-bubble{max-width:85%;min-width:140px;padding:.875rem 1rem;font-size:.875rem}.chat-bubble p{font-size:.875rem;line-height:1.5}.chat-avatar{width:32px;height:32px;min-width:32px}.avatar-icon{font-size:.95rem}.story-section{padding:3rem 1rem}.story-opening{font-size:1.25rem;margin-bottom:1.5rem;line-height:1.6}.story-text p{font-size:.95rem;line-height:1.8;margin-bottom:1rem}.question{font-size:1.1rem;line-height:1.8;margin:1.5rem 0}.brand-text{font-size:1.25rem!important}.mission-text{font-size:1rem!important}.section{padding:3rem 1rem}.container{padding:0 1rem}.detail-text,.intro-text{font-size:.95rem;line-height:1.7}.visual-card{padding:1.5rem}.visual-card h3{font-size:1.1rem}.visual-card p{font-size:.9rem}.step h3{font-size:1.1rem}.step p{font-size:.9rem}.audience-card{padding:1.5rem}.audience-card h3{font-size:1.1rem}.audience-card p{font-size:.9rem}.join-section{padding:3rem 1rem}.join-title{font-size:1.75rem}.join-subtitle{font-size:.95rem}.btn-primary-large{width:100%;padding:1rem 1.5rem;font-size:1rem;min-height:48px}.footer{padding:2rem 1rem;font-size:.85rem}.logo-text{font-size:.875rem}.logo-image{height:24px}}@media (max-width:480px){.hero-title{font-size:1.625rem;line-height:1.25}.coming-soon-badge{font-size:1rem}.section-title{font-size:1.5rem}.hero-subtitle{font-size:.9rem;line-height:1.6}.nav-container{padding:0 .875rem}.nav-menu{padding:1rem .875rem}.nav-menu a{padding:.875rem 1rem;font-size:.95rem}.hero{padding:5rem .875rem 1.5rem}.hero-container{gap:1.5rem}.chat-bubble{max-width:90%;padding:.75rem .875rem;min-width:120px}.chat-bubble,.chat-bubble p{font-size:.85rem}.chat-avatar{width:28px;height:28px;min-width:28px}.story-section{padding:2.5rem .875rem}.story-opening{font-size:1.15rem}.question{font-size:1.05rem}.section{padding:2.5rem .875rem}.container{padding:0 .875rem}.audience-card,.visual-card{padding:1.25rem}.join-section{padding:2.5rem .875rem}.footer{padding:1.5rem .875rem}}@media (max-width:375px){.hero-title{font-size:1.5rem}.section-title{font-size:1.375rem}.hero-subtitle{font-size:.875rem}.btn-primary,.btn-primary-large,.btn-secondary{padding:.875rem 1.25rem;font-size:.9rem}.logo-text{font-size:.8rem}.logo-image{height:22px}.nav-menu a{font-size:.9rem;padding:.75rem .875rem}}@media (max-width:320px){.hero-title{font-size:1.375rem}.section-title{font-size:1.25rem}.nav-container{padding:0 .75rem}.hero{padding:4.5rem .75rem 1.25rem}.section{padding:2rem .75rem}.container{padding:0 .75rem}.chat-bubble{max-width:92%;min-width:100px;padding:.625rem .75rem;font-size:.8rem}}.social-media-page{min-height:100vh;padding-top:80px;background:var(--bg-primary)}.social-media-header{text-align:center;margin-bottom:4rem;padding:2rem 0}.social-media-title{font-size:3rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#b8b8c8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .social-media-title{background:linear-gradient(135deg,#1c1c27,#4a4a57);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.social-media-subtitle{font-size:1.25rem;color:var(--text-secondary)}[data-theme=light] .social-media-subtitle{color:#4a4a57}.social-media-content{max-width:900px;margin:0 auto}.social-platform{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:2.5rem;margin-bottom:2rem}[data-theme=light] .social-platform{background:var(--bg-card);box-shadow:var(--shadow-card)}.platform-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.platform-icon{font-size:2.5rem}.platform-name{font-size:1.75rem;font-weight:600;color:var(--text-primary);flex:1 1}[data-theme=light] .platform-name{color:#1c1c27}.platform-link{padding:.75rem 1.5rem;background:var(--gradient-primary);color:var(--text-primary);text-decoration:none;border-radius:8px;font-weight:500;transition:transform .2s ease,opacity .2s ease;display:inline-block}.platform-link:hover{transform:translateY(-2px);opacity:.9}.posts-list{display:flex;flex-direction:column;gap:1.5rem}.post-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:2.5rem;transition:transform .3s ease,box-shadow .3s ease;margin-bottom:2rem}[data-theme=light] .post-item{background:var(--bg-card);box-shadow:var(--shadow-card)}.post-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.15)}[data-theme=light] .post-item:hover{box-shadow:0 8px 24px rgba(0,0,0,.08)}.content-section{margin-bottom:2.5rem}.content-section:last-child{margin-bottom:0}.content-type-label{font-size:1rem;font-weight:600;color:var(--text-secondary);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}[data-theme=light] .content-type-label{color:#4a4a57}.post-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;line-height:1.6}[data-theme=light] .post-title{color:#1c1c27}.video-container{width:100%;margin-bottom:1.5rem;border-radius:12px;overflow:hidden;background:var(--bg-primary);position:relative;padding-top:56.25%}.bilibili-video{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:12px}.opus-container{width:100%;margin-bottom:1rem;border-radius:12px;overflow:hidden;background:var(--bg-primary);border:1px solid var(--border-color);min-height:500px}[data-theme=light] .opus-container{background:var(--bg-card);border-color:var(--border-light);box-shadow:var(--shadow-card)}.bilibili-opus{width:100%;min-height:500px;border:none;border-radius:12px;display:block}.content-link{padding:.75rem 1.5rem;background:hsla(0,0%,100%,.05);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);text-decoration:none;font-size:.95rem;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem}[data-theme=light] .content-link{background:rgba(0,0,0,.03);border-color:var(--border-light);color:#4a4a57}.content-link:hover{background:hsla(0,0%,100%,.1);border-color:var(--accent-blue);color:var(--text-primary);transform:translateY(-2px)}[data-theme=light] .content-link:hover{background:rgba(106,92,255,.1);border-color:var(--accent-blue);color:var(--accent-blue)}.link-icon{font-size:1rem;transition:transform .3s ease}.content-link:hover .link-icon{transform:translateX(4px)}@media (max-width:768px){.social-media-title{font-size:2.25rem}.social-media-subtitle{font-size:1.1rem}.social-platform{padding:2rem}.platform-header{flex-direction:column;align-items:flex-start;gap:1rem}.platform-link{width:100%;text-align:center}.post-item{padding:1.5rem}.post-title{font-size:1.1rem}.content-section{margin-bottom:2rem}.video-container{margin-bottom:1rem}.opus-container{min-height:400px}.content-link{width:100%;justify-content:center}}@media (max-width:640px){.social-media-page{padding-top:70px}.social-media-header{margin-bottom:3rem;padding:1.5rem 0}.social-media-title{font-size:1.875rem}.social-media-subtitle{font-size:1rem}.social-platform{padding:1.5rem}.post-item{padding:1.25rem}.content-section{margin-bottom:1.5rem}.opus-container{min-height:350px}}.google-signin-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.google-signin-button-wrapper{display:flex;justify-content:center;align-items:center;min-height:50px}.user-profile{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;min-width:280px}[data-theme=light] .user-profile{background:var(--bg-card);box-shadow:var(--shadow-card)}.user-info{display:flex;align-items:center;gap:1rem;width:100%}.user-avatar{width:48px;height:48px;border-radius:50%;border:2px solid var(--border-color)}.user-details{flex:1 1}.user-name{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}[data-theme=light] .user-name{color:#1c1c27}.user-email{font-size:.875rem;color:var(--text-secondary);margin:0}[data-theme=light] .user-email{color:#4a4a57}.sign-out-btn{padding:.75rem 1.5rem;background:hsla(0,0%,100%,.05);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.95rem;cursor:pointer;transition:all .3s ease;width:100%}[data-theme=light] .sign-out-btn{background:rgba(0,0,0,.03);border-color:var(--border-light);color:#4a4a57}.sign-out-btn:hover{background:hsla(0,0%,100%,.1);border-color:var(--accent-blue);color:var(--text-primary)}[data-theme=light] .sign-out-btn:hover{background:rgba(106,92,255,.1);border-color:var(--accent-blue);color:var(--accent-blue)}.login-page{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:4rem 1rem}.login-container{max-width:500px;width:100%;text-align:center;padding:3rem 2rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.1)}[data-theme=light] .login-container{background:var(--bg-card);box-shadow:var(--shadow-card)}.login-title{font-size:2rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}[data-theme=light] .login-title{background:linear-gradient(135deg,#6a5cff,#ff8d45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-subtitle{font-size:1rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}[data-theme=light] .login-subtitle{color:#4a4a57}.onboarding-page{min-height:100vh;position:relative;overflow-x:hidden}.onboarding-container{width:100%;position:relative}.onboarding-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:2rem 1rem;overflow:hidden}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;background:radial-gradient(circle at 20% 50%,rgba(106,92,255,.15),transparent 50%),radial-gradient(circle at 80% 50%,rgba(255,141,69,.15),transparent 50%);animation:backgroundShift 8s ease-in-out infinite}@keyframes backgroundShift{0%,to{opacity:1}50%{opacity:.7}}[data-theme=light] .hero-background{background:radial-gradient(circle at 20% 50%,rgba(106,92,255,.08),transparent 50%),radial-gradient(circle at 80% 50%,rgba(255,141,69,.08),transparent 50%)}.hero-silhouette{position:absolute;width:200px;height:300px;border-radius:100px 100px 0 0;opacity:.3;filter:blur(20px);animation:silhouetteFloat 6s ease-in-out infinite}.hero-silhouette.youth{left:15%;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,rgba(106,92,255,.4),rgba(255,141,69,.4));animation-delay:0s}.hero-silhouette.adult{left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,rgba(106,92,255,.5),rgba(255,141,69,.5));width:220px;height:320px;animation-delay:2s}.hero-silhouette.future{right:15%;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,rgba(106,92,255,.3),rgba(255,141,69,.3));width:240px;height:340px;filter:blur(25px);animation-delay:4s}@keyframes silhouetteFloat{0%,to{transform:translateY(-50%) translateX(0)}50%{transform:translateY(-55%) translateX(10px)}}.hero-silhouette.adult{animation-name:silhouetteFloatCenter}@keyframes silhouetteFloatCenter{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-55%) translateY(-10px)}}.hero-silhouette.future{animation-name:silhouetteFloatRight}@keyframes silhouetteFloatRight{0%,to{transform:translateY(-50%) translateX(0)}50%{transform:translateY(-55%) translateX(-10px)}}.hero-content{position:relative;z-index:1;text-align:center;max-width:800px;width:100%;animation:fadeInUp 1s ease-out}.hero-title{font-size:2.5rem;font-weight:700;line-height:1.3;color:var(--text-primary);margin:0 0 1.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .hero-title{background:linear-gradient(135deg,#6a5cff,#ff8d45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.3rem;line-height:1.8;color:var(--text-secondary);margin:0 0 3rem;font-weight:400}[data-theme=light] .hero-subtitle{color:#4a4a57}.hero-button{font-size:1.3rem;font-weight:600;padding:1.25rem 3rem;background:var(--gradient-primary);border:none;border-radius:16px;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 32px rgba(106,92,255,.4);animation:buttonPulse 2s ease-in-out infinite;margin-bottom:1.5rem;min-width:320px}.hero-button:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(106,92,255,.5)}.hero-button:active{transform:translateY(0)}.hero-hint{font-size:1.1rem;color:var(--text-primary);margin:0;font-weight:500;opacity:.9}[data-theme=light] .hero-hint{color:#1c1c27}@media (max-width:768px){.onboarding-hero{min-height:90vh;padding:1rem}.hero-silhouette{width:120px;height:180px;opacity:.2}.hero-silhouette.youth{left:5%}.hero-silhouette.adult{width:140px;height:200px}.hero-silhouette.future{right:5%;width:160px;height:220px}.hero-title{font-size:1.8rem;margin-bottom:1rem}.hero-subtitle{font-size:1.1rem;margin-bottom:2rem}.hero-button{font-size:1.1rem;padding:1rem 2rem;min-width:100%;max-width:100%}.hero-hint{font-size:.9rem}}.onboarding-content{text-align:center;animation:fadeInUp .8s ease-out}.emotional-entry{margin-bottom:3rem;animation:fadeInUp .8s ease-out .1s both}.chat-preview-container{max-width:400px;margin:0 auto;padding:2rem;background:hsla(0,0%,100%,.02);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.chat-preview-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(106,92,255,.1),transparent 60%);pointer-events:none}.chat-bubble-left,.chat-bubble-right{margin:1rem 0;padding:.75rem 1rem;border-radius:12px;max-width:75%;animation:fadeInUp .6s ease-out both;position:relative}.chat-bubble-left{background:rgba(106,92,255,.15);border:1px solid rgba(106,92,255,.3);margin-right:auto;animation-delay:.2s}.chat-bubble-right{background:rgba(255,141,69,.15);border:1px solid rgba(255,141,69,.3);margin-left:auto;animation-delay:.4s}.chat-bubble-left p,.chat-bubble-right p{margin:0;font-size:.95rem;line-height:1.6;color:var(--text-primary)}[data-theme=light] .chat-bubble-left{background:rgba(106,92,255,.1);border-color:rgba(106,92,255,.2)}[data-theme=light] .chat-bubble-right{background:rgba(255,141,69,.1);border-color:rgba(255,141,69,.2)}[data-theme=light] .chat-bubble-left p,[data-theme=light] .chat-bubble-right p{color:#1c1c27}.emotional-quote{margin:3rem 0;text-align:center;animation:fadeInUp .8s ease-out .3s both}.quote-text{font-size:1.4rem;line-height:1.8;color:var(--text-primary);font-weight:500;font-style:italic;margin:0;padding:0 1rem}[data-theme=light] .quote-text{color:#1c1c27}.soul-section{margin:4rem 0;padding:3rem 2rem;text-align:center;position:relative;animation:fadeInUp .8s ease-out .5s both}.soul-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(106,92,255,.08),transparent 70%);pointer-events:none;z-index:0}[data-theme=light] .soul-section:before{background:radial-gradient(circle at center,rgba(106,92,255,.05),transparent 70%)}.soul-questions{position:relative;z-index:1;margin-bottom:2.5rem}.soul-question{font-size:1.5rem;line-height:2;color:var(--text-primary);font-weight:600;margin:1.5rem 0;padding:0 1rem;animation:fadeInUp .8s ease-out both;position:relative}.soul-question-1{animation-delay:.6s}.soul-question-2{animation-delay:.7s}.soul-question-3{animation-delay:.8s}[data-theme=light] .soul-question{color:#1c1c27}.soul-realization{position:relative;z-index:1;margin:3rem 0;padding:2rem;background:hsla(0,0%,100%,.02);border-left:3px solid var(--accent-purple);border-radius:12px;animation:fadeInUp .8s ease-out .9s both}[data-theme=light] .soul-realization{background:rgba(106,92,255,.05);border-left-color:var(--accent-purple)}.soul-realization-text{font-size:1.15rem;line-height:2;color:var(--text-primary);margin:0;font-weight:400;text-align:left}[data-theme=light] .soul-realization-text{color:#1c1c27}.soul-invitation{position:relative;z-index:1;margin-top:3rem;padding:2rem;animation:fadeInUp .8s ease-out 1.1s both}.soul-invitation-text{font-size:1.3rem;line-height:2;color:var(--text-primary);margin:0;font-weight:500;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .soul-invitation-text{background:linear-gradient(135deg,#6a5cff,#ff8d45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stories-section{margin:4rem 0;display:grid;grid-gap:2rem;gap:2rem;animation:fadeInUp .8s ease-out 1.3s both}.story-card{display:flex;gap:1.5rem;padding:1.5rem;background:hsla(0,0%,100%,.03);border:1px solid var(--border-color);border-radius:16px;transition:all .3s ease;animation:fadeInUp .6s ease-out both}.story-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(106,92,255,.2);border-color:var(--accent-blue)}.story-card-1{animation-delay:1.4s}.story-card-2{animation-delay:1.5s}.story-card-3{animation-delay:1.6s}.story-card-4{animation-delay:1.7s}[data-theme=light] .story-card{background:rgba(106,92,255,.05);border-color:var(--border-light)}[data-theme=light] .story-card:hover{box-shadow:0 8px 24px rgba(106,92,255,.15)}.story-image{width:120px;height:120px;border-radius:12px;flex-shrink:0;position:relative;overflow:hidden}.story-image-1{background:linear-gradient(135deg,rgba(106,92,255,.3),rgba(255,141,69,.3))}.story-image-1:before{content:"";position:absolute;width:60px;height:60px;border-radius:50%;background:rgba(106,92,255,.4);top:20px;left:10px;box-shadow:40px 30px 0 rgba(255,141,69,.3)}.story-image-2{background:linear-gradient(135deg,rgba(70,130,180,.3),rgba(106,92,255,.3))}.story-image-2:before{content:"";position:absolute;width:80px;height:50px;background:rgba(70,130,180,.5);bottom:20px;left:20px;border-radius:4px;box-shadow:0 0 20px rgba(106,92,255,.3)}.story-image-3{background:linear-gradient(135deg,rgba(255,141,69,.3),rgba(255,200,100,.3))}.story-image-3:before{content:"";position:absolute;width:40px;height:60px;background:rgba(255,141,69,.4);bottom:20px;right:30px;border-radius:4px;box-shadow:-20px 0 0 rgba(255,200,100,.3)}.story-image-4{background:linear-gradient(135deg,rgba(106,92,255,.2),rgba(70,130,180,.2))}.story-image-4:before{content:"";position:absolute;width:90px;height:40px;background:rgba(106,92,255,.3);top:30px;left:15px;border-radius:4px;filter:blur(2px)}.story-content{flex:1 1;display:flex;flex-direction:column;justify-content:center}.story-text{line-height:1.8;margin:0 0 .5rem}.story-meta{font-size:.875rem;color:var(--text-secondary);margin:0;font-weight:500}[data-theme=light] .story-meta{color:#6b6b7a}.story-card-footer{grid-column:1/-1;text-align:center;padding:2rem;margin-top:1rem;animation:fadeInUp .8s ease-out 1.8s both}.story-card-footer p{font-size:1rem;line-height:1.8;color:var(--text-secondary);margin:0;font-style:italic}[data-theme=light] .story-card-footer p{color:#6b6b7a}.cta-section{margin:4rem 0 3rem;text-align:center;padding:3rem 2rem;background:hsla(0,0%,100%,.03);border:1px solid var(--border-color);border-radius:20px;animation:fadeInUp .8s ease-out 1.9s both}[data-theme=light] .cta-section{background:rgba(106,92,255,.08);border-color:var(--border-light)}.cta-title{font-size:1.8rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 1rem}[data-theme=light] .cta-title{background:linear-gradient(135deg,#6a5cff,#ff8d45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-subtitle{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);margin:0 0 2rem}[data-theme=light] .cta-subtitle{color:#4a4a57}.generate-button{min-width:280px;font-size:1.1rem;padding:1rem 2.5rem;animation:buttonPulse 2s ease-in-out infinite}@media (max-width:768px){.chat-preview-container{max-width:100%;padding:1.5rem}.quote-text{font-size:1.2rem}.soul-section{padding:2rem 1rem;margin:3rem 0}.soul-question{font-size:1.2rem;line-height:1.8;margin:1.2rem 0}.soul-realization{padding:1.5rem;margin:2rem 0}.soul-realization-text{font-size:1rem;line-height:1.8}.soul-invitation{padding:1.5rem;margin-top:2rem}.soul-invitation-text{font-size:1.1rem;line-height:1.8}.story-card{flex-direction:column;gap:1rem}.story-image{width:100%;height:150px}.cta-section{padding:2rem 1.5rem}.cta-title{font-size:1.5rem}.generate-button{min-width:100%}}.onboarding-question{margin-bottom:3rem;text-align:center;animation:fadeInUp .8s ease-out .1s both}.question-text{font-size:2rem;font-weight:700;line-height:1.5;color:var(--text-primary);margin:0;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .question-text{background:linear-gradient(135deg,#6a5cff,#ff8d45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pain-points-section{margin:2.5rem 0;padding:2rem;background:hsla(0,0%,100%,.02);border-left:3px solid var(--accent-blue);border-radius:8px;animation:fadeInUp .8s ease-out .3s both}[data-theme=light] .pain-points-section{background:rgba(106,92,255,.05);border-left-color:var(--accent-blue)}.pain-points-text{font-size:1.2rem;line-height:2.2;color:var(--text-primary);margin:0;font-weight:400;text-align:left}[data-theme=light] .pain-points-text{color:#1c1c27}.realization-section{margin:2.5rem 0;text-align:center;animation:fadeInUp .8s ease-out .5s both}.realization-text{font-size:1.15rem;line-height:1.8;color:var(--text-secondary);margin:0;font-style:italic}[data-theme=light] .realization-text{color:#4a4a57}.fear-section{margin:3rem 0;padding:2.5rem;background:hsla(0,0%,100%,.03);border:1px solid var(--border-color);border-radius:16px;animation:fadeInUp .8s ease-out .7s both}[data-theme=light] .fear-section{background:rgba(106,92,255,.05);border-color:var(--border-light)}.fear-text{font-size:1.1rem;line-height:2;color:var(--text-primary);margin:.8rem 0;font-weight:400}.fear-text-1{font-size:1.15rem;margin-bottom:1.2rem}.fear-text-2,.fear-text-3,.fear-text-4{padding-left:1.5rem;position:relative}.fear-text-2:before,.fear-text-3:before,.fear-text-4:before{content:"•";position:absolute;left:0;color:var(--accent-purple);font-size:1.5rem}[data-theme=light] .fear-text{color:#1c1c27}.challenge-section{margin:3.5rem 0;text-align:center;padding:2rem;animation:fadeInUp .8s ease-out .9s both}.challenge-text{font-size:1.4rem;line-height:2;color:var(--text-primary);margin:0;font-weight:600;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .challenge-text{background:linear-gradient(135deg,#6a5cff,#ff8d45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.greeting-section{margin:4rem 0 3rem;text-align:center;padding:3rem 2rem;background:hsla(0,0%,100%,.03);border:1px solid var(--border-color);border-radius:20px;animation:fadeInUp .8s ease-out 1.1s both}[data-theme=light] .greeting-section{background:rgba(106,92,255,.08);border-color:var(--border-light)}.greeting-text{font-size:2rem;margin:0 0 1.5rem}.invitation-text{font-size:1.2rem;line-height:2;color:var(--text-primary);margin:0;font-weight:400}[data-theme=light] .invitation-text{color:#1c1c27}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.human-timeline-visual{display:flex;justify-content:center;align-items:flex-end;gap:1.5rem;margin-bottom:2rem;height:120px;position:relative}.human-silhouette{position:relative;display:flex;flex-direction:column;align-items:center;animation:fadeInUp .8s ease-out both}.human-silhouette.childhood{animation-delay:.1s}.human-silhouette.youth{animation-delay:.3s}.human-silhouette.adult{animation-delay:.5s}.human-silhouette.future{animation-delay:.7s;opacity:.4}.silhouette-shape{width:40px;height:60px;background:var(--gradient-primary);border-radius:20px 20px 0 0;position:relative;transition:all .3s ease}.human-silhouette.childhood .silhouette-shape{width:30px;height:45px;background:linear-gradient(135deg,rgba(106,92,255,.6),rgba(255,141,69,.6))}.human-silhouette.youth .silhouette-shape{width:35px;height:55px;background:linear-gradient(135deg,rgba(106,92,255,.8),rgba(255,141,69,.8))}.human-silhouette.adult .silhouette-shape{width:40px;height:65px;background:var(--gradient-primary)}.human-silhouette.future .silhouette-shape{width:45px;height:70px;background:linear-gradient(135deg,rgba(106,92,255,.3),rgba(255,141,69,.3));filter:blur(2px)}.human-silhouette:hover .silhouette-shape{transform:translateY(-5px);box-shadow:0 8px 20px rgba(106,92,255,.4)}[data-theme=light] .silhouette-shape{box-shadow:0 4px 12px rgba(106,92,255,.2)}[data-theme=light] .human-silhouette.childhood .silhouette-shape{background:linear-gradient(135deg,rgba(106,92,255,.4),rgba(255,141,69,.4))}[data-theme=light] .human-silhouette.youth .silhouette-shape{background:linear-gradient(135deg,rgba(106,92,255,.6),rgba(255,141,69,.6))}[data-theme=light] .human-silhouette.adult .silhouette-shape{background:linear-gradient(135deg,#6a5cff,#ff8d45)}[data-theme=light] .human-silhouette.future .silhouette-shape{background:linear-gradient(135deg,rgba(106,92,255,.2),rgba(255,141,69,.2))}.greeting-text{font-size:2.5rem;font-weight:700;line-height:1.4;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}[data-theme=light] .greeting-text{background:linear-gradient(135deg,#6a5cff,#ff8d45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.greeting-highlight{color:var(--accent-gold);-webkit-text-fill-color:var(--accent-gold)}[data-theme=light] .greeting-highlight{color:#ff8d45;-webkit-text-fill-color:#ff8d45}.onboarding-intro{margin-bottom:4rem;animation:fadeInUp 1s ease-out .4s both}.intro-text{font-size:1.5rem;line-height:2;color:var(--text-primary);margin:0 0 1.5rem;font-weight:400}[data-theme=light] .intro-text{color:#1c1c27}.intro-break{display:inline-block;margin:0 .25rem}.intro-subtitle{font-size:1.2rem;color:var(--text-primary);margin:1.5rem 0 .5rem;font-weight:600}[data-theme=light] .intro-subtitle{color:#1c1c27}.emotional-text{font-size:1.1rem;color:var(--text-secondary);margin:.5rem 0 0;font-style:italic;line-height:1.8}[data-theme=light] .emotional-text{color:#4a4a57}.story-section{margin:3rem 0;padding:2rem;background:hsla(0,0%,100%,.03);border:1px solid var(--border-color);border-radius:20px;animation:fadeInUp 1s ease-out .6s both}[data-theme=light] .story-section{background:rgba(106,92,255,.05);border-color:var(--border-light)}.story-text{font-size:1.15rem;line-height:2;color:var(--text-primary);margin:0;font-weight:400}[data-theme=light] .story-text{color:#1c1c27}.timeline-visual{position:relative;min-height:120px;margin:3rem 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;animation:fadeInUp 1s ease-out .8s both}.timeline-content{text-align:center;z-index:2;position:relative}.timeline-line-container{position:relative;width:100%;max-width:600px;height:60px;display:flex;align-items:center;justify-content:center}.timeline-line{position:absolute;width:100%;height:2px;background:var(--gradient-primary);top:50%;left:0;transform:translateY(-50%);z-index:1}[data-theme=light] .timeline-line{background:linear-gradient(90deg,#6a5cff,#ff8d45)}.timeline-title{font-size:1.5rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem}[data-theme=light] .timeline-title{background:linear-gradient(135deg,#6a5cff,#ff8d45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.timeline-subtitle{font-size:1rem;color:var(--text-secondary);margin:0;font-style:italic}[data-theme=light] .timeline-subtitle{color:#6b6b7a}.timeline-point{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--bg-primary);border:3px solid;z-index:2;transition:all .3s ease;top:50%;transform:translateY(-50%)}.timeline-point:hover{transform:translateY(-50%) scale(1.3);box-shadow:0 0 20px rgba(106,92,255,.5)}.timeline-point.past{left:0;border-color:var(--accent-blue);background:var(--accent-blue);animation:timelinePoint 1s ease-out 1s both}.timeline-point.present{left:50%;transform:translate(-50%,-50%);border-color:var(--accent-purple);background:var(--accent-purple);animation:timelinePoint 1s ease-out 1.2s both}.timeline-point.present:hover{transform:translate(-50%,-50%) scale(1.3)}.timeline-point.future{right:0;border-color:var(--accent-gold);background:var(--accent-gold);animation:timelinePoint 1s ease-out 1.4s both}@keyframes timelinePoint{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.welcome-section{margin:3rem 0 2rem;padding:2rem;text-align:center;animation:fadeInUp 1s ease-out 1s both}.welcome-text{font-size:1.5rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem}[data-theme=light] .welcome-text{background:linear-gradient(135deg,#6a5cff,#ff8d45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-subtext{font-size:1.1rem;color:var(--text-secondary);margin:0;font-style:italic}[data-theme=light] .welcome-subtext{color:#4a4a57}.onboarding-actions{display:flex;flex-direction:column;gap:1rem;align-items:center;margin-top:3rem;animation:fadeInUp 1s ease-out 1s both}.onboarding-start-btn{min-width:280px;font-size:1.1rem;padding:1rem 2.5rem;animation:buttonPulse 2s ease-in-out infinite}@keyframes buttonPulse{0%,to{box-shadow:0 4px 20px rgba(106,92,255,.3)}50%{box-shadow:0 4px 30px rgba(106,92,255,.5)}}.onboarding-skip-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:.75rem 2rem;transition:all .3s ease}.onboarding-skip-btn:hover{border-color:var(--accent-blue);color:var(--text-primary);background:rgba(106,92,255,.1)}[data-theme=light] .onboarding-skip-btn{border-color:var(--border-light);color:#6b6b7a}[data-theme=light] .onboarding-skip-btn:hover{border-color:var(--accent-blue);color:var(--accent-blue);background:rgba(106,92,255,.1)}@media (max-width:768px){.question-text{font-size:1.5rem}.pain-points-section{padding:1.5rem}.pain-points-text{font-size:1rem;line-height:2}.realization-text{font-size:1rem}.fear-section{padding:2rem 1.5rem}.fear-text{font-size:1rem;line-height:1.8}.fear-text-1{font-size:1.05rem}.challenge-text{font-size:1.2rem;line-height:1.8}.greeting-section{padding:2rem 1.5rem}.greeting-text{font-size:1.6rem}.invitation-text{font-size:1.05rem;line-height:1.8}.onboarding-start-btn{min-width:100%}}.language-switcher{display:flex;gap:.5rem;background:hsla(0,0%,100%,.05);border:1px solid var(--border-color);border-radius:6px;padding:.25rem}[data-theme=light] .language-switcher{background:rgba(0,0,0,.05)}.lang-btn{padding:.4rem .8rem;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.lang-btn:hover{color:var(--text-primary);background:hsla(0,0%,100%,.1)}[data-theme=light] .lang-btn:hover{background:rgba(0,0,0,.1)}.lang-btn.active{background:var(--gradient-primary);color:var(--text-primary);font-weight:600}.theme-switcher{width:36px;height:36px;border-radius:6px;border:1px solid var(--border-color);background:hsla(0,0%,100%,.05);color:var(--text-primary);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}[data-theme=light] .theme-switcher{background:rgba(0,0,0,.05)}.theme-switcher:hover{background:hsla(0,0%,100%,.1);transform:scale(1.05)}[data-theme=light] .theme-switcher:hover{background:rgba(0,0,0,.1)}.community-page{min-height:100vh;padding-top:80px;background:var(--bg-primary)}.community-container{max-width:1000px;margin:0 auto;padding:4rem 2rem}.community-title{font-size:3rem;font-weight:700;text-align:center;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#b8b8c8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .community-title{background:linear-gradient(135deg,#1c1c27,#4a4a57);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.community-subtitle{font-size:1.25rem;color:var(--text-secondary);text-align:center;margin-bottom:4rem}[data-theme=light] .community-subtitle{color:#4a4a57}.community-options{display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;gap:3rem;margin-bottom:3rem}.community-option{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:2.5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}[data-theme=light] .community-option{background:var(--bg-card);box-shadow:var(--shadow-card)}.community-option:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,0,0,.2)}[data-theme=light] .community-option:hover{box-shadow:0 10px 30px rgba(0,0,0,.1)}.option-icon{margin-bottom:1.5rem}.option-title{font-size:1.75rem;margin-bottom:1rem}.option-description{font-size:1rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}[data-theme=light] .option-description{color:#4a4a57}.discord-invite{display:flex;flex-direction:column;align-items:center;gap:1rem}.invite-code-label{font-size:.9rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.invite-code{font-size:1.5rem;font-weight:700;font-family:Courier New,monospace;background:var(--bg-primary);border-radius:8px;border:2px solid var(--border-color);letter-spacing:2px}.btn-discord,.invite-code{padding:1rem 2rem;color:var(--text-primary)}.btn-discord{background:var(--gradient-primary);text-decoration:none;border-radius:8px;font-weight:600;font-size:1rem;transition:transform .2s ease,opacity .2s ease;display:inline-block}.btn-discord:hover{transform:translateY(-2px);opacity:.9}.wechat-qr{display:flex;flex-direction:column;align-items:center;gap:1rem}.qr-image{width:250px;height:250px;border-radius:12px;border:2px solid var(--border-color);object-fit:contain;background:#fff;padding:.5rem}.qr-hint{font-size:.9rem;color:var(--text-muted)}.community-note{text-align:center;padding:2rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}[data-theme=light] .community-note{background:rgba(106,92,255,.05);border-color:rgba(106,92,255,.2)}.community-note p{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:0}[data-theme=light] .community-note p{color:#4a4a57}@media (max-width:768px){.community-container{padding:3rem 1.5rem}.community-title{font-size:2.25rem}.community-subtitle{font-size:1.1rem;margin-bottom:3rem}}.feedback-page{min-height:100vh;padding-top:80px;background:var(--bg-primary)}.feedback-container{max-width:800px;margin:0 auto;padding:4rem 2rem}.feedback-header{text-align:center;margin-bottom:3rem}.feedback-header h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .feedback-header h1{background:linear-gradient(135deg,#6a5cff,#ff8d45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feedback-header p{font-size:1.1rem;color:var(--text-secondary);line-height:1.6}[data-theme=light] .feedback-header p{color:#4a4a57}.feedback-success{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:2rem;text-align:center;margin-bottom:2rem}[data-theme=light] .feedback-success{background:rgba(106,92,255,.1);border-color:rgba(106,92,255,.3)}.success-icon{width:60px;height:60px;border-radius:50%;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 1rem}.feedback-success h3{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.feedback-success p{color:var(--text-secondary);margin:0}.feedback-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:1rem;margin-bottom:1.5rem;color:#ef4444}.feedback-form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:2.5rem}[data-theme=light] .feedback-form{background:var(--bg-card);box-shadow:var(--shadow-card)}.feedback-form-group{margin-bottom:1.5rem}.feedback-form-group label{display:block;font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}[data-theme=light] .feedback-form-group label{color:#1c1c27}.feedback-form-group .optional{font-weight:400;color:var(--text-muted);font-size:.85rem}.feedback-form-group input,.feedback-form-group select,.feedback-form-group textarea{width:100%;padding:.75rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all .3s ease}[data-theme=light] .feedback-form-group input,[data-theme=light] .feedback-form-group select,[data-theme=light] .feedback-form-group textarea{background:#fff;border-color:var(--border-light);color:#1c1c27}.feedback-form-group input:focus,.feedback-form-group select:focus,.feedback-form-group textarea:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(106,92,255,.1)}.feedback-form-group textarea{resize:vertical;min-height:150px}.feedback-form-group select{cursor:pointer}.feedback-submit-btn{width:100%;padding:1rem 2rem;background:var(--gradient-primary);border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.feedback-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(106,92,255,.4)}.feedback-submit-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.feedback-container{padding:2rem 1rem}.feedback-header h1{font-size:2rem}.feedback-form{padding:1.5rem}.community-options{grid-template-columns:1fr;gap:2rem}.community-option{padding:2rem}.option-title{font-size:1.5rem}.qr-image{width:220px;height:220px}}@media (max-width:640px){.community-container{padding:2rem 1rem}.community-title{font-size:1.875rem}.community-subtitle{font-size:1rem;margin-bottom:2.5rem}.community-option{padding:1.5rem}.option-icon{font-size:2.5rem}.option-title{font-size:1.25rem}.option-description{font-size:.95rem}.invite-code{font-size:1.25rem;padding:.875rem 1.5rem}.qr-image{width:200px;height:200px}.community-note{padding:1.5rem}}.timewall-preview{padding:6rem 2rem;background:var(--bg-primary);position:relative;overflow:hidden}.timewall-preview:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-subtle);opacity:.3;pointer-events:none}.timewall-preview-header{text-align:center;margin-bottom:4rem;position:relative;z-index:1}.timewall-preview-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;line-height:1.3;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.timewall-preview-subtitle{font-size:1.2rem;color:var(--text-secondary);line-height:1.8;max-width:800px;margin:0 auto;white-space:pre-line}.timewall-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:4rem;position:relative;z-index:1}.timewall-preview-card{background:hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s ease;animation:fadeInUp .6s ease forwards;opacity:0}[data-theme=light] .timewall-preview-card{background:hsla(0,0%,100%,.8);border-color:var(--border-light);box-shadow:var(--shadow-card)}.timewall-preview-card:hover{transform:translateY(-4px);border-color:var(--accent-purple);box-shadow:0 8px 24px rgba(139,92,246,.2)}.timewall-card-text{font-size:1.1rem;margin-bottom:1rem}.timewall-card-age{font-weight:500;color:var(--text-secondary)}.timewall-card-tags{color:var(--text-muted)}.timewall-card-tag{color:var(--text-secondary)}.timewall-preview-footer{text-align:center;position:relative;z-index:1}.timewall-preview-footer-text{font-size:1.1rem;color:var(--text-secondary);margin-bottom:1.5rem}.timewall-preview-link{display:inline-block;padding:.875rem 2rem;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);text-decoration:none;font-size:1rem;transition:all .3s ease;font-weight:500}.timewall-preview-link:hover{border-color:var(--accent-purple);color:var(--accent-purple);transform:translateY(-2px)}.timewall-page{padding:8rem 2rem 4rem;min-height:100vh;background:var(--bg-primary)}.timewall-page-header{text-align:center;margin-bottom:4rem;max-width:1000px;margin-left:auto;margin-right:auto}.timewall-page-title{font-size:3rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;line-height:1.3;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.timewall-page-subtitle{font-size:1.25rem;color:var(--text-secondary);line-height:1.8;white-space:pre-line}.timewall-filters{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem;padding:0 1rem}.timewall-filter-btn{padding:.75rem 1.5rem;background:hsla(0,0%,100%,.05);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.95rem;cursor:pointer;transition:all .3s ease;font-weight:500}[data-theme=light] .timewall-filter-btn{background:hsla(0,0%,100%,.8);border-color:var(--border-light)}.timewall-filter-btn:hover{border-color:var(--accent-purple);color:var(--accent-purple);transform:translateY(-2px)}.timewall-filter-btn.active{background:var(--gradient-primary);border-color:transparent;color:var(--text-primary);box-shadow:0 4px 12px rgba(139,92,246,.3)}.timewall-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:4rem;padding:0 1rem}.timewall-card{background:hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:12px;padding:2rem;transition:all .3s ease;animation:fadeInUp .6s ease forwards;opacity:0}[data-theme=light] .timewall-card{background:hsla(0,0%,100%,.9);border-color:var(--border-light);box-shadow:var(--shadow-card)}.timewall-card:hover{transform:translateY(-4px);border-color:var(--accent-purple);box-shadow:0 8px 24px rgba(139,92,246,.2)}.timewall-card-text{font-size:1.15rem;line-height:1.7;color:var(--text-primary);margin-bottom:1.25rem;font-style:italic}.timewall-card-meta{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-muted);flex-wrap:wrap}.timewall-seo-section{max-width:900px;margin:6rem auto 4rem;padding:3rem;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border-color)}[data-theme=light] .timewall-seo-section{background:hsla(0,0%,100%,.6);border-color:var(--border-light)}.timewall-seo-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:2rem;text-align:center}.timewall-seo-content{color:var(--text-secondary);line-height:1.9;font-size:1.05rem}.timewall-seo-content p{margin-bottom:1.5rem}.timewall-seo-content p:last-child{margin-bottom:0}.timewall-cta{text-align:center;max-width:700px;margin:4rem auto;padding:3rem;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border-color)}[data-theme=light] .timewall-cta{background:hsla(0,0%,100%,.6);border-color:var(--border-light)}.timewall-cta-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:2rem}.timewall-cta-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.btn-secondary-large{padding:1rem 2.5rem;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);text-decoration:none;font-size:1.1rem;transition:all .3s ease;font-weight:500;display:inline-block}.btn-secondary-large:hover{border-color:var(--accent-purple);color:var(--accent-purple);transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.timewall-preview{padding:4rem 1.5rem}.timewall-preview-title{font-size:2rem}.timewall-preview-subtitle{font-size:1.1rem}.timewall-preview-grid{grid-template-columns:1fr;gap:1rem}.timewall-page{padding:6rem 1.5rem 3rem}.timewall-page-title{font-size:2rem}.timewall-page-subtitle{font-size:1.1rem}.timewall-grid{grid-template-columns:1fr;gap:1rem;padding:0}.timewall-filters{gap:.75rem}.timewall-filter-btn{padding:.625rem 1.25rem;font-size:.9rem}.timewall-seo-section{padding:2rem 1.5rem;margin:4rem auto 3rem}.timewall-seo-title{font-size:1.5rem}.timewall-seo-content{font-size:1rem}.timewall-cta{padding:2rem 1.5rem}.timewall-cta-title{font-size:1.5rem}.timewall-cta-buttons{flex-direction:column;gap:1rem}.btn-secondary-large{width:100%;text-align:center}}@media (max-width:640px){.timewall-page-title,.timewall-preview-title{font-size:1.75rem}.timewall-card{padding:1.5rem}.timewall-card-text{font-size:1rem}}.questionnaire-wrapper{max-width:800px;margin:0 auto;padding:2rem 1.5rem}.questionnaire-form-container{background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border-color);padding:2.5rem;margin-top:2rem;animation:fadeInUp .6s ease forwards}[data-theme=light] .questionnaire-form-container{background:hsla(0,0%,100%,.9);border-color:var(--border-light);box-shadow:var(--shadow-card)}.questionnaire-progress{margin-bottom:2.5rem}.progress-bar{width:100%;height:6px;background:hsla(0,0%,100%,.1);border-radius:3px;overflow:hidden;margin-bottom:.75rem}[data-theme=light] .progress-bar{background:rgba(0,0,0,.1)}.progress-fill{height:100%;background:var(--gradient-primary);border-radius:3px;transition:width .3s ease}.progress-text{text-align:center;font-size:.9rem;color:var(--text-muted);font-weight:500}.questionnaire-step{animation:fadeInUp .4s ease forwards}.questionnaire-step-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:2rem;text-align:center}.questionnaire-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.questionnaire-option-card{background:hsla(0,0%,100%,.05);border:2px solid var(--border-color);border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:1rem}[data-theme=light] .questionnaire-option-card{background:hsla(0,0%,100%,.8);border-color:var(--border-light)}.questionnaire-option-card:hover{transform:translateY(-4px);border-color:var(--accent-purple);box-shadow:0 8px 24px rgba(139,92,246,.2)}.questionnaire-option-card.selected{background:var(--gradient-primary);border-color:transparent;color:var(--text-primary);box-shadow:0 8px 24px rgba(139,92,246,.3)}.option-icon{font-size:3rem;line-height:1}.option-title{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.form-group{margin-bottom:2rem}.form-section-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:2.5rem 0 1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.form-label{display:block;font-size:1rem;font-weight:500;color:var(--text-primary);margin-bottom:.75rem}.required{color:#ef4444;margin-left:.25rem}.optional{color:var(--text-muted);font-weight:400;font-size:.9rem;margin-left:.5rem}.form-input,.form-select,.form-textarea{width:100%;padding:.875rem 1.25rem;background:hsla(0,0%,100%,.05);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all .3s ease}[data-theme=light] .form-input,[data-theme=light] .form-select,[data-theme=light] .form-textarea{background:hsla(0,0%,100%,.9);border-color:var(--border-light)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--accent-purple);box-shadow:0 0 0 3px rgba(139,92,246,.1)}.form-textarea{resize:vertical;min-height:100px}.form-select{cursor:pointer}.checkbox-group,.radio-group{display:flex;flex-direction:column;gap:.75rem}.checkbox-label,.radio-label{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:hsla(0,0%,100%,.03);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.95rem;color:var(--text-secondary)}[data-theme=light] .checkbox-label,[data-theme=light] .radio-label{background:hsla(0,0%,100%,.6);border-color:var(--border-light)}.checkbox-label:hover,.radio-label:hover{background:hsla(0,0%,100%,.08);border-color:var(--accent-purple)}[data-theme=light] .checkbox-label:hover,[data-theme=light] .radio-label:hover{background:hsla(0,0%,100%,.9)}.checkbox-label input[type=checkbox],.radio-label input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-purple)}.checkbox-label input[type=checkbox]:checked+span,.radio-label input[type=radio]:checked+span{color:var(--text-primary);font-weight:500}.checkbox-label:has(input[type=checkbox]:checked),.radio-label:has(input[type=radio]:checked){background:rgba(139,92,246,.1);border-color:var(--accent-purple)}[data-theme=light] .checkbox-label:has(input[type=checkbox]:checked),[data-theme=light] .radio-label:has(input[type=radio]:checked){background:rgba(106,92,255,.1)}.questionnaire-processing-message{margin-bottom:1.5rem;padding:1rem 1.25rem;border-radius:12px;text-align:center;background:hsla(0,0%,100%,.05);border:1px solid var(--border-color);color:var(--text-primary);font-size:1rem;animation:pulse 2s ease-in-out infinite}[data-theme=light] .questionnaire-processing-message{background:hsla(0,0%,100%,.8);border-color:var(--border-light)}.form-actions{display:flex;gap:1rem;justify-content:space-between;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color)}.form-actions .btn-primary,.form-actions .btn-secondary{flex:1 1;max-width:200px;padding:.875rem 2rem;font-size:1rem;font-weight:500}.form-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.questionnaire-wrapper{padding:1rem}.questionnaire-form-container{padding:1.5rem}.questionnaire-step-title{font-size:1.5rem;margin-bottom:1.5rem}.questionnaire-options{grid-template-columns:1fr;gap:1rem}.questionnaire-option-card{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-section-title{font-size:1.25rem;margin:2rem 0 1rem}.form-actions{flex-direction:column}.form-actions .btn-primary,.form-actions .btn-secondary{max-width:100%;width:100%}}@media (max-width:480px){.questionnaire-form-container{padding:1.25rem}.questionnaire-step-title{font-size:1.25rem}.option-icon{font-size:2.5rem}.option-title{font-size:1rem}}.chat-page{min-height:calc(100vh - 200px);padding-top:80px}.chat-container{display:flex;height:calc(100vh - 200px);max-width:1400px;margin:0 auto;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border-color);overflow:hidden}[data-theme=light] .chat-container{background:hsla(0,0%,100%,.9);border-color:var(--border-light);box-shadow:var(--shadow-card)}.chat-sidebar{width:280px;background:var(--bg-primary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:transform .3s ease}[data-theme=light] .chat-sidebar{background:rgba(246,247,250,.95);border-right-color:var(--border-light)}.chat-sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;gap:.5rem;align-items:center}.chat-new-button{flex:1 1;padding:.75rem 1rem;background:var(--gradient-primary);border:none;border-radius:8px;color:var(--text-primary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease}.chat-new-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(139,92,246,.3)}.chat-sidebar-toggle{padding:.75rem;background:hsla(0,0%,100%,.05);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .3s ease}.chat-sidebar-toggle:hover{background:hsla(0,0%,100%,.1);color:var(--text-primary)}.chat-conversations-list{flex:1 1;overflow-y:auto;padding:1rem}.chat-empty-state{padding:2rem 1rem;text-align:center;color:var(--text-muted)}.chat-empty-desc{font-size:.9rem;margin-top:.5rem}.chat-conversation-item{padding:.875rem 1rem;margin-bottom:.5rem;background:hsla(0,0%,100%,.03);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between;position:relative}[data-theme=light] .chat-conversation-item{background:hsla(0,0%,100%,.6);border-color:var(--border-light)}.chat-conversation-item:hover{background:hsla(0,0%,100%,.08);border-color:var(--accent-purple)}[data-theme=light] .chat-conversation-item:hover{background:hsla(0,0%,100%,.9)}.chat-conversation-item.active{background:rgba(139,92,246,.1);border-color:var(--accent-purple)}.chat-conversation-name{flex:1 1;font-size:.9rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-conversation-item.active .chat-conversation-name{color:var(--text-primary);font-weight:500}.chat-conversation-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .3s ease}.chat-conversation-item:hover .chat-conversation-actions{opacity:1}.chat-action-btn{padding:.25rem .5rem;background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:.85rem;transition:all .3s ease}.chat-action-btn:hover{border-radius:4px}.chat-action-btn:hover,.chat-rename-input{color:var(--text-primary);background:hsla(0,0%,100%,.1)}.chat-rename-input{flex:1 1;padding:.5rem;border:1px solid var(--accent-purple);border-radius:4px;font-size:.9rem}.chat-main{flex:1 1;display:flex;flex-direction:column;background:var(--bg-secondary)}[data-theme=light] .chat-main{background:hsla(0,0%,100%,.9)}.chat-empty-main{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem}.chat-empty-main h2{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.chat-empty-main p{font-size:1.1rem;color:var(--text-secondary)}.chat-messages{flex:1 1;overflow-y:auto;padding:2rem;gap:1.5rem}.chat-message,.chat-messages{display:flex;flex-direction:column}.chat-message{gap:.5rem;animation:fadeInUp .4s ease forwards}.chat-message.user{align-items:flex-end}.chat-message.assistant{align-items:flex-start}.chat-message-content{max-width:70%;padding:1rem 1.25rem;border-radius:12px;line-height:1.6;font-size:1rem;word-wrap:break-word}.chat-message.user .chat-message-content{background:var(--gradient-primary);color:var(--text-primary);border-bottom-right-radius:4px}.chat-message.assistant .chat-message-content{background:hsla(0,0%,100%,.05);border:1px solid var(--border-color);color:var(--text-primary);border-bottom-left-radius:4px}[data-theme=light] .chat-message.assistant .chat-message-content{background:rgba(246,247,250,.8);border-color:var(--border-light)}.chat-message-feedback{display:flex;gap:.5rem;margin-top:.25rem}.thinking-indicator{color:var(--text-secondary);font-style:italic;animation:pulse 2s ease-in-out infinite;opacity:.8}.feedback-btn{padding:.375rem .75rem;background:hsla(0,0%,100%,.05);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .3s ease}.feedback-btn:hover{background:hsla(0,0%,100%,.1);border-color:var(--accent-purple);color:var(--text-primary)}.feedback-btn.active{background:rgba(139,92,246,.2);border-color:var(--accent-purple);color:var(--accent-purple)}.chat-input-area{padding:1.5rem;border-top:1px solid var(--border-color);display:flex;gap:1rem;align-items:flex-end}.chat-input{flex:1 1;padding:.875rem 1.25rem;background:hsla(0,0%,100%,.05);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:1rem;font-family:inherit;resize:none;min-height:48px;max-height:200px;transition:all .3s ease}[data-theme=light] .chat-input{background:hsla(0,0%,100%,.9);border-color:var(--border-light)}.chat-input:focus{outline:none;border-color:var(--accent-purple);box-shadow:0 0 0 3px rgba(139,92,246,.1)}.chat-input:disabled{opacity:.6;cursor:not-allowed}.chat-input-actions{display:flex;gap:.5rem}.chat-send-btn,.chat-stop-btn{padding:.875rem 1.5rem;background:var(--gradient-primary);border:none;border-radius:12px;color:var(--text-primary);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.chat-send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(139,92,246,.3)}.chat-send-btn:disabled{opacity:.6;cursor:not-allowed}.chat-stop-btn{background:rgba(239,68,68,.8)}.chat-stop-btn:hover{background:#ef4444;transform:translateY(-2px)}.chat-mode-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.chat-mode-dialog{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;padding:2.5rem;max-width:600px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,.5);animation:slideUp .3s ease}[data-theme=light] .chat-mode-dialog{background:hsla(0,0%,100%,.98);box-shadow:0 20px 60px rgba(0,0,0,.15)}.chat-mode-dialog h3{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;text-align:center}.chat-mode-dialog>p{font-size:1.1rem;color:var(--text-secondary);text-align:center;margin-bottom:2rem}.chat-mode-options{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.chat-mode-btn{padding:2rem 1.5rem;background:hsla(0,0%,100%,.05);border:2px solid var(--border-color);border-radius:16px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}[data-theme=light] .chat-mode-btn{background:hsla(0,0%,100%,.8);border-color:var(--border-light)}.chat-mode-btn:hover{background:rgba(139,92,246,.1);border-color:var(--accent-purple);transform:translateY(-4px);box-shadow:0 8px 24px rgba(139,92,246,.2)}.chat-mode-btn.past:hover{border-color:var(--accent-blue);box-shadow:0 8px 24px rgba(59,130,246,.2)}.chat-mode-btn.future:hover{border-color:var(--accent-gold);box-shadow:0 8px 24px rgba(245,158,11,.2)}.chat-mode-icon{font-size:3rem;line-height:1}.chat-mode-title{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.chat-mode-desc{font-size:.95rem;color:var(--text-secondary)}.chat-mode-cancel{width:100%;padding:.875rem;background:hsla(0,0%,100%,.05);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);font-size:1rem;cursor:pointer;transition:all .3s ease}.chat-mode-cancel:hover{background:hsla(0,0%,100%,.1);color:var(--text-primary)}@media (max-width:768px){.chat-mode-dialog{padding:2rem 1.5rem}.chat-mode-options{grid-template-columns:1fr;gap:1rem}.chat-mode-btn{padding:1.5rem 1rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-questionnaire-dialog{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;padding:0;max-width:900px;width:95%;max-height:90vh;box-shadow:0 20px 60px rgba(0,0,0,.5);animation:slideUp .3s ease;display:flex;flex-direction:column;overflow:hidden}[data-theme=light] .chat-questionnaire-dialog{background:hsla(0,0%,100%,.98);box-shadow:0 20px 60px rgba(0,0,0,.15)}.chat-questionnaire-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.chat-questionnaire-header h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.chat-questionnaire-header .chat-mode-cancel{width:auto;padding:.5rem 1rem;background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;transition:all .3s ease;line-height:1}.chat-questionnaire-header .chat-mode-cancel:hover{color:var(--text-primary);background:hsla(0,0%,100%,.1);border-radius:8px}.chat-questionnaire-content{flex:1 1;overflow-y:auto;padding:2rem}@media (max-width:768px){.chat-questionnaire-dialog{width:100%;max-height:100vh;border-radius:0}.chat-questionnaire-header{padding:1rem 1.5rem}.chat-questionnaire-content{padding:1rem}}.share-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.share-dialog{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;padding:2.5rem;max-width:700px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.5);animation:slideUp .3s ease}[data-theme=light] .share-dialog{background:hsla(0,0%,100%,.98);box-shadow:0 20px 60px rgba(0,0,0,.15)}.share-dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.share-dialog-header h3{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0}.share-dialog-close{background:transparent;border:none;color:var(--text-secondary);font-size:2rem;cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .3s ease}.share-dialog-close:hover{background:hsla(0,0%,100%,.1);color:var(--text-primary)}.share-dialog-content{margin-bottom:2rem}.share-form-group{margin-bottom:1.5rem}.share-form-group label{display:block;font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.share-hint{font-size:.85rem;color:var(--text-muted);margin-bottom:.75rem;line-height:1.5}.share-input,.share-textarea{width:100%;padding:.75rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all .3s ease}[data-theme=light] .share-input,[data-theme=light] .share-textarea{background:#fff;border-color:var(--border-light);color:#1c1c27}.share-input:focus,.share-textarea:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(106,92,255,.1)}.share-textarea{resize:vertical;min-height:120px}.share-examples{margin:2rem 0;padding:1.5rem;background:hsla(0,0%,100%,.03);border:1px solid var(--border-color);border-radius:12px}[data-theme=light] .share-examples{background:rgba(106,92,255,.05);border-color:var(--border-light)}.share-examples-title{font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-bottom:1rem}.share-examples-list{display:flex;flex-direction:column;gap:.75rem}.share-example-card{padding:1rem;background:hsla(0,0%,100%,.05);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .3s ease}[data-theme=light] .share-example-card{background:hsla(0,0%,100%,.8);border-color:var(--border-light)}.share-example-card:hover{border-color:var(--accent-purple);transform:translateY(-2px);box-shadow:0 4px 12px rgba(139,92,246,.2)}.share-example-card.selected{background:rgba(139,92,246,.1);border-color:var(--accent-purple)}.share-example-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.share-example-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.6}.share-checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer}.share-checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-purple)}.share-dialog-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:1px solid var(--border-color)}.share-btn-cancel,.share-btn-submit{padding:.875rem 2rem;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.share-btn-cancel{background:hsla(0,0%,100%,.05);border:1px solid var(--border-color);color:var(--text-secondary)}[data-theme=light] .share-btn-cancel{background:rgba(0,0,0,.05);border-color:var(--border-light);color:#6b6b7a}.share-btn-cancel:hover{background:hsla(0,0%,100%,.1);color:var(--text-primary)}.share-btn-submit{background:var(--gradient-primary);border:none;color:#fff}.share-btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(106,92,255,.4)}.share-btn-submit:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.share-dialog{padding:1.5rem;width:95%;max-height:95vh}.share-dialog-header h3{font-size:1.5rem}.share-examples{padding:1rem}.share-dialog-actions{flex-direction:column}.share-btn-cancel,.share-btn-submit{width:100%}}@media (max-width:968px){.chat-container{height:calc(100vh - 160px)}.chat-sidebar{position:absolute;left:0;top:0;bottom:0;z-index:100;transform:translateX(-100%)}.chat-sidebar.open{transform:translateX(0)}.chat-message-content{max-width:85%}}@media (max-width:768px){.chat-page{padding-top:60px}.chat-container{height:calc(100vh - 140px);border-radius:0;border-left:none;border-right:none}.chat-messages{padding:1.5rem 1rem}.chat-input-area{padding:1rem}.chat-message-content{max-width:90%;font-size:.95rem;padding:.875rem 1rem}}.vortex-page{min-height:100vh;padding-top:80px;background:var(--bg-primary);position:relative}.vortex-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(106,92,255,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,141,69,.1) 0,transparent 50%);pointer-events:none;z-index:0}.vortex-container{max-width:1400px;margin:0 auto;padding:3rem 2rem;position:relative;z-index:1}.vortex-header{text-align:center;margin-bottom:4rem}.vortex-header h1{font-size:3.5rem;font-weight:800;margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}[data-theme=light] .vortex-header h1{background:linear-gradient(135deg,#6a5cff,#ff8d45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.vortex-header p{font-size:1.25rem;color:var(--text-secondary);line-height:1.8;max-width:600px;margin:0 auto}[data-theme=light] .vortex-header p{color:#4a4a57}.vortex-controls{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;justify-content:space-between;margin-bottom:3rem;padding:2rem;background:hsla(0,0%,100%,.02);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.2)}[data-theme=light] .vortex-controls{background:hsla(0,0%,100%,.9);border-color:rgba(0,0,0,.08);box-shadow:0 8px 32px rgba(0,0,0,.08)}.vortex-filters,.vortex-sort{display:flex;gap:.75rem;flex-wrap:wrap}.vortex-collections-btn,.vortex-filter-btn,.vortex-sort-btn{padding:.875rem 1.75rem;background:hsla(0,0%,100%,.03);border:1.5px solid hsla(0,0%,100%,.1);border-radius:12px;color:var(--text-secondary);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}[data-theme=light] .vortex-collections-btn,[data-theme=light] .vortex-filter-btn,[data-theme=light] .vortex-sort-btn{background:hsla(0,0%,100%,.9);border-color:rgba(0,0,0,.1);color:#4a4a57}.vortex-collections-btn:before,.vortex-filter-btn:before,.vortex-sort-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);transition:left .5s}.vortex-collections-btn:hover:before,.vortex-filter-btn:hover:before,.vortex-sort-btn:hover:before{left:100%}.vortex-collections-btn:hover,.vortex-filter-btn:hover,.vortex-sort-btn:hover{border-color:var(--accent-purple);color:var(--accent-purple);transform:translateY(-2px);box-shadow:0 4px 12px rgba(139,92,246,.2)}.vortex-collections-btn.active,.vortex-filter-btn.active,.vortex-sort-btn.active{background:var(--gradient-primary);border-color:transparent;color:#fff;box-shadow:0 6px 20px rgba(139,92,246,.4);transform:translateY(-2px)}.vortex-empty,.vortex-loading{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.vortex-empty p{font-size:1.1rem;margin-bottom:1rem}.vortex-login-link{display:inline-block;padding:.875rem 2rem;background:var(--gradient-primary);color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:all .3s ease}.vortex-login-link:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(106,92,255,.4)}.vortex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));grid-gap:2rem;gap:2rem}.vortex-card{background:hsla(0,0%,100%,.03);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;padding:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);animation:fadeInUp .6s ease forwards;opacity:0;position:relative;overflow:hidden}.vortex-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease}.vortex-card:hover:before{opacity:1}[data-theme=light] .vortex-card{background:hsla(0,0%,100%,.95);border-color:rgba(0,0,0,.08);box-shadow:0 4px 20px rgba(0,0,0,.08)}.vortex-card:hover{transform:translateY(-6px) scale(1.02);border-color:var(--accent-purple);box-shadow:0 12px 40px rgba(139,92,246,.3);background:hsla(0,0%,100%,.05)}[data-theme=light] .vortex-card:hover{background:#fff;box-shadow:0 12px 40px rgba(139,92,246,.2)}.vortex-card-header{margin-bottom:1.5rem;position:relative}.vortex-card-mode{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:.75rem;padding:.5rem 1rem;background:rgba(139,92,246,.1);border-radius:20px;border:1px solid rgba(139,92,246,.2)}[data-theme=light] .vortex-card-mode{background:rgba(139,92,246,.08);border-color:rgba(139,92,246,.15)}.vortex-card-title{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin-bottom:.75rem;line-height:1.3;background:linear-gradient(135deg,var(--text-primary) 0,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .vortex-card-title{background:linear-gradient(135deg,#1c1c27,#4a4a57);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.vortex-card-description{font-size:1.05rem;line-height:1.8;color:var(--text-primary);margin-bottom:2rem;min-height:100px;opacity:.9}[data-theme=light] .vortex-card-description{color:#2a2a35;opacity:.85}.vortex-card-meta{display:flex;flex-direction:column;gap:1rem;padding-top:1.5rem;border-top:1px solid hsla(0,0%,100%,.1)}[data-theme=light] .vortex-card-meta{border-top-color:rgba(0,0,0,.08)}.vortex-card-stats{display:flex;gap:1.5rem;font-size:.95rem;color:var(--text-muted);font-weight:500}.vortex-card-stats span{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:hsla(0,0%,100%,.03);border-radius:12px;transition:all .3s ease}[data-theme=light] .vortex-card-stats span{background:rgba(0,0,0,.03)}.vortex-card-actions{display:flex;gap:.75rem;flex-wrap:wrap}.vortex-action-btn{padding:.75rem 1.25rem;background:hsla(0,0%,100%,.05);border:1.5px solid hsla(0,0%,100%,.1);border-radius:12px;color:var(--text-secondary);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.5rem;position:relative;overflow:hidden}[data-theme=light] .vortex-action-btn{background:hsla(0,0%,100%,.9);border-color:rgba(0,0,0,.1)}.vortex-action-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(139,92,246,.2);transform:translate(-50%,-50%);transition:width .6s,height .6s}.vortex-action-btn:hover:before{width:300px;height:300px}.vortex-action-btn:hover{background:hsla(0,0%,100%,.08);transform:translateY(-2px);box-shadow:0 4px 12px rgba(139,92,246,.25)}.vortex-action-btn.active,.vortex-action-btn:hover{border-color:var(--accent-purple);color:var(--accent-purple)}.vortex-action-btn.active{background:rgba(139,92,246,.15);box-shadow:0 0 20px rgba(139,92,246,.3)}.vortex-apply-btn{background:var(--gradient-primary)!important;border-color:transparent!important;color:#fff!important;font-weight:700;padding:.875rem 1.75rem!important;box-shadow:0 4px 16px rgba(106,92,255,.4)}.vortex-apply-btn:before{background:hsla(0,0%,100%,.2)}.vortex-apply-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.05);box-shadow:0 8px 24px rgba(106,92,255,.5)}.vortex-apply-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width:768px){.vortex-container{padding:2rem 1rem}.vortex-header h1{font-size:2rem}.vortex-controls{flex-direction:column;align-items:stretch}.vortex-filters,.vortex-sort{justify-content:center}.vortex-grid{grid-template-columns:1fr;gap:1.5rem}.vortex-card{padding:1.5rem}}