*,:after,:before{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#fff;color:#111827;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page{display:flex;flex-direction:column;height:100vh;overflow:hidden}.navbar{flex-shrink:0;justify-content:space-between;height:56px;padding:0 20px;background:#fff;border-bottom:1px solid #f0f0f0;z-index:50}.nav-brand,.navbar{display:flex;align-items:center}.nav-brand{gap:10px;font-size:15px;font-weight:600;color:#111827;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nav-orb{width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#f3e8ff 0,#c084fc 22%,#9333ea 52%,#6b21a8 76%,#3b0764 100%);box-shadow:0 0 0 1px rgba(168,85,247,.15),0 4px 12px rgba(124,58,237,.45),inset -3px -3px 6px rgba(0,0,0,.25),inset 2px 2px 4px hsla(0,0%,100%,.5);flex-shrink:0}.nav-right{display:flex;align-items:center;gap:8px}.btn-nav-login{padding:7px 16px;background:#111827;color:#fff;border:none;border-radius:8px;font-size:13.5px;font-weight:500;cursor:pointer;font-family:inherit;transition:background .15s}.btn-nav-login:hover{background:#374151}.btn-nav-user{display:flex;align-items:center;gap:8px;padding:5px 12px 5px 6px;background:#f3f4f6;border:1.5px solid #e5e7eb;border-radius:99px;font-size:13.5px;font-weight:500;color:#374151;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s}.btn-nav-user:hover{background:#e5e7eb;border-color:#d1d5db}.nav-avatar{width:24px;height:24px;border-radius:50%;font-size:11px;font-weight:700;justify-content:center;flex-shrink:0}.btn-new-thread,.nav-avatar{background:#111827;color:#fff;display:flex;align-items:center}.btn-new-thread{gap:6px;padding:7px 14px;border:none;border-radius:8px;font-size:13.5px;font-weight:500;cursor:pointer;font-family:inherit;transition:background .15s;white-space:nowrap}.btn-new-thread:hover{background:#374151}.btn-new-thread svg{flex-shrink:0}.main{flex:1 1;overflow:hidden;display:flex;flex-direction:column}.main.landing-mode{align-items:center;justify-content:center;padding:0 20px 40px;gap:0}.landing-hero{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:28px;width:100%;max-width:680px}.hero-orb{width:72px;height:72px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#f3e8ff 0,#c084fc 22%,#9333ea 52%,#6b21a8 76%,#3b0764 100%);box-shadow:0 0 0 1px rgba(168,85,247,.2),0 16px 40px rgba(124,58,237,.5),0 4px 12px rgba(124,58,237,.3),inset -6px -6px 12px rgba(0,0,0,.28),inset 5px 5px 10px hsla(0,0%,100%,.55);margin-bottom:28px;flex-shrink:0}.greeting{margin-bottom:4px}.greeting,.greeting-sub{font-size:34px;font-weight:700;color:#111827;line-height:1.2;letter-spacing:-.5px}.purple-text{color:#7c3aed}.main.chat-mode{overflow:hidden}.messages-scroll{flex:1 1;overflow-y:auto;padding:32px 20px 16px;display:flex;flex-direction:column;gap:28px;scroll-behavior:smooth}.messages-scroll::-webkit-scrollbar{width:4px}.messages-scroll::-webkit-scrollbar-track{background:transparent}.messages-scroll::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}.messages-inner{width:100%;max-width:680px;margin:0 auto;display:flex;flex-direction:column;gap:28px}.message{display:flex;gap:14px;animation:msgIn .25s ease-out}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message.user{flex-direction:row-reverse}.msg-avatar{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:2px}.msg-avatar.assistant-avatar{background:radial-gradient(circle at 32% 28%,#f3e8ff 0,#c084fc 22%,#9333ea 52%,#6b21a8 76%,#3b0764 100%);box-shadow:0 2px 8px rgba(124,58,237,.4),inset -2px -2px 4px rgba(0,0,0,.2),inset 2px 2px 4px hsla(0,0%,100%,.4)}.msg-avatar.user-avatar{background:#111827;color:#fff;font-size:13px;font-weight:600}.msg-body{display:flex;flex-direction:column;gap:4px;max-width:72%}.msg-name{font-size:12px;font-weight:600;color:#6b7280;letter-spacing:.01em}.message.user .msg-name{text-align:right}.msg-text{font-size:14.5px;line-height:1.65;color:#111827;background:#f3f4f6;padding:12px 16px;border-radius:14px;white-space:pre-wrap;word-break:break-word}.message.user .msg-text{background:#111827;color:#fff}.typing-dots{display:flex;gap:5px;align-items:center;padding:4px 2px}.typing-dots span{width:7px;height:7px;background:#9ca3af;border-radius:50%;animation:dotBounce 1.4s infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-7px)}}.input-wrapper{flex-shrink:0;width:100%;max-width:680px;margin:0 auto;padding:0 0 16px}.landing-mode .input-wrapper{width:100%;max-width:680px;padding:0}.chat-input-wrapper{flex-shrink:0;padding:12px 20px 20px;background:#fff;border-top:1px solid #f0f0f0}.chat-input-wrapper .input-wrapper{padding:0}.input-box{background:#f3f4f6;border:1.5px solid #e5e7eb;border-radius:16px;transition:border-color .15s,box-shadow .15s;overflow:hidden}.input-box:focus-within{border-color:#d8b4fe;box-shadow:0 0 0 3px rgba(167,139,250,.12);background:#faf5ff}.input-box-top{display:flex;align-items:flex-start;gap:10px;padding:14px 16px 8px}.input-sparkle{flex-shrink:0;margin-top:2px;color:#9ca3af;transition:color .15s}.input-box:focus-within .input-sparkle{color:#7c3aed}.input-textarea{flex:1 1;background:transparent;border:none;outline:none;resize:none;font-family:Inter,sans-serif;font-size:14.5px;line-height:1.6;color:#111827;min-height:26px;max-height:180px;overflow-y:auto}.input-textarea::placeholder{color:#9ca3af}.input-textarea::-webkit-scrollbar{width:3px}.input-textarea::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.input-toolbar{justify-content:space-between;padding:8px 12px 10px}.input-toolbar,.toolbar-left{display:flex;align-items:center}.toolbar-left{gap:4px}.toolbar-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;background:transparent;border:none;border-radius:8px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;font-family:inherit;transition:background .12s,color .12s;white-space:nowrap}.toolbar-btn:hover{background:#e5e7eb;color:#374151}.toolbar-divider{width:1px;height:18px;background:#d1d5db;margin:0 4px}.toolbar-toggle{display:flex;align-items:center;gap:7px;padding:5px 10px;background:transparent;border:none;border-radius:8px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;font-family:inherit;transition:background .12s,color .12s}.toolbar-toggle:hover{background:#e5e7eb;color:#374151}.toolbar-toggle-on{color:#7c3aed}.toolbar-toggle-on:hover{background:#ede9fe;color:#6d28d9}.toggle-track{position:relative;display:inline-block;width:28px;height:16px;border-radius:99px;background:#d1d5db;flex-shrink:0;transition:background .2s}.toolbar-toggle-on .toggle-track{background:#7c3aed}.toggle-thumb{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.toolbar-toggle-on .toggle-thumb{transform:translateX(12px)}.send-btn{width:34px;height:34px;border-radius:50%;background:#111827;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .15s,transform .1s;flex-shrink:0}.send-btn:hover:not(:disabled){background:#374151;transform:scale(1.05)}.send-btn:disabled{background:#d1d5db;cursor:not-allowed}.examples-section{margin-top:28px;width:100%;max-width:680px}.examples-label{font-size:11px;font-weight:600;letter-spacing:.08em;color:#9ca3af;text-transform:uppercase;margin-bottom:12px}.examples-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.example-card{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 16px;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;cursor:pointer;text-align:left;font-family:inherit;transition:border-color .15s,box-shadow .15s,transform .1s;min-height:88px}.example-card:hover{border-color:#c4b5fd;box-shadow:0 2px 12px rgba(124,58,237,.1);transform:translateY(-1px)}.example-text{font-size:13.5px;font-weight:500;color:#374151;line-height:1.4}.example-icon{font-size:18px}.disclaimer{margin-top:14px;font-size:11.5px;color:#9ca3af;text-align:center;line-height:1.5;max-width:500px;margin-left:auto;margin-right:auto}.chat-error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:8px;padding:10px 14px;font-size:13.5px;max-width:680px;width:calc(100% - 40px);margin:0 auto 8px}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;animation:backdropIn .18s ease-out}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}.modal-card{background:#fff;border-radius:20px;width:100%;max-width:420px;padding:28px 28px 24px;box-shadow:0 24px 60px rgba(0,0,0,.18),0 4px 16px rgba(0,0,0,.08);animation:modalIn .22s cubic-bezier(.34,1.56,.64,1)}@keyframes modalIn{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{justify-content:space-between;margin-bottom:20px}.modal-brand,.modal-header{display:flex;align-items:center}.modal-brand{gap:9px;font-size:15px;font-weight:700;color:#111827}.modal-orb{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#f3e8ff 0,#c084fc 22%,#9333ea 52%,#6b21a8 76%,#3b0764 100%);box-shadow:0 0 0 1px rgba(168,85,247,.15),0 3px 10px rgba(124,58,237,.45),inset -2px -2px 5px rgba(0,0,0,.22),inset 2px 2px 4px hsla(0,0%,100%,.5);flex-shrink:0}.modal-close{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:transparent;border:none;cursor:pointer;color:#9ca3af;transition:background .12s,color .12s}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-title-block{margin-bottom:22px}.modal-title{font-size:22px;font-weight:700;color:#111827;letter-spacing:-.3px;margin-bottom:4px}.modal-subtitle{font-size:13.5px;color:#6b7280}.login-form{gap:14px;margin-bottom:20px}.field-group,.login-form{display:flex;flex-direction:column}.field-group{gap:5px}.field-label{font-size:13px;font-weight:500;color:#374151}.field-input{padding:10px 13px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:14px;font-family:Inter,sans-serif;color:#111827;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.field-input:focus{border-color:#a78bfa;box-shadow:0 0 0 3px rgba(167,139,250,.15)}.field-input::placeholder{color:#9ca3af}.btn-signin{margin-top:4px;width:100%;padding:11px;background:#111827;color:#fff;border:none;border-radius:10px;font-size:14.5px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:background .15s}.btn-signin:hover{background:#374151}.modal-divider{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:#9ca3af;font-size:12.5px}.modal-divider:after,.modal-divider:before{content:"";flex:1 1;height:1px;background:#e5e7eb}.social-btns{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.btn-social{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:11px 16px;background:#fff;color:#374151;border:1.5px solid #e5e7eb;border-radius:10px;font-size:14px;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.btn-social:hover{border-color:#d1d5db;background:#f9fafb;box-shadow:0 1px 4px rgba(0,0,0,.06)}.btn-enagrams{border-color:#ede9fe;background:#faf5ff;color:#6d28d9}.btn-enagrams:hover{border-color:#c4b5fd;background:#f5f0ff}.enagrams-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:5px;background:linear-gradient(135deg,#9333ea,#6d28d9);color:#fff;font-size:11px;font-weight:700;flex-shrink:0}.modal-legal{font-size:11px;color:#9ca3af;text-align:center;line-height:1.5}@media (max-width:600px){.greeting,.greeting-sub{font-size:26px}.hero-orb{width:58px;height:58px;margin-bottom:20px}.examples-grid{grid-template-columns:1fr}.msg-body{max-width:85%}.navbar{padding:0 14px}.btn-new-thread span{display:none}}