.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}}.character-photo-section{margin:28px 0}.character-photo-editor{align-items:flex-start;gap:18px;margin-top:12px;display:flex}.character-photo-preview{border:1px solid var(--border-color,#80808040);background:var(--surface-secondary,#80808014);border-radius:16px;flex-shrink:0;width:120px;height:140px;overflow:hidden}.character-photo-preview img{object-fit:cover;width:100%;height:100%;display:block}.character-photo-placeholder{width:100%;height:100%;color:var(--text-secondary,#888);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.photo-placeholder-icon{opacity:.7;font-size:28px}.character-photo-actions{flex-direction:column;flex:1;align-items:stretch;gap:10px;display:flex}.photo-upload-button,.photo-generate-button,.photo-remove-button,.character-ai-button{border:1px solid var(--border-color,#80808040);min-height:40px;color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:10px;padding:10px 14px;font-size:13px;transition:background .2s,border-color .2s,transform .2s}.photo-upload-button,.photo-generate-button{text-align:center;justify-content:center;align-items:center;display:flex}.photo-upload-button:hover,.photo-generate-button:hover,.photo-remove-button:hover,.character-ai-button:hover{background:var(--surface-secondary,#80808014);border-color:var(--accent-color,currentColor)}.photo-remove-button{min-height:32px;padding:6px 10px;font-size:12px}.character-ai-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;margin-bottom:22px;display:flex}.character-ai-hint{color:var(--text-secondary,#888);font-size:12px}.character-ai-button{min-height:34px;padding:7px 11px;font-size:12px}@media (width<=480px){.character-photo-editor{gap:12px}.character-photo-preview{width:100px;height:120px}.character-ai-row{flex-direction:column;align-items:flex-start}.character-ai-button{width:100%}}.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:0;color:var(--chat-text);flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow:hidden}.chat-header{z-index:10;border-bottom:1px solid var(--chat-border);background:#fffffff5;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:14px 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 img,.message-avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.character-avatar{color:#fff;background:linear-gradient(145deg,#a99be9,#7664bb);border:1px solid #ffffff8c;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%;flex-shrink:0;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;min-height:0;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;line-height:1.6}.message-row{align-items:flex-end;gap:10px;width:100%;min-width:0;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:break-word;word-break:normal;white-space:pre-wrap;border:1px solid #0000;border-radius:18px;width:fit-content;min-width:max-content;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;line-height:1.6}.chat-footer{z-index:5;width:100%;padding:14px 24px 16px;padding-bottom:max(16px, env(safe-area-inset-bottom));border-top:1px solid var(--chat-border);background:#fffffff7;flex-shrink:0;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;cursor:wait}.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;min-width:0;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}.chat-header [style*="position: absolute"]{max-width:calc(100vw - 24px);overflow:hidden;box-shadow:0 12px 35px #281e5021}.chat-header [style*="position: absolute"] button:hover{background:#f7f4fd!important}.chat-page button:focus-visible{outline:2px solid var(--chat-accent);outline-offset:3px}.chat-page button:disabled{cursor:not-allowed}.chat-page button{-webkit-tap-highlight-color:transparent}@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)}}@media (width<=768px){.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}}.message-content{flex-direction:column;gap:8px;min-width:0;display:flex}.message-actions{flex-wrap:wrap;align-items:center;gap:5px;margin-top:3px;padding-left:2px;display:flex}.message-action{color:#77738a;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:5px 8px;font-size:12px;transition:background .18s,color .18s,border-color .18s;display:inline-flex}.message-action:hover{color:#6550a4;background:#f0edfa;border-color:#e5def8}.message-action:disabled{opacity:.5;cursor:not-allowed}.action-symbol{font-size:14px;line-height:1}.action-chevron{margin-left:1px;font-size:10px}.memory-action-wrap{display:inline-flex;position:relative}.memory-dropdown{z-index:50;background:#fff;border:1px solid #e8e4f0;border-radius:13px;width:220px;max-width:calc(100vw - 40px);padding:7px;position:absolute;bottom:calc(100% + 7px);left:0;box-shadow:0 8px 28px #2318411f}.memory-dropdown-heading{color:#39334d;padding:9px 10px 7px;font-size:12px;font-weight:700}.memory-dropdown .message-action{color:#514b60;text-align:left;justify-content:flex-start;width:100%;padding:10px;display:flex}.memory-dropdown .message-action:hover{background:#f5f2fc}.memory-dropdown-note{color:#8a8498;margin:5px 9px 8px;font-size:11px;line-height:1.5}.chat-header-menu{position:relative}.chat-dropdown,.header-dropdown{z-index:60;background:#fff;border:1px solid #e8e4f0;border-radius:13px;min-width:190px;padding:7px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 28px #2318411f}.reply-quote,.user-reply-quote{color:#69617d;overflow-wrap:anywhere;background:#9178d317;border-left:3px solid #9983dc;border-radius:5px;padding:8px 11px;font-size:12px;line-height:1.5}.reply-quote{margin-bottom:2px}.user-reply-quote{color:inherit;background:#ffffff21;border-left-color:#ffffffbf;margin-bottom:7px}.reply-composer{background:#f8f6fd;border:1px solid #e8e1f7;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:0 0 9px;padding:10px 12px;display:flex}.reply-composer-text{color:#625b75;overflow-wrap:anywhere;min-width:0;font-size:12px;line-height:1.5}.reply-composer-text strong{color:#6650a3;margin-bottom:2px;font-size:12px;display:block}.reply-cancel{color:#777087;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;display:inline-flex}.reply-cancel:hover{color:#5f4999;background:#ebe5f8}.memory-dropdown,.chat-dropdown,.header-dropdown{animation:.14s ease-out harmaiMenuIn}@keyframes harmaiMenuIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.message-actions{gap:2px}.message-action{padding:6px;font-size:11px}.memory-dropdown{width:205px}.reply-composer{padding:9px 10px}}@media (prefers-reduced-motion:reduce){.memory-dropdown,.chat-dropdown,.header-dropdown{animation:none}}.memory-dropdown{isolation:isolate;z-index:100;border:1px solid #e5deef;box-shadow:0 10px 30px #1e14322e;opacity:1!important;background-color:#fff!important}.memory-dropdown:before{content:none}.memory-dropdown .message-action{background-color:#fff}.memory-dropdown .message-action:hover{background-color:#f2edfb}.memory-dropdown-heading,.memory-dropdown-note{background-color:#fff}.ai-action{color:#7058b2}.ai-action.active{color:#5c459f;background:#eee9fc;border-color:#ded5f6}.ai-memory-panel{z-index:20;color:#282536;background:#fff;border:1px solid #e5def3;border-radius:16px;width:min(390px,100vw - 54px);margin-top:5px;padding:16px;animation:.16s ease-out harmaiMenuIn;position:relative;box-shadow:0 12px 34px #281e5021}.ai-panel-heading{align-items:center;gap:10px;margin-bottom:14px;display:flex}.ai-panel-icon{color:#7058b2;background:#eee9fc;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;display:flex}.ai-panel-heading>div:last-child{flex-direction:column;gap:4px;display:flex}.ai-panel-heading strong{color:#302944;font-size:14px}.ai-panel-heading span{color:#858095;font-size:11px}.ai-preview-notice{background:#f8f6fc;border:1px solid #eee9f7;border-radius:11px;margin-bottom:14px;padding:11px 12px}.ai-preview-notice strong{color:#7058b2;font-size:12px}.ai-preview-notice p{color:#716b80;margin:5px 0 0;font-size:12px;line-height:1.6}.ai-draft-label{color:#39334d;margin-bottom:7px;font-size:12px;font-weight:650;display:block}.ai-draft-input{box-sizing:border-box;color:#282536;width:100%;min-height:82px;font:inherit;resize:vertical;background:#fff;border:1px solid #e2dced;border-radius:10px;outline:none;padding:11px;font-size:13px;line-height:1.6;display:block}.ai-draft-input:focus{border-color:#a99ae0;box-shadow:0 0 0 3px #8170c817}.ai-draft-input::placeholder{color:#aaa5b8}.ai-panel-meta{color:#8a8498;justify-content:space-between;gap:10px;margin-top:7px;font-size:11px;display:flex}.ai-panel-notice{color:#6554a4;margin:10px 0 0;font-size:12px;line-height:1.5}.ai-panel-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.ai-cancel-button,.ai-save-button{min-height:37px;font:inherit;cursor:pointer;border-radius:10px;padding:9px 12px;font-size:12px;font-weight:600}.ai-cancel-button{color:#625b75;background:#fff;border:1px solid #e6e2ee}.ai-cancel-button:hover{background:#f7f5fb}.ai-save-button{color:#fff;background:#7560b5;border:1px solid #7560b5}.ai-save-button:hover:not(:disabled){background:#6550a4}.ai-save-button:disabled{color:#fff;cursor:not-allowed;background:#d2cddd;border-color:#d2cddd}@media (width<=600px){.ai-memory-panel{width:min(360px,100vw - 48px);padding:13px}.ai-panel-actions{grid-template-columns:1fr 1.6fr;display:grid}.ai-cancel-button,.ai-save-button{padding:9px 8px}}@media (prefers-reduced-motion:reduce){.ai-memory-panel{animation:none}}.home-page{min-height:100dvh;color:var(--harmai-text);background:radial-gradient(ellipse at 15% 0%, #8b5cf615, transparent 38%), var(--harmai-bg);padding:0 6% 36px}.home-header{border-bottom:1px solid var(--harmai-border);justify-content:space-between;align-items:center;height:76px;display:flex}.home-brand{letter-spacing:3px;font-size:20px;font-weight:800}.home-brand span{color:var(--harmai-purple-light)}.home-menu-wrap{position:relative}.home-menu-button{border:1px solid var(--harmai-border);width:42px;height:42px;color:var(--harmai-text);background:var(--harmai-surface);cursor:pointer;border-radius:12px;font-size:21px}.home-menu-button:hover{border-color:var(--harmai-purple)}.home-menu{z-index:10;border:1px solid var(--harmai-border);background:#191821;border-radius:14px;width:190px;padding:6px;position:absolute;top:50px;right:0;box-shadow:0 16px 40px #0006}.home-menu button{width:100%;color:var(--harmai-text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:12px}.home-menu button:hover{background:#8b5cf622}.home-welcome{padding:48px 0 36px}.home-eyebrow{color:var(--harmai-purple-light);letter-spacing:2px;margin:0 0 12px;font-size:11px;font-weight:700}.home-welcome h1{letter-spacing:-1.5px;margin:0;font-size:clamp(30px,5vw,44px)}.home-welcome h1 span{color:var(--harmai-purple-light)}.home-welcome>p:last-child{color:var(--harmai-muted);margin:12px 0 0;font-size:14px}.home-section{margin-top:28px}.home-section-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.home-section-heading h2{margin:0;font-size:19px}.home-section-heading p{color:var(--harmai-muted);margin:7px 0 0;font-size:13px}.home-add-button{color:#fff;cursor:pointer;background:#8b5cf622;border:1px solid #8b5cf677;border-radius:11px;flex-shrink:0;padding:11px 16px;font-size:13px;font-weight:600}.home-add-button:hover{background:#8b5cf644}.home-character-list{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:14px;display:grid}.home-character-card{border:1px solid var(--harmai-border);min-width:0;color:var(--harmai-text);background:var(--harmai-surface);text-align:left;cursor:pointer;border-radius:16px;flex-direction:column;align-items:flex-start;padding:18px;transition:border-color .16s,transform .16s;display:flex}.home-character-card:hover,.home-public-card:hover{border-color:#8b5cf688;transform:translateY(-2px)}.home-avatar{color:#fff;background:linear-gradient(135deg,#8b5cf6,#4c1d95);border-radius:17px;place-items:center;width:56px;height:56px;margin-bottom:14px;font-size:23px;font-weight:700;display:grid;overflow:hidden}.home-avatar img,.home-public-avatar img{object-fit:cover;width:100%;height:100%}.home-character-card>span{font-size:14px;font-weight:700}.home-character-card small{color:var(--harmai-muted);margin-top:6px;font-size:11px}.home-create-card{background:#19182188;border-style:dashed}.home-plus-avatar{color:var(--harmai-purple-light);background:#8b5cf615;border:1px dashed #8b5cf688;font-size:30px;font-weight:400}.home-public-heading{flex-wrap:wrap}.home-sort{border:1px solid var(--harmai-border);background:var(--harmai-surface);border-radius:11px;gap:4px;padding:4px;display:flex}.home-sort button{color:var(--harmai-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 12px;font-size:12px}.home-sort button.active{color:#fff;background:#8b5cf633}.home-empty{border:1px dashed var(--harmai-border);text-align:center;background:#19182155;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:220px;padding:28px;display:flex}.home-empty-icon{width:46px;height:46px;color:var(--harmai-purple-light);background:#8b5cf622;border-radius:14px;place-items:center;margin-bottom:12px;font-size:27px;display:grid}.home-empty h3{margin:0;font-size:15px}.home-empty p{max-width:380px;color:var(--harmai-muted);margin:9px 0 0;font-size:13px;line-height:1.7}.home-public-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.home-public-card{border:1px solid var(--harmai-border);min-width:0;color:var(--harmai-text);background:var(--harmai-surface);text-align:left;cursor:pointer;border-radius:16px;align-items:flex-start;gap:14px;padding:16px;transition:border-color .16s,transform .16s;display:flex}.home-public-avatar{color:#fff;background:linear-gradient(135deg,#8b5cf6,#4c1d95);border-radius:15px;flex-shrink:0;place-items:center;width:52px;height:52px;font-size:21px;font-weight:700;display:grid;overflow:hidden}.home-public-info{min-width:0}.home-public-info h3{margin:2px 0 6px;font-size:14px}.home-public-info p{color:var(--harmai-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.home-public-info small{color:var(--harmai-purple-light);margin-top:9px;font-size:11px;display:block}.home-footer{border-top:1px solid var(--harmai-border);color:var(--harmai-muted);letter-spacing:2px;text-align:center;margin-top:56px;padding-top:20px;font-size:10px}@media (width<=600px){.home-page{padding-left:20px;padding-right:20px}.home-header{height:66px}.home-welcome{padding-top:36px}.home-section-heading{align-items:flex-start}.home-add-button{padding:10px;font-size:11px}.home-character-list{grid-template-columns:repeat(2,minmax(0,1fr))}.home-public-grid{grid-template-columns:1fr}}.home-character-wrapper{min-width:0;position:relative}.home-character-wrapper .home-character-card{width:100%;height:100%;padding-bottom:42px}.home-character-actions{z-index:5;position:absolute;bottom:8px;right:10px}.home-character-menu-button{border:1px solid var(--harmai-border);background:var(--harmai-surface,#191821);width:32px;height:30px;color:var(--harmai-text);cursor:pointer;border-radius:9px;font-size:23px;line-height:1}.home-character-dropdown{z-index:10;border:1px solid var(--harmai-border);background:#191821;border-radius:10px;flex-direction:column;min-width:155px;padding:5px;display:flex;position:absolute;bottom:36px;right:0;box-shadow:0 8px 24px #0005}.home-character-dropdown button{color:var(--harmai-text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:10px 12px}.home-character-dropdown button:hover{background:#ffffff12}.home-character-dropdown button:last-child{color:#f87171}: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}}