:root{
  --ink:#10233e;--muted:#66758a;--cream:#fffaf3;--card:#fff;--line:#eadbc9;
  --orange:#ff8b21;--pink:#ff6d7e;--blue:#4a8ee8;--green:#37b57a;--purple:#8b6fd4;
  --shadow:0 8px 28px rgba(63,43,21,.08);--radius:22px;
}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-rounded,"Avenir Next",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.loading-card{max-width:720px;margin:10vh auto;background:white;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}
.app-shell{min-height:100vh}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(520px,100%);background:white;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow)}.brand-row{display:flex;align-items:center;gap:14px;margin-bottom:22px}.brand-badge{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,var(--orange),var(--pink));display:grid;place-items:center;color:white;font-size:26px;font-weight:900}.brand-title{font-size:24px;font-weight:900}.muted{color:var(--muted)}.field{display:grid;gap:7px;margin:14px 0}.field label{font-weight:800}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:13px 14px;background:white;color:var(--ink);font-size:16px}.primary,.secondary,.ghost,.danger,.kid-btn{border:0;border-radius:14px;padding:12px 16px;font-weight:900}.primary{background:linear-gradient(90deg,var(--orange),var(--pink));color:white}.secondary{background:#edf3fa;color:var(--ink)}.ghost{background:transparent;color:var(--ink)}.danger{background:#ffe8e8;color:#9c2e2e}.full{width:100%}.error{background:#fff1f1;color:#9d2626;border:1px solid #ffd1d1;padding:11px 13px;border-radius:13px}.success{background:#effaf4;color:#1f7049;border:1px solid #caefdc;padding:11px 13px;border-radius:13px}
.layout{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--line);background:#fff;display:flex;flex-direction:column;padding:18px 12px;position:sticky;top:0;height:100vh}.sidebar .brand-row{padding:0 4px 10px}.nav{display:grid;gap:8px}.nav button{display:flex;align-items:center;gap:10px;text-align:left;border:0;background:transparent;border-radius:14px;padding:12px 14px;color:var(--ink);font-weight:850}.nav button.active{background:#fff2e5}.sidebar-bottom{margin-top:auto;border:1px solid #dfe7ef;border-radius:16px;padding:12px;background:#f7fafd}.content{padding:28px;min-width:0}.content-inner{max-width:1180px;margin:0 auto}.page-title{font-size:28px;font-weight:950;margin:0 0 6px}.section-title{font-size:20px;font-weight:950;margin:22px 0 12px}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);min-width:0}.card h3{margin:0 0 8px}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 9px;font-size:13px;font-weight:800;background:#f0f4f8}.stat{font-size:34px;font-weight:950}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.space-between{justify-content:space-between}.progress{height:12px;border-radius:999px;background:#edf1f5;overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--green));border-radius:inherit}.list{display:grid;gap:10px}.list-item{border:1px solid var(--line);border-radius:15px;padding:12px;background:#fff}.tiny{font-size:12px}.hidden{display:none!important}
/* Kid experience */
.kid-shell{min-height:100vh;background:linear-gradient(180deg,#fff7ec,#f7fbff);padding:18px}.kid-top{max-width:1050px;margin:0 auto 14px;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.kid-brand{font-size:24px;font-weight:950}.kid-points{font-size:20px;font-weight:950;background:white;border:2px solid #ffd9a9;border-radius:999px;padding:9px 14px}.kid-nav{max-width:1050px;margin:0 auto 18px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.kid-nav button{min-height:68px;border:2px solid #e5d9cc;border-radius:20px;background:white;font-size:16px;font-weight:950;color:var(--ink)}.kid-nav button.active{border-color:var(--orange);background:#fff4e8}.kid-main{max-width:1050px;margin:0 auto}.kid-card{background:white;border:2px solid #ecdccc;border-radius:28px;padding:22px;box-shadow:var(--shadow)}.kid-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.kid-action{min-height:130px;border:0;border-radius:24px;background:white;border:2px solid #e5d9cc;padding:18px;text-align:left;color:var(--ink)}.kid-action .emoji{font-size:42px}.kid-action strong{display:block;font-size:20px;margin-top:8px}.kid-action span{color:var(--muted)}
.pet-room{position:relative;min-height:330px;border-radius:28px;border:3px solid rgba(16,35,62,.12);overflow:hidden;display:grid;place-items:center;padding:22px;background:linear-gradient(180deg,#fff4d8 0 64%,#e8cfa9 64%)}.room-sky{background:linear-gradient(180deg,#dff2ff 0 64%,#e8cfa9 64%)}.room-pink{background:linear-gradient(180deg,#ffe2ee 0 64%,#e8cfa9 64%)}.room-purple{background:linear-gradient(180deg,#eee5ff 0 64%,#e8cfa9 64%)}.room-rainbow{background:linear-gradient(180deg,#ffdfe5 0 16%,#ffeecf 16% 32%,#fff8c9 32% 48%,#ddf4da 48% 64%,#dcecff 64% 78%,#eadfff 78% 100%)}.room-space{background:radial-gradient(circle at 15% 20%,#fff 0 2px,transparent 3px),radial-gradient(circle at 72% 28%,#fff 0 2px,transparent 3px),linear-gradient(180deg,#17264e 0 64%,#676c88 64%)}.pet-stage{position:relative;text-align:center;z-index:2}.pet-body{font-size:120px;line-height:1;filter:drop-shadow(0 8px 9px rgba(0,0,0,.12))}.pet-wear{position:absolute;font-size:44px;left:50%;transform:translateX(-50%);pointer-events:none}.pet-hat{top:-25px}.pet-outfit{top:74px}.pet-accessory{top:108px;left:76%}.pet-name{margin-top:8px;font-size:28px;font-weight:950;background:rgba(255,255,255,.9);display:inline-block;padding:7px 14px;border-radius:999px}.pet-mood{margin-top:8px;font-weight:850}.hearts{font-size:26px;letter-spacing:3px}.pet-books{position:absolute;right:20px;bottom:22px;font-size:54px}.pet-rug{position:absolute;left:18px;bottom:10px;font-size:70px}.mission-card{border:2px solid #e7d7c5;border-radius:22px;padding:16px;background:#fff}.mission-card.done{background:#eefaf3;border-color:#bde6ce}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.choice{min-height:74px;border:2px solid #d9e2ec;border-radius:18px;background:#fff;font-size:24px;font-weight:950;color:var(--ink)}.choice:active{transform:scale(.98)}.listen-btn{border:0;border-radius:999px;background:#edf5ff;color:var(--ink);padding:11px 15px;font-weight:900}.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.shop-item{border:2px solid #e9ddcf;border-radius:20px;background:white;padding:14px;text-align:center}.shop-icon{font-size:42px}.shop-item button{width:100%;margin-top:10px}.owned{background:#edf9f2}.lock-note{background:#fff7dd;border:1px solid #f2dda4;padding:12px;border-radius:14px}.spark{animation:pop .45s ease}@keyframes pop{0%{transform:scale(.85)}70%{transform:scale(1.12)}100%{transform:scale(1)}}
@media(max-width:800px){.layout{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}.nav{grid-template-columns:repeat(4,1fr)}.nav button{justify-content:center;padding:10px 6px;font-size:13px}.sidebar-bottom{display:none}.content{padding:18px}.grid.two,.grid.three{grid-template-columns:1fr}.kid-nav{grid-template-columns:repeat(5,1fr)}.kid-nav button{font-size:13px;min-height:58px;padding:6px}.kid-grid{grid-template-columns:1fr}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pet-body{font-size:105px}.choice-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:480px){.kid-shell{padding:10px}.kid-nav{gap:6px}.kid-nav button{font-size:12px}.shop-grid{grid-template-columns:1fr}.choice-grid{grid-template-columns:1fr}.content{padding:12px}.nav{grid-template-columns:repeat(3,1fr)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.pet-aura{position:absolute;width:155px;height:155px;border-radius:48% 52% 50% 50%;left:50%;top:38px;transform:translateX(-50%);z-index:-1;opacity:.62}.pet-aura.sunny{background:#ffe08a}.pet-aura.berry{background:#ffc0d6}.pet-aura.sky{background:#bfe5ff}.pet-aura.mint{background:#c9f2df}.pet-aura.lavender{background:#decfff}.customize-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pet-choice{border:2px solid #e8dccf;border-radius:18px;padding:12px;background:white;text-align:center;min-height:80px}.pet-choice.selected{border-color:var(--orange);background:#fff4e8}@media(max-width:600px){.customize-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}