:root{color:#58372d;background:#ffe2c7;font-family:ui-rounded,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0%,rgba(255,241,207,.9),transparent 34%),linear-gradient(145deg,#ffc9b8,#ffe5c8 55%,#fff7e4)}button{border:0;font:inherit;cursor:pointer}.app-shell{width:min(100vw,430px);min-height:100vh;margin:0 auto;position:relative;overflow:hidden;background:#ffd8c4;box-shadow:0 0 80px #53322538}.home-screen{min-height:100vh;position:relative;overflow:hidden}.home-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.home-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.logo-badge{position:absolute;left:18px;top:22px;width:178px;min-height:104px;padding:14px 16px 12px;color:#e95d5d;background:#fffae8e6;border:4px solid rgba(255,255,255,.9);border-radius:30px 28px 32px 22px;box-shadow:0 10px 26px #66372333;transform:rotate(-3deg)}.logo-badge span,.logo-badge strong{display:block;font-weight:1000;letter-spacing:0;text-shadow:0 3px 0 #fff0cf}.logo-badge span{font-size:34px;line-height:.9}.logo-badge strong{margin-top:4px;font-size:38px;line-height:.95}.counter-card{position:absolute;right:20px;top:94px;min-width:112px;padding:13px 16px;text-align:center;color:#6e4335;background:#fffaecf0;border:3px solid #ffd083;border-radius:18px;box-shadow:0 10px 24px #66372333;font-weight:900}.counter-card strong{color:#ef6b84;font-size:34px}.speech{position:absolute;left:23px;bottom:308px;width:150px;min-height:64px;padding:11px 14px;color:#5b382d;background:#fffdf7f2;border:3px solid #fff;border-radius:999px;box-shadow:0 12px 28px #66372333;font-weight:900;line-height:1.35}.summon-button{position:absolute;left:50%;bottom:138px;width:260px;min-height:72px;transform:translate(-50%);color:#994b25;background:linear-gradient(#ffe675,#ffb633);border:5px solid #fff0a4;border-radius:26px;box-shadow:0 12px #d48622,0 24px 34px #8e4a1e47;font-size:28px;font-weight:1000;letter-spacing:0}.free-text{position:absolute;left:0;right:0;bottom:105px;margin:0;color:#fff;text-align:center;font-size:15px;font-weight:900;text-shadow:0 2px 7px rgba(89,44,28,.42)}.tabbar{position:fixed;left:50%;bottom:14px;z-index:20;width:min(calc(100% - 26px),404px);transform:translate(-50%);display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:9px;background:#fffdf7f2;border:2px solid #fff;border-radius:28px;box-shadow:0 16px 42px #5332253d}.tabbar button{min-height:52px;color:#8a604f;background:transparent;border-radius:18px;font-weight:1000}.tabbar .active{color:#ef6b84;background:#fff0e8}.panel-screen{min-height:100vh;padding:28px 20px 110px;background:linear-gradient(#fff6e8db,#fff6e8eb),url(/reference-design.png) center / cover}.back-button,.quiz-card,.mood-card,.metrics div,.record-list button,.profile-card,.settings div,.settings button{border:2px solid rgba(255,255,255,.92);box-shadow:0 14px 34px #5332252e}.back-button{padding:10px 15px;color:#6b4336;background:#fffdf7e6;border-radius:16px;font-weight:900}.quiz-card{margin-top:22px;padding:20px;background:#fffdf7f0;border-radius:28px}.progress-text{font-weight:1000;color:#ef6b84}.progress{height:10px;margin:10px 0 22px;overflow:hidden;background:#ffe2d6;border-radius:999px}.progress span{display:block;height:100%;background:linear-gradient(90deg,#ef6b84,#ffc247);border-radius:inherit}.quiz-card h1,.page-title{margin:0 0 18px;font-size:30px;line-height:1.25;letter-spacing:0}.options{display:grid;gap:12px}.options button,.action-grid button,.primary{min-height:56px;padding:14px 16px;color:#5b382d;background:#fff8ed;border:2px solid #fff;border-radius:20px;font-weight:1000;box-shadow:0 8px 18px #5332251f}.result-screen{display:grid;align-content:start;gap:14px}.mood-card{padding:22px;text-align:center;background:radial-gradient(circle at 82% 12%,rgba(255,226,111,.72),transparent 24%),linear-gradient(160deg,#fff8e7,#ffd6cf 58%,#fff0bf);border-radius:30px}.mood-card .date{color:#9b6958;font-size:14px;font-weight:900}.cat-portrait{width:172px;height:154px;margin:26px auto 16px;position:relative;border-radius:46% 46% 42% 42%;background:var(--cat);box-shadow:inset 0 -16px #572c191a,0 16px 28px #68362129}.cat-portrait:before,.cat-portrait:after{content:"";position:absolute;top:-32px;width:64px;height:70px;background:var(--cat);border-radius:13px 13px 0 0}.cat-portrait:before{left:22px;transform:rotate(-26deg)}.cat-portrait:after{right:22px;transform:rotate(26deg)}.cat-portrait i{position:absolute;z-index:1;top:38px;right:24px;bottom:18px;left:24px;background:radial-gradient(circle at 33% 42%,#58372d 0 8px,transparent 9px),radial-gradient(circle at 67% 42%,#58372d 0 8px,transparent 9px),radial-gradient(circle at 50% 62%,#ef6b84 0 7px,transparent 8px),#fffae7eb;border-radius:46% 46% 42% 42%}.mood-card h1{margin:0;font-size:34px;letter-spacing:0}.tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0}.tags span{padding:8px 11px;color:#9f5747;background:#ffffffad;border-radius:999px;font-size:13px;font-weight:900}.mood-card p,.mood-card strong{display:block;margin:12px 0 0;line-height:1.65}.mood-card p{text-align:left;color:#8d6255}.mood-card strong{padding:13px 14px;color:#7b4b34;background:#ffffff8a;border-radius:18px}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.action-grid .primary{grid-column:1 / -1}.primary{color:#914920;background:linear-gradient(#ffe26f,#ffb834);border-color:#fff1a7}.legal{color:#9a6b5b;font-size:12px;text-align:center}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.metrics div{min-height:82px;padding:12px 6px;text-align:center;background:#fffdf7e6;border-radius:20px}.metrics strong{display:block;font-size:24px}.metrics span{color:#9a6b5b;font-size:12px;font-weight:900}.record-list{display:grid;gap:12px}.record-list button{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:12px;text-align:left;color:#58372d;background:#fffdf7eb;border-radius:20px}.dot,.avatar{width:52px;height:52px;border-radius:18px;background:radial-gradient(circle at 34% 40%,#58372d 0 4px,transparent 5px),radial-gradient(circle at 66% 40%,#58372d 0 4px,transparent 5px),radial-gradient(circle at 50% 58%,#ef6b84 0 4px,transparent 5px),#ef9a3f}.record-list small,.record-list em,.profile-card span,.settings span{display:block;color:#9a6b5b;font-size:12px;font-style:normal;font-weight:800}.empty{padding:24px;text-align:center;color:#8d6255;background:#fffdf7e6;border-radius:20px}.profile-card{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center;padding:16px;background:#fffdf7eb;border-radius:24px}.avatar{width:64px;height:64px}.settings{display:grid;gap:10px;margin-top:16px}.settings div,.settings button{display:flex;justify-content:space-between;align-items:center;min-height:54px;padding:13px 16px;color:#58372d;background:#fffdf7eb;border-radius:18px;font-weight:900}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:20px;background:#37231d6b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.share-card{width:min(100%,370px);padding:16px;background:#fffaf0;border:2px solid #fff;border-radius:28px}.mood-card.compact{box-shadow:none}.mood-card.compact .cat-portrait{width:138px;height:126px}.qr{width:86px;height:86px;margin:14px auto;display:grid;place-items:center;color:#9a6b5b;background:#fff;border:6px solid #fff2d2;border-radius:18px;font-size:12px;font-weight:900}@media (max-width: 380px){.logo-badge{width:158px}.logo-badge span{font-size:30px}.logo-badge strong{font-size:34px}.summon-button{width:238px;font-size:25px}}