:root{
  --bg:#F6F4FF;--panel:#FFFFFF;--ink:#25233A;--muted:#77738F;--accent:#7D7AF2;--accent2:#B2A9FF;
  --mint:#BFE8D1;--peach:#FFD0B8;--pink:#FFC8DE;--line:#E7E3F3;--danger:#D95F73;--shadow:0 18px 60px rgba(69,58,126,.14);
  --safe-bottom:env(safe-area-inset-bottom,0px)
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-rounded,"SF Pro Rounded","Segoe UI",system-ui,sans-serif;color:var(--ink);background:var(--bg)}
body{display:flex;justify-content:center}.app-shell{width:min(100%,560px);min-height:100vh;background:linear-gradient(180deg,#FAF9FF 0%,#F5F2FF 100%);position:relative;padding-bottom:calc(88px + var(--safe-bottom));overflow-x:hidden}
button,input,select{font:inherit}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:14px 18px 10px;position:sticky;top:0;z-index:20;background:rgba(250,249,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(231,227,243,.8)}
.brand-row{display:flex;gap:10px;align-items:center}.brand-mark{width:42px;height:42px;border-radius:16px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:22px;font-weight:800;box-shadow:0 8px 20px rgba(37,35,58,.2)}.brand{font-weight:900;letter-spacing:.16em;font-size:14px}.brand-sub{font-size:11px;color:var(--muted);margin-top:2px}.icon-btn,.compose-icon{border:0;background:#fff;width:42px;height:42px;border-radius:14px;box-shadow:0 5px 18px rgba(49,43,92,.08);cursor:pointer}
main{padding:12px 14px 22px}.screen{display:none;animation:fade .22s ease}.screen.active{display:block}@keyframes fade{from{opacity:.2;transform:translateY(6px)}to{opacity:1;transform:none}}
.room-card{height:360px;border-radius:34px;position:relative;overflow:hidden;background:linear-gradient(180deg,#CDC6FF 0 53%,#F4D8DC 53% 100%);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.7)}
.room-card.theme-mint,.room-preview.theme-mint{background:linear-gradient(180deg,#BFE8D1 0 57%,#F5E6C9 57% 100%)}.room-card.theme-peach,.room-preview.theme-peach{background:linear-gradient(180deg,#FFD0B8 0 57%,#F7E5DC 57% 100%)}
.room-sky{position:absolute;inset:0 0 47%;background:radial-gradient(circle at 25% 20%,rgba(255,255,255,.5),transparent 20%),linear-gradient(180deg,rgba(63,54,125,.3),transparent)}.spark{position:absolute;color:#fff;opacity:.8}.s1{left:19%;top:20%;font-size:18px}.s2{right:14%;top:12%;font-size:24px}.s3{right:29%;top:33%;font-size:18px}.room-window{position:absolute;right:26px;top:38px;width:88px;height:104px;border:8px solid #6E6799;border-radius:34px 34px 18px 18px;background:#37345D;box-shadow:inset 0 0 0 3px rgba(255,255,255,.1)}.moon{width:24px;height:24px;border-radius:50%;background:#FFF0AF;position:absolute;left:18px;top:24px;box-shadow:0 0 20px #fff0af88}.window-star{position:absolute;right:16px;top:17px;color:#fff}.shelf{position:absolute;left:24px;top:112px;width:92px;height:10px;border-radius:10px;background:#786B81;box-shadow:0 10px 0 #A69096;display:flex;justify-content:space-around;font-size:27px;line-height:0}.floor-rug{position:absolute;left:50%;bottom:19px;transform:translateX(-50%);width:250px;height:56px;border-radius:50%;background:rgba(255,255,255,.4);filter:blur(.2px)}
.buddy-wrap{position:absolute;left:50%;bottom:39px;transform:translateX(-50%);width:168px;height:190px;border:0;background:transparent;cursor:pointer}.buddy{position:relative;width:100%;height:100%;animation:bob 3.1s ease-in-out infinite}.buddy-body{position:absolute;left:23px;bottom:19px;width:122px;height:136px;background:linear-gradient(145deg,#FCFBFF,#EAE5FF);border:4px solid #37324F;border-radius:48% 48% 44% 44% / 43% 43% 57% 57%;box-shadow:inset -12px -12px 0 rgba(159,146,222,.17)}.ear{position:absolute;top:13px;width:45px;height:65px;background:#F4F0FF;border:4px solid #37324F;border-radius:70% 35% 55% 25%;z-index:0}.ear.left{left:31px;transform:rotate(-22deg)}.ear.right{right:31px;transform:scaleX(-1) rotate(-22deg)}.face{position:absolute;top:46px;left:0;right:0;height:44px}.eye{position:absolute;top:3px;width:10px;height:14px;background:#37324F;border-radius:60%}.left-eye{left:31px}.right-eye{right:31px}.mouth{position:absolute;width:20px;height:10px;border-bottom:3px solid #37324F;border-radius:0 0 20px 20px;left:50%;top:22px;transform:translateX(-50%)}.blush{position:absolute;width:19px;height:8px;border-radius:50%;background:#F4A6BB;opacity:.48;top:23px}.left-blush{left:16px}.right-blush{right:16px}.belly-mark{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);color:#8F81DD;font-size:25px}.shadow{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:105px;height:19px;background:rgba(55,50,79,.18);border-radius:50%;filter:blur(2px);z-index:-1}@keyframes bob{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}
.buddy.mood-sleepy .eye{height:3px;top:9px}.buddy.mood-low .mouth{border-bottom:0;border-top:3px solid #37324F;border-radius:20px 20px 0 0;top:28px}.buddy.mood-excited{animation:bounce .75s ease-in-out 2}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-19px) rotate(3deg)}}
.speech-bubble{position:absolute;left:20px;top:22px;max-width:204px;background:#fff;color:var(--ink);padding:11px 14px;border-radius:17px 17px 17px 5px;font-size:13px;font-weight:650;box-shadow:0 8px 25px rgba(55,50,79,.1)}.room-caption{position:absolute;right:20px;bottom:15px;font-size:11px;color:#625C75;background:rgba(255,255,255,.72);padding:6px 9px;border-radius:10px}
.stats-card{background:#fff;margin-top:14px;border-radius:28px;padding:17px;box-shadow:0 10px 30px rgba(67,57,122,.07)}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-title-row h2{font-size:16px;margin:0}.pill{font-size:10px;font-weight:800;padding:7px 9px;border-radius:99px}.pill.good{background:#DFF6E9;color:#347258}.pill.mid{background:#FFF2D7;color:#8B651C}.pill.low{background:#FFE1E6;color:#A64155}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;margin-top:16px}.stat-top{display:flex;justify-content:space-between;font-size:11px;color:#69647C}.stat-top strong{color:var(--ink)}.bar{height:8px;background:#ECE9F6;border-radius:99px;margin-top:6px;overflow:hidden}.bar i{display:block;height:100%;width:50%;background:linear-gradient(90deg,#8683F3,#B5AEFF);border-radius:99px;transition:width .4s}.bond-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:17px;font-size:12px}.bond-row .bar{margin:0}.bond i{background:linear-gradient(90deg,#FF8FB7,#C985F4)}
.quick-actions{display:grid;grid-template-columns:1.25fr 1fr;gap:10px;margin-top:12px}.big-action{border:0;border-radius:22px;background:#fff;box-shadow:0 8px 28px rgba(66,57,119,.08);padding:14px;display:flex;align-items:center;gap:10px;text-align:left;color:var(--ink);cursor:pointer}.big-action.primary{background:#2F2B47;color:#fff}.big-action span{font-size:26px}.big-action b{display:block;font-size:12px}.big-action small{display:block;font-size:9px;opacity:.7;margin-top:2px}
.bottom-nav{position:fixed;z-index:50;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,560px);height:calc(72px + var(--safe-bottom));padding:7px 10px var(--safe-bottom);background:rgba(255,255,255,.93);backdrop-filter:blur(18px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr)}.nav-item{border:0;background:transparent;color:#908BA2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer}.nav-item span{font-size:22px;line-height:1}.nav-item small{font-size:9px;font-weight:700}.nav-item.active{color:var(--accent)}
.page-heading{display:flex;align-items:flex-start;justify-content:space-between;padding:10px 4px 14px}.eyebrow{letter-spacing:.18em;font-size:9px;font-weight:900;color:var(--accent);margin:0 0 5px}.page-heading h1{font-size:24px;line-height:1.12;margin:0;max-width:330px}.coin-pill{background:#2F2B47;color:#fff;border-radius:99px;padding:9px 12px;font-size:12px;font-weight:800}.care-hero,.profile-card{background:linear-gradient(135deg,#DFD9FF,#FAF2FF);border-radius:26px;padding:16px;display:flex;align-items:center;gap:14px}.care-buddy,.profile-avatar{width:72px;height:72px;flex:0 0 72px;border-radius:26px;background:#fff;display:grid;place-items:center;font-size:33px;font-weight:800;box-shadow:0 8px 25px rgba(71,57,130,.12)}.care-hero h3,.profile-card h3{margin:0 0 4px;font-size:14px}.care-hero p,.profile-card p{margin:0;color:#706B84;font-size:11px;line-height:1.45}.care-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.care-card{border:0;background:#fff;border-radius:22px;padding:16px 8px;box-shadow:0 8px 24px rgba(63,52,114,.06);color:var(--ink);cursor:pointer}.care-card span{font-size:27px;display:block;margin-bottom:6px}.care-card b,.care-card small{display:block}.care-card b{font-size:12px}.care-card small{font-size:9px;color:var(--muted);margin-top:3px}.daily-card{margin-top:13px;background:#2F2B47;color:#fff;border-radius:26px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:10px}.daily-card h3{margin:0 0 4px}.daily-card p:not(.eyebrow){margin:0;font-size:11px;opacity:.75;line-height:1.45}.round-cta{width:48px;height:48px;border-radius:18px;border:0;background:#BDB4FF;color:#2F2B47;font-size:22px;cursor:pointer}
.room-preview{height:260px;border-radius:30px;background:linear-gradient(180deg,#CDC6FF 0 57%,#F4D8DC 57% 100%);position:relative;overflow:hidden;box-shadow:var(--shadow)}.preview-window{position:absolute;right:29px;top:31px;width:72px;height:82px;background:#3A365F;border:7px solid #756D9B;border-radius:28px;color:#fff;padding:17px}.preview-shelf{position:absolute;left:25px;top:89px;font-size:24px}.preview-buddy{position:absolute;left:50%;bottom:31px;transform:translateX(-50%);width:96px;height:110px;border:4px solid #393451;border-radius:50% 50% 44% 44%;background:#F7F3FF;display:grid;place-items:center;font-size:35px;font-weight:800}.subheading{font-size:13px;margin:18px 3px 10px}.theme-row{display:flex;gap:8px;overflow:auto;padding-bottom:4px}.theme-chip{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:99px;padding:9px 12px;display:flex;align-items:center;gap:7px;font-size:11px;cursor:pointer}.theme-chip.selected{border-color:var(--accent);box-shadow:0 0 0 2px #e1ddff}.swatch{width:16px;height:16px;border-radius:50%}.swatch.violet{background:#B9B0FF}.swatch.mint{background:#A9DDC2}.swatch.peach{background:#FFC5A7}.inventory-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.inventory{border:1px solid var(--line);background:#fff;border-radius:20px;padding:13px;text-align:left;cursor:pointer}.inventory span{font-size:25px;display:block}.inventory b{font-size:11px;display:block;margin-top:5px}.inventory small{font-size:9px;color:var(--muted)}.inventory.owned{background:#F7F5FD}.inventory.owned small{color:#4E936C}
.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:11px 0}.story-stat{background:#fff;border-radius:20px;padding:16px 9px;text-align:center}.story-stat strong{display:block;font-size:24px}.story-stat span{font-size:9px;color:var(--muted)}.settings-card{background:#fff;border-radius:26px;padding:16px;margin-top:11px}.settings-card h3{font-size:14px;margin:0 0 7px}.setting-line{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px 2px;border-bottom:1px solid #F0EDF7}.setting-line b,.setting-line small{display:block}.setting-line b{font-size:11px}.setting-line small{font-size:9px;color:var(--muted);margin-top:3px}.setting-line input{width:20px;height:20px;accent-color:var(--accent)}.outline-btn{width:100%;border:1px solid var(--line);background:#fff;border-radius:16px;padding:12px;margin-top:13px;font-size:11px;font-weight:800;color:var(--ink);cursor:pointer}.text-danger{width:100%;border:0;background:transparent;color:var(--danger);padding:12px;font-size:10px;font-weight:800;cursor:pointer}
.chat-screen{padding-bottom:90px}.chat-head{display:flex;align-items:center;gap:10px;padding:3px 2px 12px}.mini-buddy{width:45px;height:45px;border-radius:16px;background:#E4DFFF;display:grid;place-items:center;font-weight:900}.chat-head h2{font-size:15px;margin:0}.chat-head p{font-size:9px;color:var(--muted);margin:2px 0 0}.online-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#55B681;margin-right:4px}.soft-btn{margin-left:auto;border:0;background:#ECE9FB;color:#544D7E;border-radius:12px;padding:8px 10px;font-size:9px;font-weight:800;cursor:pointer}.chat-log{min-height:calc(100vh - 285px);max-height:calc(100vh - 285px);overflow-y:auto;padding:8px 2px 18px;display:flex;flex-direction:column;gap:9px}.msg{max-width:83%;padding:11px 13px;border-radius:17px;font-size:12px;line-height:1.45;white-space:pre-wrap}.msg.buddy-msg{align-self:flex-start;background:#fff;border-radius:17px 17px 17px 5px;box-shadow:0 5px 18px rgba(69,58,126,.06)}.msg.user-msg{align-self:flex-end;background:#7774ED;color:#fff;border-radius:17px 17px 5px 17px}.msg-time{display:block;font-size:8px;opacity:.52;margin-top:5px}.typing{align-self:flex-start;background:#fff;border-radius:15px;padding:12px 15px;width:55px;display:flex;gap:4px}.typing.hidden{display:none}.typing span{width:6px;height:6px;background:#9D98B0;border-radius:50%;animation:dots 1s infinite}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes dots{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(-4px);opacity:1}}.chat-compose{position:fixed;z-index:40;bottom:calc(76px + var(--safe-bottom));left:50%;transform:translateX(-50%);width:min(calc(100% - 22px),538px);background:#fff;padding:7px;border-radius:22px;display:grid;grid-template-columns:40px 1fr 42px;gap:6px;box-shadow:0 12px 40px rgba(54,46,102,.18)}.chat-compose input{border:0;outline:0;background:#F7F5FC;border-radius:15px;padding:0 12px;font-size:12px}.send-btn{border:0;border-radius:15px;background:#2F2B47;color:#fff;font-size:18px;cursor:pointer}.safe-note{font-size:8px;color:#9993A9;text-align:center;padding:0 12px;position:fixed;bottom:calc(125px + var(--safe-bottom));left:50%;transform:translateX(-50%);width:min(100%,520px);pointer-events:none;opacity:.0}
.modal{border:0;padding:0;background:transparent;width:min(calc(100% - 28px),480px);max-height:90vh}.modal::backdrop{background:rgba(32,28,52,.52);backdrop-filter:blur(5px)}.modal-card{position:relative;background:#FAF9FF;border-radius:30px;padding:26px;box-shadow:var(--shadow);max-height:88vh;overflow:auto}.modal-card.compact{padding:24px}.close-x{position:absolute;right:15px;top:13px;border:0;width:34px;height:34px;border-radius:12px;background:#ECE9F7;color:#615B74;font-size:20px;cursor:pointer}.onboarding-buddy{width:90px;height:90px;border-radius:34px;background:linear-gradient(145deg,#D9D2FF,#FCEBFF);display:grid;place-items:center;font-size:38px;font-weight:900;margin-bottom:18px}.modal-card h2{margin:0 0 8px;font-size:24px}.modal-card>p:not(.eyebrow){color:var(--muted);font-size:12px;line-height:1.5}.modal-card label{display:block;font-size:10px;font-weight:800;margin-top:14px}.modal-card input,.modal-card select{width:100%;border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px;margin-top:6px;outline:0;color:var(--ink)}.primary-wide{width:100%;border:0;background:#2F2B47;color:#fff;border-radius:16px;padding:14px;margin-top:18px;font-weight:800;cursor:pointer}.privacy-copy{display:block;text-align:center;color:var(--muted);font-size:8px;line-height:1.4;margin-top:10px}.muted{color:var(--muted)}.memory-list{display:flex;flex-direction:column;gap:7px;margin-top:12px}.memory-item{display:flex;align-items:center;justify-content:space-between;gap:9px;background:#fff;border-radius:14px;padding:10px 11px;font-size:10px}.memory-item button{border:0;background:#FCE9EE;color:#AA4D60;border-radius:10px;width:27px;height:27px;cursor:pointer}.info-box{background:#EFECFB;border-radius:16px;padding:12px;font-size:10px;line-height:1.5;margin-top:15px}.setting-line.plain{margin-top:12px}.toast{position:fixed;z-index:80;left:50%;bottom:calc(90px + var(--safe-bottom));transform:translate(-50%,20px);background:#2F2B47;color:#fff;border-radius:14px;padding:10px 14px;font-size:10px;opacity:0;pointer-events:none;transition:.25s;max-width:90%;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:370px){.stats-grid{grid-template-columns:1fr}.quick-actions{grid-template-columns:1fr}.room-card{height:335px}.care-grid{grid-template-columns:1fr 1fr}.page-heading h1{font-size:21px}}
@media(min-width:700px){body{padding:18px 0}.app-shell{border-radius:34px;min-height:calc(100vh - 36px);box-shadow:0 28px 80px rgba(47,43,71,.15);overflow:hidden}.bottom-nav{bottom:18px;border-radius:0 0 34px 34px}.topbar{border-radius:34px 34px 0 0}}