.login-page{isolation:isolate;background:#101016;place-items:center;min-height:100dvh;padding:32px 20px 64px;display:grid;position:relative;overflow:hidden}.login-glow{filter:blur(100px);opacity:.22;z-index:-1;pointer-events:none;border-radius:50%;width:340px;height:340px;position:absolute}.login-glow-one{background:#7c3aed;top:-140px;left:-100px}.login-glow-two{background:#4f46e5;bottom:-140px;right:-120px}.login-card{background:#191822f0;border:1px solid #2d2939;border-radius:28px;width:100%;max-width:440px;padding:36px;box-shadow:0 24px 100px #00000040}.brand-mark{color:#fff;background:linear-gradient(135deg,#a78bfa,#7c3aed);border-radius:16px;place-items:center;width:48px;height:48px;margin-bottom:34px;font-size:32px;font-weight:800;display:grid}.eyebrow{color:#a78bfa;letter-spacing:2.5px;margin-bottom:14px;font-size:10px;font-weight:700}.login-card h1{letter-spacing:-1.8px;margin-bottom:16px;font-size:clamp(32px,6vw,43px);line-height:1.13}.login-card h1 span{color:#a78bfa}.login-description{color:#aaa8b8;margin-bottom:28px;font-size:14px;line-height:1.8}.login-preview{background:#211e2b;border:1px solid #363143;border-radius:17px;align-items:center;gap:14px;margin-bottom:24px;padding:16px;display:flex}.preview-avatar{color:#c4b5fd;background:#39304e;border-radius:14px;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:23px;display:grid}.login-preview strong{font-size:12px}.login-preview p{color:#aaa8b8;margin-top:5px;font-size:11px}.google-button{color:#20202a;cursor:pointer;background:#f8f7fb;border:none;border-radius:13px;justify-content:center;align-items:center;gap:12px;width:100%;padding:15px;font-size:13px;font-weight:700;transition:transform .18s,background .18s;display:flex}.google-button:hover{background:#eae7f2;transform:translateY(-2px)}.google-g{color:#4285f4;font-size:19px;font-weight:800}.button-arrow{margin-left:auto;font-size:18px}.login-note{color:#777485;text-align:center;margin-top:22px;font-size:10px;line-height:1.7}.login-footer{color:#777485;letter-spacing:2px;font-size:9px;position:absolute;bottom:22px}.login-footer span{color:#a78bfa}@media (width<=480px){.login-card{border-radius:23px;padding:26px 22px}.login-page{padding-inline:16px}}.onboarding-page{background:radial-gradient(at 50% 0,#33224b 0%,#0000 48%),#101016;min-height:100dvh;padding:24px 20px 48px}.onboarding-top{color:#aaa8b8;letter-spacing:1.5px;align-items:center;gap:12px;max-width:900px;margin:0 auto 36px;font-size:10px;font-weight:700;display:flex}.brand-mark.small{border-radius:11px;width:35px;height:35px;margin:0;font-size:24px}.step-label{color:#a78bfa;margin-left:auto}.onboarding-card{background:#191821;border:1px solid #302b3b;border-radius:25px;width:100%;max-width:490px;margin:0 auto;padding:34px;box-shadow:0 25px 80px #00000030}.section-icon{color:#c4b5fd;background:#302544;border-radius:15px;place-items:center;width:46px;height:46px;margin-bottom:26px;font-size:24px;display:grid}.onboarding-card .eyebrow{margin-bottom:12px}.onboarding-card h1{letter-spacing:-1px;margin-bottom:12px;font-size:clamp(27px,5vw,35px);line-height:1.2}.onboarding-card h1 span{color:#a78bfa}.form-description{color:#aaa8b8;margin-bottom:30px;font-size:13px;line-height:1.8}.field-label{color:#e7e5ef;margin:20px 0 9px;font-size:12px;font-weight:600;display:block}.harmai-input{color:#f5f3ff;width:100%;min-height:48px;font:inherit;background:#121119;border:1px solid #383444;border-radius:12px;outline:none;padding:13px 14px;font-size:13px;transition:border-color .16s,box-shadow .16s}.harmai-input::placeholder{color:#777485}.harmai-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf620}.personality-input{resize:vertical;min-height:105px;line-height:1.7}.choice-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.choice-card{color:#c8c5d4;cursor:pointer;background:#121119;border:1px solid #383444;border-radius:12px;align-items:center;gap:10px;min-height:54px;padding:12px;font-size:12px;transition:all .16s;display:flex}.choice-card span{color:#a78bfa;font-size:19px}.choice-card:hover{border-color:#75609d}.choice-card.selected{color:#fff;background:#302442;border-color:#9b7af7;box-shadow:inset 0 0 0 1px #9b7af7}.primary-button{color:#fff;cursor:pointer;background:linear-gradient(110deg,#8b5cf6,#7044df);border:0;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:49px;margin-top:28px;padding:14px;font-size:13px;font-weight:700;transition:filter .16s,transform .16s;display:flex}.primary-button:hover{filter:brightness(1.12);transform:translateY(-1px)}.primary-button span{font-size:18px}.step-caption{text-align:center;color:#777485;margin-top:16px;font-size:11px}.text-button{color:#aaa8b8;cursor:pointer;background:0 0;border:0;margin:15px auto 0;padding:8px 14px;font-size:12px;display:block}.text-button:hover{color:#c4b5fd}@media (width<=480px){.onboarding-page{padding:18px 14px 32px}.onboarding-top{margin-bottom:24px;font-size:9px}.onboarding-card{border-radius:21px;padding:25px 20px}}.chat-page{--chat-bg:#faf9fc;--chat-surface:#fff;--chat-text:#282536;--chat-muted:#898596;--chat-border:#eae7f0;--chat-accent:#8170c8;--chat-accent-light:#eee9fc;--chat-user-bubble:#eae5fa;background:var(--chat-bg);width:100%;height:100dvh;min-height:480px;color:var(--chat-text);flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden}.chat-header{z-index:10;border-bottom:1px solid var(--chat-border);background:#fffffff0;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex;position:relative}.chat-character{align-items:center;gap:12px;min-width:0;display:flex}.character-avatar,.message-avatar{-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.character-avatar{color:#fff;background:linear-gradient(145deg,#a99be9,#7664bb);border-radius:15px;width:44px;height:44px;font-size:19px;box-shadow:0 3px 10px #8170c826}.character-details{flex-direction:column;gap:5px;min-width:0;display:flex}.character-details strong{color:var(--chat-text);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:650;overflow:hidden}.character-details span{color:var(--chat-muted);align-items:center;gap:7px;font-size:12px;display:flex}.character-details i{background:#69bd91;border-radius:50%;width:7px;height:7px}.header-icon{width:42px;height:42px;color:var(--chat-text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;font-size:25px;line-height:1;transition:background .2s,border-color .2s;display:flex}.header-icon:hover{background:var(--chat-accent-light);border-color:var(--chat-border)}.chat-messages{overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#d8d2e7 transparent;flex-direction:column;flex:1;align-items:stretch;gap:18px;width:100%;max-width:900px;margin:0 auto;padding:28px 28px 36px;display:flex;overflow:hidden auto}.chat-date{color:#aaa5b8;letter-spacing:2px;text-align:center;align-self:center;margin:3px 0 12px;font-size:10px;font-weight:700}.message-row{align-items:flex-end;gap:10px;width:100%;animation:.2s ease-out messageAppear;display:flex}.message-row.user-row{justify-content:flex-end}.message-avatar{color:#fff;background:linear-gradient(145deg,#a99be9,#7664bb);border-radius:11px;width:31px;height:31px;margin-bottom:3px;font-size:13px}.message-bubble{overflow-wrap:anywhere;white-space:pre-wrap;border:1px solid #0000;border-radius:18px;max-width:min(76%,590px);padding:13px 16px;font-size:14px;line-height:1.75}.message-bubble.character{border-color:var(--chat-border);background:var(--chat-surface);color:var(--chat-text);border-bottom-left-radius:5px;align-self:flex-start;box-shadow:0 2px 7px #23184606}.message-bubble.user{background:var(--chat-user-bubble);color:#39304f;border-bottom-right-radius:5px}.chat-hint{color:#aaa5b8;text-align:center;align-self:center;margin:16px 0;font-size:12px}.chat-footer{z-index:5;border-top:1px solid var(--chat-border);background:#fffffff7;flex-shrink:0;width:100%;padding:14px 24px 16px;position:relative}.chat-composer{background:#fff;border:1px solid #e5e0ef;border-radius:19px;align-items:center;gap:10px;width:100%;max-width:850px;margin:0 auto;padding:7px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 4px 18px #281e5009}.chat-composer:focus-within{border-color:#b5a8e5;box-shadow:0 0 0 3px #8170c814}.chat-composer input{width:0;min-width:0;color:var(--chat-text);background:0 0;border:none;outline:none;flex:1;padding:11px 4px;font-family:inherit;font-size:14px}.chat-composer input::placeholder{color:#aaa5b8}.chat-composer input:disabled{opacity:.65}.plus-button,.send-button{cursor:pointer;border:none;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:41px;height:41px;transition:transform .15s,background .2s,opacity .2s;display:flex}.plus-button{color:#6554a4;background:#f2eff9;font-size:25px;font-weight:400}.plus-button:hover,.plus-button.active{background:#e7e0fa}.send-button{background:var(--chat-accent);color:#fff;font-size:23px;font-weight:500}.send-button:hover:not(:disabled){background:#6e5bb8;transform:translateY(-1px)}.send-button:disabled{opacity:.4;cursor:not-allowed}.chat-disclaimer{color:#aaa5b8;text-align:center;margin:10px 0 0;font-size:10px;line-height:1.5}.plus-popover{z-index:30;border:1px solid var(--chat-border);background:#fff;border-radius:16px;width:min(280px,100vw - 32px);padding:7px;animation:.16s ease-out menuAppear;position:absolute;bottom:calc(100% - 4px);left:max(24px,50% - 425px);box-shadow:0 10px 35px #281e501f}.plus-popover>button{width:100%;color:var(--chat-text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:11px;align-items:center;gap:12px;padding:13px;display:flex}.plus-popover>button:hover{background:#f7f4fd}.plus-popover>button>span:first-child{background:var(--chat-accent-light);color:#6554a4;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex}.plus-popover>button>div{flex-direction:column;flex:1;gap:5px;display:flex}.plus-popover strong{font-size:13px;font-weight:650}.plus-popover small{color:var(--chat-muted);font-size:11px}.plus-popover .menu-arrow{color:#aaa5b8;font-size:18px}@keyframes messageAppear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes menuAppear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.chat-page button:focus-visible{outline-offset:3px;outline:2px solid #8170c8}@media (width<=768px){.chat-page{min-height:0}.chat-header{padding:12px 15px}.character-avatar{border-radius:13px;width:40px;height:40px}.chat-messages{gap:15px;padding:22px 15px 26px}.message-bubble{max-width:84%;padding:12px 14px;font-size:14px}.chat-footer{padding:11px 12px;padding-bottom:max(12px, env(safe-area-inset-bottom))}.chat-composer{border-radius:17px;gap:7px}.chat-composer input{font-size:16px}.plus-button,.send-button{width:39px;height:39px}.plus-popover{left:12px}}@media (width<=380px){.chat-header{padding:10px 12px}.chat-messages{padding-left:11px;padding-right:11px}.message-avatar{border-radius:9px;width:27px;height:27px}.message-row{gap:7px}.message-bubble{max-width:86%;padding:11px 12px;font-size:13px}.chat-footer{padding-left:9px;padding-right:9px}}@media (prefers-reduced-motion:reduce){.chat-page *,.chat-page :before,.chat-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{color:#f5f3ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--harmai-bg:#101016;--harmai-surface:#191821;--harmai-purple:#8b5cf6;--harmai-purple-light:#c4b5fd;--harmai-text:#f5f3ff;--harmai-muted:#aaa8b8;--harmai-border:#302b3b;background:#101016;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--harmai-bg);min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}body,button,input,textarea{font-family:inherit}button,input,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:2px solid #a78bfa}button{-webkit-appearance:none}::selection{color:#fff;background:#8b5cf655}#root{min-height:100dvh}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}