@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Newsreader:opsz,wght@6..72,400;6..72,500&display=swap');
:root{--ink:#403a3b;--muted:#9a9292;--paper:#fcf6f7;--panel:#fffafa;--line:#eadde0;--deep:#d9799b;--green:#e9a9be;--orange:#df7898;--error:#ba6652}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}.hidden{display:none!important}.auth-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;overflow:hidden}.intro-panel{position:relative;display:flex;flex-direction:column;min-height:100vh;padding:42px 10vw 33px 11vw;background:#e7e9dc;overflow:hidden}.intro-panel:before{content:'';position:absolute;width:500px;height:500px;right:-220px;bottom:-200px;border:1px solid #bdc9a4;border-radius:50%;box-shadow:0 0 0 36px #dfe4d2,0 0 0 37px #cbd5b5,0 0 0 76px #e1e5d5,0 0 0 77px #cbd5b5;opacity:.55}.brand{display:flex;align-items:center;gap:9px;font-size:21px;font-weight:700;letter-spacing:-.5px;position:relative;z-index:1}.brand-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:var(--deep);color:#dcef9c;font-size:16px}.brand-dot{color:var(--orange)}.intro-copy{position:relative;z-index:1;margin:auto 0;padding:12vh 0 10vh}.kicker,.eyebrow{font:10px 'DM Sans',sans-serif;letter-spacing:1.2px;text-transform:uppercase;color:#829451}.kicker{display:flex;align-items:center;gap:8px}.kicker span{width:7px;height:7px;border-radius:50%;background:#a8c86d}.intro-copy h1{font-size:clamp(42px,5vw,74px);line-height:1.02;letter-spacing:-2.8px;font-weight:500;margin:25px 0 27px}.intro-copy h1 em{font-family:Newsreader,Georgia,serif;color:#738849;font-weight:400}.intro-text{max-width:405px;font-size:13px;line-height:1.8;color:#7c8474}.flow-note{display:flex;align-items:flex-start;gap:15px;position:relative;z-index:1;color:#737c6e}.flow-line{width:30px;height:1px;background:#96ad66;margin-top:8px}.flow-note p{font-size:11px;line-height:1.7;margin:0}.flow-note strong{font-size:12px;color:#657354}.intro-footer{display:flex;justify-content:space-between;position:relative;z-index:1;color:#9aa491;font-size:9px;letter-spacing:1px}.form-panel{display:flex;flex-direction:column;justify-content:center;min-height:100vh;background:var(--panel);padding:60px 10vw 30px}.form-wrap{width:min(380px,100%);margin:auto}.mobile-brand{display:none}.form-heading{margin-bottom:30px}.eyebrow{margin:0 0 12px}.form-heading h2{font-size:30px;line-height:1.15;letter-spacing:-1px;margin:0 0 10px;font-weight:600}.form-heading>p:last-child{font-size:12px;color:var(--muted);margin:0}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:24px;gap:25px}.tab{position:relative;padding:0 0 12px;border:0;background:none;color:#a0a39a;font-size:12px}.tab.active{color:var(--deep);font-weight:600}.tab.active:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#8ba55d}.form-message{display:none;margin:-6px 0 17px;padding:10px 12px;border-radius:6px;background:#f9eae4;color:var(--error);font-size:11px;line-height:1.5}.form-message.show{display:block}.form-message.success{display:block;background:#ecf2dd;color:#688344}.field{margin-bottom:19px}.field label,.label-row label{display:block;margin-bottom:8px;color:#5e665b;font-size:11px;font-weight:600}.label-row{display:flex;justify-content:space-between}.text-button{padding:0;border:0;background:none;color:#879a61;font-size:10px}.field input{display:block;width:100%;height:44px;padding:0 13px;border:1px solid #dcdad2;border-radius:6px;outline:0;background:#fff;color:var(--ink);font-size:12px}.field input:focus{border-color:#a6bd75;box-shadow:0 0 0 3px #eaf0d9}.field input.invalid{border-color:#d88a73}.field-error{display:block;color:var(--error);font-size:10px;margin-top:5px}.terms{display:flex;gap:8px;align-items:flex-start;margin:-2px 0 19px;color:#9b9e96;font-size:10px;line-height:1.5}.check{display:grid;place-items:center;width:15px;height:15px;background:#e6edd6;color:#7c9850;border-radius:4px;font-size:10px}.submit-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:45px;border:0;background:var(--deep);border-radius:6px;color:#eff3e3;font-size:12px;font-weight:600}.submit-button:disabled{opacity:.7}.spinner{width:14px;height:14px;border:2px solid #dceab8;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.security-note{display:flex;align-items:center;justify-content:center;gap:7px;color:#a0a39b;font-size:9px;margin:22px 0 0}.security-note span{color:#98ad68}.form-footer{display:flex;justify-content:space-between;color:#adafa8;font-size:9px}.form-footer button{border:0;background:none;color:#8e997f;font-size:9px;margin-left:16px}@media(max-width:760px){.auth-page{display:block}.intro-panel{display:none}.form-panel{min-height:100vh;padding:36px 24px 22px}.form-wrap{margin:auto}.mobile-brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:19px;margin-bottom:62px}.form-heading h2{font-size:28px}.form-footer{margin-top:auto}.security-note{margin-bottom:0}}
.messages-page{min-height:100dvh;background:#fff;color:var(--ink);padding-bottom:76px}.messages-header{display:flex;align-items:center;justify-content:space-between;padding:25px 22px 17px;background:#fff}.messages-kicker{margin:0 0 5px;color:#9a9e95;font-size:9px;letter-spacing:1.4px}.messages-header h1{font-size:29px;line-height:1;margin:0;font-weight:700;letter-spacing:-1px}.add-button{display:grid;place-items:center;width:34px;height:34px;border:2px solid #8c9489;border-radius:50%;color:#737e72;font-size:26px;font-weight:300;line-height:1}.network-banner{padding:12px 22px;background:#e24e4d;color:#fff;font-size:13px}.network-banner span{margin-right:7px}.conversation-section{min-height:calc(100dvh - 150px)}.section-heading{display:flex;justify-content:space-between;align-items:center;padding:15px 22px 8px;color:#92968f;font-size:11px}.section-heading button{color:#8ba35f;font-size:11px}.local-conversation{display:flex;align-items:center;gap:13px;width:100%;padding:14px 22px;border-bottom:1px solid #f0f0ed;text-align:left;background:#fff}.local-conversation:active{background:#f8f8f5}.local-avatar{display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;border-radius:50%;background:#e5e9d8;color:#81994e;font-size:20px;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.local-conversation-main{min-width:0;flex:1}.local-conversation-top{display:flex;align-items:center;gap:7px;margin-bottom:5px}.local-conversation-top strong{font-size:15px}.presence-dot{width:7px;height:7px;background:#b7dfc9;border-radius:50%}.local-conversation-preview{display:block;overflow:hidden;color:#9a9d98;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.local-conversation-meta{display:flex;flex-direction:column;align-items:flex-end;gap:7px;color:#a5a8a2;font-size:11px}.unread-count{min-width:18px;height:18px;padding:0 5px;border-radius:10px;background:#a9c970;color:#fff;text-align:center;font-size:10px;line-height:18px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 25px 30px;text-align:center}.empty-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#edf2df;color:#8ea75a;font-size:25px;margin-bottom:17px}.empty-state h2{margin:0 0 8px;font-size:18px}.empty-state p{margin:0;color:#9a9d96;font-size:12px}.primary-action{display:flex;align-items:center;gap:19px;margin-top:24px;padding:11px 15px;border-radius:6px;background:var(--deep);color:#eef2e2;font-size:12px}.primary-action span{color:#d5e99a;font-size:17px}.bottom-nav{position:fixed;z-index:5;bottom:0;left:0;right:0;display:flex;justify-content:space-around;height:67px;border-top:1px solid #e7e6e1;background:rgba(255,255,255,.96);box-shadow:0 -4px 14px rgba(30,35,25,.04);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:33.333%;color:#b1b4ae;font-size:10px}.bottom-nav-item.active{color:#a4c568}.bottom-icon{font-size:20px;line-height:20px}.bottom-nav-item.active .bottom-icon{font-size:18px}@media(min-width:761px){.messages-page{max-width:540px;min-height:100vh;margin:0 auto;box-shadow:0 0 40px rgba(35,40,27,.08)}body:has(.messages-page:not(.hidden)){background:#f0f0eb}}
.characters-page{min-height:100dvh;background:#fff;padding-bottom:76px}.characters-header{display:flex;align-items:center;justify-content:space-between;padding:24px 20px 17px;border-bottom:1px solid #f0f0ed}.characters-header h1{margin:0;font-size:25px;line-height:1}.back-button{width:30px;height:30px;border:0;background:none;color:#788273;font-size:30px;font-weight:300;line-height:20px}.characters-header>div{flex:1;margin-left:8px}.characters-content{min-height:calc(100dvh - 150px)}.characters-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px 16px}.character-card{position:relative;overflow:hidden;border:1px solid #e9e8e2;border-radius:9px;background:#fff;text-align:left}.character-card:active{background:#f8f9f4}.character-card-avatar{display:grid;place-items:center;width:100%;aspect-ratio:1.2;background:#e8eddb;color:#81994e;font-size:34px}.character-card-info{padding:11px}.character-card-info strong,.character-card-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.character-card-info strong{font-size:13px}.character-card-info small{margin-top:5px;color:#9b9f96;font-size:10px}.character-card-menu{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;background:#ffffffe8;color:#70796c;font-size:15px}.characters-content>.empty-state{padding-top:100px}.character-editor-page{min-height:100dvh;background:#f8f3f1;color:#403c3b;padding-bottom:28px}.editor-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;height:58px;padding:0 20px;background:#fff;border-bottom:0}.editor-header h1{flex:1;margin:0 10px;font-size:20px;font-weight:600;text-align:center;color:#514c4a}.editor-header-spacer{width:30px}.character-form{padding:0 16px 28px}.avatar-picker{position:relative;margin:31px auto 27px;width:132px;height:132px}.avatar-preview{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:132px;height:132px;border:1px solid #e5e1df;border-radius:50%;background:#fbfaf9;color:#a5a1a0;font-size:11px}.camera-icon{font-size:29px;color:#9d9998;line-height:1}.avatar-edit{position:absolute;right:-1px;bottom:2px;display:grid;place-items:center;width:34px;height:34px;border:3px solid #fff;border-radius:50%;background:#fff;color:#393735;font-size:20px;box-shadow:0 1px 8px #b9b2ae44;transform:rotate(-45deg)}.editor-section{margin:0 0 22px}.editor-section>h2{margin:0 4px 11px;color:#77706d;font-size:17px;font-weight:500}.basic-card,.settings-card{background:#fff;border-radius:22px;padding:9px 18px;box-shadow:0 1px 1px #ddd7d444}.basic-row{display:flex;align-items:center;min-height:65px;border-bottom:1px solid #f0ecea}.basic-row:last-child{border-bottom:0}.basic-row label,.gender-row>span{flex:0 0 106px;margin:0;color:#4e4948;font-size:16px;font-weight:600}.basic-row label span,.required{color:#ed7d91;margin-left:2px}.basic-row input{min-width:0;flex:1;border:0;outline:0;color:#77706d;text-align:right;font-size:13px}.basic-row input::placeholder{color:#aaa5a3}.basic-row>i{font-style:normal;color:#ec8fa1;font-size:18px;transform:rotate(-12deg);margin-left:7px}.gender-options{display:flex;gap:8px}.gender-option{min-width:47px;height:36px;padding:0 13px;border:0;border-radius:11px;background:#f0f0f1;color:#676363;font-size:14px}.gender-option.selected{background:#f6cad6;color:#a85268;font-weight:600}.settings-card{padding:21px 18px 6px}.settings-card .editor-field{margin-bottom:23px}.settings-card .editor-field label{margin:0 0 4px;color:#514b4a;font-size:16px;font-weight:600}.settings-card .editor-field small{display:block;margin-bottom:9px;color:#9d9693;font-size:12px}.textarea-wrap{position:relative}.textarea-wrap textarea{display:block;width:100%;min-height:80px;padding:12px 34px 12px 13px;border:0;border-radius:13px;outline:0;background:#fdf7f5;color:#514b4a;font-size:13px;line-height:1.55;resize:vertical}.textarea-wrap textarea:focus{box-shadow:0 0 0 2px #f3c5d2}.textarea-wrap span{position:absolute;right:10px;bottom:9px;color:#817d7b;font-size:15px;pointer-events:none}.editor-error{min-height:16px;margin:4px 0;color:#ba6652;font-size:11px;text-align:center}.save-bottom{display:block;width:100%;height:56px;margin:7px 0 0;border:0;border-radius:30px;background:#f3bad0;color:#fff;font-size:17px;font-weight:600;box-shadow:none}.save-bottom:active{background:#ebaec7;transform:translateY(1px)}.save-bottom:hover{background:#f0b0c9}@media(min-width:761px){.characters-page,.character-editor-page{max-width:540px;min-height:100vh;margin:0 auto;box-shadow:0 0 40px rgba(35,40,27,.08)}}
.character-editor-page{background:#fcf6f7}.editor-header{background:#fffafc}.editor-header h1{color:#514448}.editor-header-spacer{display:block;width:30px}.character-form{background:#fcf6f7}.editor-section>h2{color:#817276}.basic-card,.settings-card{background:#fffafa}.gender-option.selected{background:#f6cad6;color:#a85268}.save-bottom{background:#f3bad0;color:#fff}.save-bottom:hover{background:#eeabc5}.add-button{box-sizing:border-box;display:grid;place-items:center;width:36px;height:36px;padding:0;border:2px solid #e99bb4;border-radius:50%;background:#fff7fa;color:#d9799b;font-size:25px;line-height:30px;text-align:center}.characters-header .add-button{flex:0 0 36px}
.local-avatar,.character-card-avatar{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;background-color:#f8dce5!important;overflow:hidden}
.characters-list{display:flex;flex-direction:column;gap:0;padding:0}
.character-card{display:flex;align-items:center;gap:13px;width:100%;min-height:77px;padding:14px 22px;border:0;border-bottom:1px solid #f4e9ec;border-radius:0;background:#fff;text-align:left}
.character-card:active{background:#fff7fa}
.character-card-avatar{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;aspect-ratio:auto;border-radius:50%;font-size:20px}
.character-card-info{min-width:0;flex:1;padding:0}
.character-card-info strong,.character-card-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.character-card-info strong{font-size:15px}
.character-card-info small{margin-top:5px;color:#a08f95;font-size:12px}
.character-card-menu{position:static;display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:#b18f99;font-size:17px;line-height:1}
.character-card-menu:active{background:#f8dce5;color:#b65f79}
.intro-panel{background:#f7dfe7}.intro-panel:before{border-color:#edb9c8;box-shadow:0 0 0 36px #f5d2dd,0 0 0 37px #edb9c8,0 0 0 76px #f7dfe7,0 0 0 77px #edb9c8}.intro-panel:after{background:#edb9c8}.kicker,.eyebrow{color:#b25f79}.kicker span{background:#ed9fb7;box-shadow:0 0 0 4px #f5ccd8}.intro-copy h1 em{color:#b45d78}.intro-text,.flow-note{color:#8e6f79}.flow-line{background:#dc8fa7}.flow-note strong{color:#9d5d72}.intro-footer{color:#ba8c9b}.model-icon,.empty-icon,.local-avatar,.character-card-avatar{background:#f8dce5;color:#c36f89}.bottom-nav-item.active{color:#d9799b}.primary-action{background:#d9799b}.primary-action span{color:#ffe9f0}.status-icon{background:#f7d7e2;color:#c46d88}.presence-dot{background:#edb0c1}