:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#21182b;background:#fbf7ff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--safe-bottom: env(safe-area-inset-bottom, 0px);--brand: #7c4dff;--pink: #ec6aa7;--line: #eadff0;--muted: #8f8398;--card: rgb(255 255 255 / 86%)}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{overflow-x:hidden;background:radial-gradient(circle at 12% 3%,rgb(236 106 167 / 22%),transparent 30%),radial-gradient(circle at 84% 0%,rgb(124 77 255 / 16%),transparent 28%),linear-gradient(180deg,#fffaff,#f7f0ff)}button,input,textarea,select{font:inherit}button{border:0;cursor:pointer}.mobile-shell{min-height:100dvh;padding:0 14px calc(12px + var(--safe-bottom))}.mobile-shell.no-nav-shell{padding-bottom:0}.mobile-main.no-nav{max-width:none;padding-bottom:0}.mobile-main{width:min(100%,520px);margin:0 auto}.mobile-topbar{position:sticky;z-index:20;top:0;display:grid;min-height:calc(58px + env(safe-area-inset-top,0px));align-items:end;width:calc(100% + 28px);margin:0 -14px 14px;border-bottom:1px solid rgb(228 218 235 / 70%);padding:calc(8px + env(safe-area-inset-top,0px)) 14px 10px;background:#fffbffd1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:auto 1fr auto;gap:10px}.mobile-topbar h1{margin:0;font-size:18px;line-height:1.1}.mobile-topbar p{margin:4px 0 0;color:var(--muted);font-size:12px}.mobile-topbar.compact{min-height:calc(48px + env(safe-area-inset-top,0px));align-items:center;margin-bottom:8px;padding-bottom:8px}.ghost-icon{width:36px;height:36px;border-radius:13px;background:#fff;box-shadow:0 10px 24px #593f791a;color:#6d5a78;font-size:30px;line-height:1}.text-action{border-radius:999px;padding:8px 11px;background:#f1e9fb;color:#6b4ed1;font-weight:750}.mobile-card,.brand-card,.home-hero,.empty-mobile{border:1px solid rgb(232 221 239 / 78%);border-radius:28px;padding:20px;background:var(--card);box-shadow:0 20px 50px #634a7c1a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-loading,.empty-mobile{margin-top:24px;color:var(--muted);text-align:center}.empty-mobile h3{margin:0 0 8px;color:#2a1b35}.empty-mobile p{margin:0 0 16px;line-height:1.6}.primary-mobile-button,.outline-mobile-button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;width:100%;border-radius:17px;padding:0 16px;font-weight:850}.primary-mobile-button{background:linear-gradient(135deg,#7655e8,#ec6aa7);box-shadow:0 16px 30px #7c4dff38;color:#fff}.outline-mobile-button{border:1px solid var(--line);background:#fff;color:#685775}.primary-mobile-button:disabled,.outline-mobile-button:disabled{opacity:.55}.mobile-field{display:grid;margin-bottom:13px;gap:7px}.mobile-field span{color:#81758a;font-size:12px;font-weight:750}.mobile-field input,.mobile-field textarea,.mobile-field select,.mobile-textarea{width:100%;outline:0;border:1px solid #e8dfee;border-radius:16px;padding:13px 14px;background:#fff;color:#2b1e35}.mobile-field textarea,.mobile-textarea{resize:vertical;min-height:96px}.mobile-avatar-generator{display:grid;align-items:center;margin:-4px 0 18px;border-bottom:1px solid var(--line);padding:0 0 18px;grid-template-columns:92px minmax(0,1fr);gap:12px}.mobile-avatar-generator>div{min-width:0}.mobile-avatar-generator strong,.mobile-avatar-generator small,.mobile-avatar-generator em{display:block}.mobile-avatar-generator strong{font-size:15px}.mobile-avatar-generator small{margin:4px 0 9px;color:var(--muted);font-size:11px}.mobile-avatar-generator .mobile-field{margin:0 0 8px}.mobile-avatar-generator textarea{min-height:64px;padding:10px 11px;font-size:12px}.mobile-avatar-button{width:100%;border-radius:13px;padding:10px;background:linear-gradient(135deg,#7655e8,#ec6aa7);color:#fff;font-size:12px;font-weight:850}.mobile-avatar-button:disabled{opacity:.5}.mobile-avatar-generator em{margin-top:6px;color:#9b8fa4;font-size:10px;font-style:normal;text-align:right}.mobile-action-row{display:flex;margin-top:16px;gap:10px}.mobile-action-row>*{flex:1}.segmented{display:grid;margin-bottom:18px;border-radius:18px;padding:4px;background:#f1eaf7;grid-template-columns:repeat(3,1fr)}.segmented button{border-radius:14px;padding:10px;background:transparent;color:#82758c;font-weight:800}.segmented .active{background:#fff;color:var(--brand);box-shadow:0 10px 24px #4c32711a}.login-mobile{display:grid;min-height:100dvh;align-content:center;padding:28px 0;gap:16px}.brand-card{overflow:hidden;background:linear-gradient(135deg,#ffffffe0,#f9efffd6),radial-gradient(circle at top right,rgb(236 106 167 / 34%),transparent 34%)}.brand-logo{display:grid;width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#8b5cf6,#ec6aa7);color:#fff;place-items:center;font-size:28px}.brand-card p{margin:14px 0 4px;color:#9b8ca6;font-size:11px;font-weight:900;letter-spacing:.2em}.brand-card h1{margin:0;font-size:34px}.brand-card small{display:block;margin-top:8px;color:var(--muted)}.auth-card h2{margin:0 0 14px}.avatar-orb{position:relative;display:inline-grid;flex:0 0 auto;border:3px solid rgb(255 255 255 / 78%);border-radius:20px;box-shadow:0 12px 28px #6d498b2e;color:#fff;place-items:center}.avatar-orb img{position:absolute;width:100%;height:100%;border-radius:inherit;object-fit:cover}.avatar-orb i{font-style:normal;font-weight:900}.avatar-orb b{position:absolute;z-index:2;right:-2px;bottom:-2px;width:14px;height:14px;border:3px solid white;border-radius:999px;background:#45c985}.home-hero{margin-bottom:14px;background:radial-gradient(circle at 90% 10%,rgb(236 106 167 / 24%),transparent 34%),linear-gradient(135deg,#fff,#f5edff)}.home-hero p{margin:0 0 5px;color:#9c8baa;font-size:12px;font-weight:850}.home-hero h2{margin:0 0 16px;font-size:24px;line-height:1.2}.home-hero button{border-radius:999px;padding:11px 15px;background:#22172d;color:#fff;font-weight:800}.companion-mobile-list{display:grid;gap:12px}.companion-mobile-card{position:relative;display:grid;align-items:center;border:1px solid var(--line);border-radius:24px;padding:14px;background:#ffffffdb;box-shadow:0 18px 38px #634c8014;grid-template-columns:auto 1fr auto;gap:12px;text-align:left}.companion-mobile-card span{min-width:0}.companion-mobile-card strong{display:block;font-size:16px}.companion-mobile-card small,.companion-mobile-card em{display:block;overflow:hidden;color:var(--muted);font-size:12px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.companion-mobile-card i{display:grid;min-width:22px;height:22px;border-radius:999px;padding:0 6px;background:#ef4e7b;color:#fff;font-size:11px;font-style:normal;place-items:center}.template-list-mobile{display:grid;padding-bottom:14px;gap:13px}.template-list-card{position:relative;display:grid;align-items:center;width:100%;border:1px solid var(--line);border-radius:24px;padding:15px;background:#ffffffe0;box-shadow:0 18px 40px #634c8017;grid-template-columns:auto minmax(0,1fr) 18px;gap:13px;text-align:left}.template-list-card:active{border-color:#ad8cec;transform:translateY(1px)}.template-list-copy{display:block;min-width:0}.template-list-copy>i{display:inline-flex;margin-bottom:5px;border-radius:999px;padding:4px 8px;background:#fff0f6;color:#d94d8e;font-size:10px;font-style:normal;font-weight:850}.template-list-copy>strong,.template-list-copy>small,.template-list-copy>em{display:block}.template-list-copy>strong{font-size:18px}.template-list-copy>small{margin-top:2px;color:#745d80;font-size:12px;font-weight:750}.template-list-copy>em{display:-webkit-box;overflow:hidden;margin-top:7px;color:var(--muted);font-size:12px;font-style:normal;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.template-list-copy>b{display:flex;flex-wrap:wrap;margin-top:8px;gap:5px}.template-list-copy>b u{border-radius:999px;padding:4px 7px;background:#f2ebfa;color:#765c88;font-size:10px;font-weight:750;text-decoration:none}.template-list-arrow{color:#a28cad;font-size:28px;line-height:1}.template-list-footer{display:grid;min-height:64px;align-content:center;justify-items:center;color:var(--muted);font-size:12px;gap:8px}.template-list-footer span{color:#c04461;text-align:center}.template-list-footer button{border-radius:999px;padding:8px 13px;background:#eee6fb;color:#6d4dca;font-weight:800}.create-setup-mobile{display:grid;padding-bottom:calc(82px + var(--safe-bottom));gap:14px}.setup-template-summary{display:grid;align-items:center;border:1px solid var(--line);border-radius:25px;padding:14px;background:radial-gradient(circle at 90% 0,rgb(236 106 167 / 18%),transparent 38%),#ffffffe0;box-shadow:0 18px 40px #634c8017;grid-template-columns:auto minmax(0,1fr) auto;gap:12px}.setup-template-summary span{min-width:0}.setup-template-summary small,.setup-template-summary strong,.setup-template-summary em{display:block}.setup-template-summary small{color:var(--muted);font-size:10px}.setup-template-summary strong{margin:2px 0;font-size:18px}.setup-template-summary em{color:#806b8b;font-size:12px;font-style:normal}.setup-template-summary button{border-radius:999px;padding:8px 10px;background:#f1eafb;color:#6b4ed1;font-size:11px;font-weight:800}.setup-section-mobile{border-radius:24px;padding:18px}.setup-section-mobile h3{margin:0 0 15px;font-size:17px}.template-copy{color:var(--muted);line-height:1.6}.create-submit-mobile{position:fixed;z-index:18;right:0;bottom:0;left:0;padding:10px max(14px,calc((100vw - 520px)/2)) calc(10px + var(--safe-bottom));background:linear-gradient(180deg,transparent,rgb(251 247 255 / 96%) 24%);pointer-events:none}.create-submit-mobile button{pointer-events:auto}.select-row{display:flex;align-items:center;justify-content:space-between;width:100%;margin:9px 0;border:1px solid var(--line);border-radius:18px;padding:13px;background:#fff;text-align:left}.select-row.active{border-color:#8b5cf6;background:#f8f3ff}.select-row strong,.select-row small{display:block}.select-row small{color:var(--muted)}.chip-group{display:flex;flex-wrap:wrap;margin-top:10px;gap:8px}.chip-group button{border:1px solid #e7ddee;border-radius:999px;padding:9px 11px;background:#fff;color:#7c6f86}.chip-group button.active{border-color:#8b5cf6;background:#eee7ff;color:#6b4ed1}.chip-group.light button.active{border-color:#ec6aa7;background:#fff0f7;color:#c04178}.chat-mobile{display:grid;height:100dvh;grid-template-rows:auto 1fr auto auto;margin:0 -14px;overflow:hidden;background:radial-gradient(circle at 18% 0%,rgb(236 106 167 / 12%),transparent 28%),radial-gradient(circle at 92% 8%,rgb(124 77 255 / 10%),transparent 30%),#fbf8ff}.chat-mini-profile{position:relative;z-index:12;display:grid;align-items:center;border-bottom:1px solid rgb(230 220 238 / 72%);padding:calc(10px + env(safe-area-inset-top,0px)) 14px 10px;background:#ffffffd6;box-shadow:0 10px 26px #4e376c0f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:auto 1fr 42px;gap:9px}.chat-mini-profile>div{min-width:0}.chat-mini-profile strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-mini-profile small{display:block;overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.chat-home-mobile{display:grid;width:38px;height:38px;align-items:center;justify-content:center;border:1px solid rgb(226 217 234 / 78%);border-radius:15px;background:#ffffffe0;box-shadow:0 10px 22px #533e6f12;color:#6b5b75;font-weight:750}.chat-home-mobile{color:#6d55bf}.message-stream-mobile{min-height:0;overflow-y:auto;padding:14px 14px 18px;overscroll-behavior:contain}.history-mobile,.date-chip{display:table;margin:0 auto 12px;border-radius:999px;padding:7px 11px;background:#ffffffc7;color:var(--muted);font-size:12px}.message-row{display:grid;max-width:82%;margin:12px 0;justify-items:start}.message-row.user{margin-left:auto;justify-items:end}.message-bubble{border-radius:20px 20px 20px 7px;padding:12px 14px;background:#fff;box-shadow:0 10px 26px #503a6917;line-height:1.55}.message-row.user .message-bubble{border-radius:20px 20px 7px;background:linear-gradient(135deg,#7554df,#5d3ac5);color:#fff}.message-meta{margin-top:4px;color:#aaa0b1;font-size:10px}.sticker-bubble{display:grid;min-width:94px;border-radius:22px;padding:14px;color:#fff;place-items:center}.sticker-bubble span{font-size:34px}.sticker-bubble small{color:#fff}.image-bubble-mobile{width:min(72vw,330px);overflow:hidden;border-radius:20px 20px 20px 7px;background:#fff;box-shadow:0 10px 26px #503a691f}.image-bubble-mobile>button{display:block;width:100%;max-height:430px;overflow:hidden;border:0;padding:0;background:#eee8f3}.image-bubble-mobile img{display:block;width:100%;height:100%;object-fit:cover}.image-bubble-mobile>p{margin:0;padding:11px 13px 13px;line-height:1.55;white-space:pre-wrap}.image-failed-mobile{display:grid;min-height:180px;color:var(--muted);place-items:center;align-content:center;gap:9px}.image-failed-mobile button,.image-preview-mobile-error button{border:0;border-radius:10px;padding:8px 12px;background:#fff;color:#694bc8}.mobile-image-preview-open{overflow:hidden}.image-preview-mobile{position:fixed;z-index:3000;top:0;right:0;bottom:0;left:0;display:grid;padding:calc(52px + env(safe-area-inset-top,0px)) 12px calc(24px + env(safe-area-inset-bottom,0px));background:#0c0911f5;place-items:center}.image-preview-mobile figure{display:grid;width:100%;max-height:100%;margin:0;place-items:center}.image-preview-mobile figure img{display:block;max-width:100%;max-height:calc(100dvh - 130px);border-radius:8px;object-fit:contain;touch-action:pinch-zoom}.image-preview-mobile figcaption{margin-top:10px;color:#ffffffc7;font-size:12px;text-align:center}.image-preview-mobile-close{position:fixed;z-index:1;top:calc(12px + env(safe-area-inset-top,0px));right:14px;width:40px;height:40px;border:1px solid rgb(255 255 255 / 20%);border-radius:50%;background:#ffffff1a;color:#fff;font-size:28px}.image-preview-mobile-error{display:grid;color:#fff;place-items:center;gap:12px}.typing-mobile{display:flex;align-items:center;width:fit-content;border-radius:999px;padding:9px 12px;background:#fff;color:var(--muted);font-size:12px;gap:5px}.typing-mobile span{width:5px;height:5px;border-radius:999px;background:#b8a9c2}.bottom-anchor{height:1px}.quick-mobile{display:flex;overflow-x:auto;border-top:1px solid rgb(230 220 238 / 70%);padding:8px 14px;background:#fbf8ffd6;scrollbar-width:none;gap:8px}.quick-mobile::-webkit-scrollbar{display:none}.quick-mobile button{flex:0 0 auto;border:1px solid rgb(229 220 238 / 78%);border-radius:999px;padding:7px 12px;background:#ffffffe0;color:#7e7189;font-size:12px}.composer-mobile{display:grid;align-items:center;padding:10px 14px calc(12px + env(safe-area-inset-bottom,0px));background:#ffffffeb;box-shadow:0 -12px 32px #694c8214;grid-template-columns:42px 1fr 54px;gap:8px}.composer-mobile input{height:44px;outline:0;border:1px solid #e7ddee;border-radius:999px;padding:0 14px;background:#faf7fd}.composer-mobile button{height:42px;border-radius:999px;background:#efe7fb;color:#6b4ed1;font-weight:850}.composer-mobile button[type=submit]{background:linear-gradient(135deg,#7655e8,#ec6aa7);color:#fff}.sticker-sheet{display:grid;max-height:190px;overflow-y:auto;border-top:1px solid var(--line);padding:12px 14px;background:#fffffff0;grid-template-columns:repeat(4,1fr);gap:9px}.sticker-option{display:grid;justify-items:center;border-radius:18px;padding:9px 4px;background:#faf7fd;gap:4px}.sticker-option span{display:grid;width:44px;height:44px;border-radius:16px;place-items:center;font-size:24px}.sticker-option small{color:var(--muted);font-size:10px}.mood-mobile span{color:#9d8faa;font-size:12px;font-weight:850}.mood-mobile p{margin:8px 0 0;line-height:1.7}.timeline-mobile{display:grid;margin-top:14px;gap:12px}.timeline-mobile article{display:grid;border:1px solid var(--line);border-radius:24px;padding:14px;background:#fff;grid-template-columns:58px 1fr;gap:12px}.timeline-mobile article.current{border-color:#9f7aea;background:#fbf7ff}.timeline-mobile time strong,.timeline-mobile time small{display:block}.timeline-mobile time strong{color:#6d52c8}.timeline-mobile time small{color:var(--muted)}.timeline-mobile h3{margin:0 0 6px}.timeline-mobile h3 em{border-radius:999px;padding:3px 7px;background:#e7f9ef;color:#32a269;font-size:10px;font-style:normal}.timeline-mobile p,.timeline-mobile span,.timeline-mobile small{display:block;margin:0 0 5px;color:var(--muted);line-height:1.55}.sticky-action{position:sticky;bottom:calc(80px + var(--safe-bottom));margin-top:16px}.memory-mobile,.settings-mobile,.schedule-mobile{display:grid;gap:12px}.schedule-generation-mobile{border-color:#dfd1f2;background:linear-gradient(145deg,#fff,#faf4ff)}.schedule-generation-mobile strong{color:#6848c6}.schedule-generation-mobile p{margin:7px 0;color:var(--muted);line-height:1.6}.schedule-generation-mobile small{display:block;overflow:hidden;margin-bottom:9px;color:#a46720;text-overflow:ellipsis;white-space:nowrap}.memory-hero p{color:var(--muted);line-height:1.6}.memory-status-mobile{display:grid;margin:12px 0;grid-template-columns:repeat(3,1fr);gap:7px}.memory-status-mobile span{display:grid;border-radius:14px;padding:10px 6px;background:#f8f4fc;color:var(--muted);font-size:10px;text-align:center;gap:3px}.memory-status-mobile strong{color:var(--text);font-size:15px}.memory-sync-tip{margin:8px 0!important;color:#7054ce!important}.memory-sync-tip.warning{color:#a46720!important}.memory-card-mobile{border:1px solid var(--line);border-radius:24px;padding:16px;background:#fff}.memory-card-mobile.muted{opacity:.55}.memory-card-mobile span{border-radius:999px;padding:4px 8px;background:#efe7fb;color:#6b4ed1;font-size:11px;font-weight:850}.memory-card-mobile h3{margin:11px 0 7px}.memory-card-mobile p{margin:0 0 12px;color:var(--muted);line-height:1.65}.memory-card-mobile>small{display:block;margin-bottom:10px;color:#9b91a2}.memory-actions-mobile{display:flex;flex-wrap:wrap;gap:7px}.memory-card-mobile button{border-radius:999px;padding:8px 12px;background:#f7f2fb;color:#71617d}.mobile-load-more{justify-self:center;border:1px solid var(--line);border-radius:999px;padding:10px 18px;background:#fff;color:var(--muted)}.memory-source-mobile>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.memory-source-mobile>div h3{margin:0}.memory-source-mobile>div button{border-radius:999px;padding:7px 11px;background:#f5effb;color:#7258c8}.memory-source-mobile blockquote{margin:12px 0 0;border-left:3px solid #d8c8f2;padding:8px 0 8px 12px}.memory-source-mobile blockquote small{color:#9c92a2}.memory-source-mobile blockquote p{margin:5px 0 0;line-height:1.6}.settings-profile{display:flex;align-items:center;gap:14px}.settings-profile h3{margin:0 0 4px}.settings-profile p{margin:0;color:var(--muted)}.inline-mobile-form{margin-top:12px;border-top:1px dashed var(--line);padding-top:12px}.toast-host{position:fixed;z-index:100;top:calc(14px + env(safe-area-inset-top,0px));right:14px;left:14px;display:grid;justify-items:center;pointer-events:none;gap:8px}.toast{max-width:92vw;border-radius:999px;padding:10px 14px;background:#21182beb;box-shadow:0 16px 34px #21182b2e;color:#fff;font-size:13px}.toast.success{background:#319d69f0}.toast.error{background:#db3b5ef0}.toast-enter-active,.toast-leave-active{transition:all .2s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(-10px)}@media(min-width:560px){.mobile-topbar{right:0;left:0;width:100%;margin-right:auto;margin-left:auto;padding-right:max(14px,calc((100vw - 520px)/2));padding-left:max(14px,calc((100vw - 520px)/2))}}