:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#24384f;background:#f5efe6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button{border:0;cursor:pointer}button:focus{outline:none}button:focus-visible{box-shadow:0 0 0 3px #ffa64c3d}.stage{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 12%,rgba(255,201,143,.34),transparent 28%),radial-gradient(circle at 86% 20%,rgba(159,205,181,.28),transparent 30%),linear-gradient(135deg,#f7efe5,#edf7fb)}.phone-shell{width:min(100%,430px);height:min(900px,calc(100vh - 48px));min-height:720px;position:relative;overflow:hidden;border-radius:34px;background:#fffaf3;box-shadow:0 24px 70px #4a484438,inset 0 0 0 1px #ffffffb3}.status-bar{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-size:12px;font-weight:700;background:#fffaf3f0;color:#23374d}.signals{font-size:10px;letter-spacing:0}.app-bg{height:calc(100% - 106px);overflow:hidden;background:linear-gradient(180deg,#fff6e8e0,#fffbf6e6 37%,#fbfcff),radial-gradient(circle at 88% 4%,rgba(147,199,175,.26),transparent 28%)}.screen{height:100%;padding:14px 16px 18px}.scrollable{overflow-y:auto;scrollbar-width:none;padding-bottom:92px}.scrollable::-webkit-scrollbar{display:none}.room-hero{min-height:255px;position:relative;overflow:hidden;padding:42px 22px 22px;border-radius:0 0 28px 28px;margin:-14px -16px 14px;background:linear-gradient(90deg,#fff9ecc2,#fff9ec4d),linear-gradient(135deg,#fff5df,#eaf6f7)}.room-hero:before{content:"";position:absolute;left:0;bottom:0;width:156px;height:118px;background:radial-gradient(circle at 42% 36%,#fff 0 22px,transparent 24px),radial-gradient(circle at 28% 53%,#f5eadc 0 32px,transparent 34px),radial-gradient(circle at 68% 55%,#f7e2cc 0 38px,transparent 40px);opacity:.82}.room-hero:after{content:"";position:absolute;right:24px;top:22px;width:82px;height:118px;border-radius:8px;background:linear-gradient(90deg,#ffffff61,#ffffff14),#dbedf2;box-shadow:inset 38px 0 #ffffff47}.sticky-note{position:absolute;top:26px;left:18px;width:48px;height:52px;padding:10px 8px;transform:rotate(-6deg);border-radius:4px;background:#f7ead6;color:#b59f88;font-size:10px;line-height:1.2}.plant{position:absolute;right:23px;bottom:24px;z-index:1;color:#78a786;font-size:42px}.hero h2{position:relative;z-index:2;margin:0 0 8px;text-align:center;font-size:30px;line-height:1.16;color:#253f64;letter-spacing:0}.hero p{position:relative;z-index:2;margin:0 0 20px;text-align:center;color:#7d8793;font-size:13px}.primary-btn,.ghost-btn,.sticky-primary{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:999px;padding:0 20px;font-weight:800}.primary-btn,.sticky-primary{color:#fff;background:linear-gradient(180deg,#ffb45f,#ff922d);box-shadow:0 10px 22px #ff912a47}.primary-btn{width:78%;margin:0 auto 9px}.ghost-btn{width:52%;min-height:34px;margin:0 auto;color:#f08a2d;background:#ffffffc7}.full{width:100%}.card{margin-bottom:12px;padding:15px;border-radius:18px;background:#ffffffe6;box-shadow:0 10px 28px #7480911c;border:1px solid rgba(255,255,255,.78)}.mood-card{display:grid;grid-template-columns:70px 1fr;gap:12px;align-items:center}.blob-face{width:64px;height:64px;display:grid;place-items:center;border-radius:24px;background:#dff0ff;color:#5b9fd9;font-size:32px}.blob-face.orange{background:#ffe2bf;color:#f4993c}.eyebrow{display:block;color:#8995a4;font-size:12px;font-weight:700;margin-bottom:4px}.card h3,.card p{margin:0}.card h3{font-size:16px;line-height:1.35}.card small{margin-left:8px;padding:3px 8px;border-radius:999px;color:#f1993e;background:#fff0dd;font-size:11px}.card p{margin-top:5px;color:#7f8c9d;font-size:12px;line-height:1.55}.card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-title span{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:800;color:#34506d}.card-title em{font-style:normal;color:#aab2bd;font-size:11px}.source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-source{min-height:92px;padding:10px 6px;border-radius:16px;text-align:center;background:#fbfdff;border:1px solid #edf3f9}.source-icon{width:32px;height:32px;display:grid;place-items:center;margin:0 auto 6px;border-radius:12px;background:#eef7ff}.mini-source strong,.mini-source span{display:block}.mini-source strong{font-size:12px;line-height:1.25}.mini-source span{margin-top:4px;color:#8b98a9;font-size:10px}.trend-chart{height:148px;display:grid;grid-template-columns:repeat(7,1fr);gap:8px;align-items:end;padding-top:16px}.trend-bar{height:126px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.trend-bar span{width:100%;max-width:28px;border-radius:999px 999px 4px 4px;background:linear-gradient(180deg,#93c9ff,#4b9ef5);box-shadow:0 8px 18px #3f90e22e}.trend-bar em{font-size:10px;color:#98a2b3;font-style:normal}.page-header{min-height:78px;display:grid;grid-template-columns:38px 1fr 54px;align-items:center;gap:8px}.page-header h1{margin:0;text-align:center;font-size:22px;line-height:1.2;color:#28456c;letter-spacing:0}.page-header p{margin:5px 0 0;text-align:center;color:#8b97a8;font-size:11px}.icon-btn{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#6f8198;background:#ffffffbd}.header-action{display:flex;justify-content:flex-end}.tiny-btn{min-height:30px;padding:0 10px;border-radius:999px;color:#f08d34;background:#fff0df;font-size:11px;font-weight:800}.question-card h3{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#394e68}.question-card h3 span{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#ffad58;font-size:12px}.chip-group{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:34px;padding:0 12px;border-radius:999px;color:#708096;background:#f6f8fb;border:1px solid #edf1f6;font-size:12px;font-weight:700}.chip.active{color:#f28b28;background:#fff0dc;border-color:#ffd5a5}.slider-row{display:block;margin-top:12px}.slider-row span{display:flex;justify-content:space-between;color:#64758a;font-size:12px;font-weight:800}.slider-row b{color:#f29033}.slider-row input{width:100%;accent-color:#ff9e3f}.risk-input{width:100%;min-height:76px;resize:vertical;padding:12px;border-radius:14px;border:1px solid #edf1f6;color:#3e536e;background:#fbfdff;outline:none}.sticky-primary{width:calc(100% - 32px);position:relative;margin:16px 16px 8px}.sticky-primary:disabled{cursor:not-allowed;opacity:.54;box-shadow:none}.index-hero{display:grid;grid-template-columns:132px 1fr;align-items:start;gap:14px;min-height:188px}.gauge{width:126px;height:126px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#ff9336 var(--score),#f0f3f7 0deg)}.gauge>div,.small-gauge{width:92px;height:92px;display:grid;place-items:center;align-content:center;border-radius:50%;background:#fff}.gauge strong,.small-gauge strong{font-size:38px;line-height:1;color:#ff8d2a}.gauge span,.small-gauge span{color:#f39439;font-size:12px;font-weight:800}.dimension-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.dimension{margin-bottom:0}.dimension h3{font-size:13px}.dimension h3 b{display:block;margin-top:8px;color:#628ac8}.bar{height:7px;margin:9px 0 6px;overflow:hidden;border-radius:999px;background:#edf2f6}.bar span{display:block;height:100%;border-radius:inherit;background:#6ea9f5}.dimension.green .bar span{background:#6fc28f}.dimension.purple .bar span{background:#a983e4}.dimension.orange .bar span{background:#f6a458}.warm-note{margin-top:12px;background:#fff7ec}.vent-intro{background:#fffaf2}.donut-row{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center}.donut{width:108px;height:108px;border-radius:50%;background:conic-gradient(#ffb264 0 35%,#77b7f3 35% 62%,#75c994 62% 82%,#a78ae8 82% 100%);position:relative}.donut:after{content:"☁";position:absolute;inset:28px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#7db6e7}.ratio-list{display:grid;gap:8px}.ratio{display:flex;justify-content:space-between;padding:8px 10px;border-radius:12px;background:#f7f9fc;color:#61758d;font-size:12px;font-weight:800}.ratio b{color:#f09a42}.compact-grid{display:flex;flex-wrap:wrap;gap:8px}.compact-grid span{padding:9px 11px;border-radius:12px;background:#f4f9ff;color:#5c7da4;font-size:12px;font-weight:800}.explain-text{font-size:13px!important}.loading-text{display:inline-flex;align-items:center;gap:6px;color:#7d8da1;font-weight:700}.loading-dots{display:inline-flex;gap:3px}.loading-dots i{width:4px;height:4px;border-radius:50%;background:#ff9e3f;animation:loadingPulse .9s infinite ease-in-out}.loading-dots i:nth-child(2){animation-delay:.15s}.loading-dots i:nth-child(3){animation-delay:.3s}@keyframes loadingPulse{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.step-card{background:#fff8ed}.release-list{display:grid;gap:10px}.release-step{display:grid;grid-template-columns:62px 1fr;align-items:center;gap:12px;margin-bottom:0}.step-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:22px;background:#e7f4ff;font-size:25px}.step-icon.s1{background:#e6f7e9}.step-icon.s2{background:#efe8ff}.step-icon.s3{background:#fff2d7}.release-step span{color:#75bf89;font-size:12px;font-weight:900}.release-step p{font-size:12px}.boundary-card,.today-step{margin-top:12px;background:linear-gradient(135deg,#fff9ef,#fff4df)}.action-list{display:grid;gap:9px}.action-item{min-height:78px;display:grid;grid-template-columns:68px 1fr 54px;grid-template-rows:auto auto;gap:8px;align-items:center;width:100%;padding:10px;border-radius:14px;text-align:left;background:#f8fbff;color:#556980}.action-list.compact .action-item{grid-template-columns:1fr 60px}.action-item span{grid-row:1 / span 2;color:#73a8e7;font-size:11px;font-weight:900}.action-item strong{font-size:13px;color:#334a62}.action-item small{grid-column:2 / 4;color:#8190a4;font-size:11px;line-height:1.55}.action-item em{grid-column:3;grid-row:1;justify-self:end;min-width:52px;padding:6px 8px;border-radius:999px;color:#6f9cd2;background:#eaf4ff;font-size:11px;font-style:normal;font-weight:800;text-align:center}.action-item.done{background:#f0fbf2}.action-item.done em{color:#5ea772;background:#dff4e4}.index-inline{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:14px}.small-gauge{width:86px;height:86px;background:#fff6eb}.small-gauge strong{font-size:30px}.empty-card{min-height:290px;display:grid;justify-items:center;align-content:center;text-align:center}.pattern-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.pattern-row div{min-height:82px;padding:12px;border-radius:14px;background:#f8fbff}.pattern-row span{display:block;color:#97a4b3;font-size:11px;font-weight:800;margin-bottom:6px}.pattern-row strong{display:block;color:#405a75;font-size:13px;line-height:1.45}.history-list{display:grid;gap:8px}.history-item{display:grid;grid-template-columns:64px 1fr 70px;align-items:center;gap:8px;padding:10px;border-radius:14px;text-align:left;background:#f9fbfe;color:#54677d}.history-item span,.history-item em{font-size:11px;color:#96a2b2;font-style:normal}.history-item strong{font-size:13px}.risk-notice{border-color:#ffdfc3;background:#fff7ef}.risk-notice strong{color:#da6b2f}.risk-notice.compact p{font-size:11px}.privacy-card p{margin-bottom:12px}.danger-btn{min-height:38px;display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:0 13px;color:#d45b43;background:#fff0ee;font-weight:800}.empty-text{color:#98a2b3;text-align:center}.bottom-nav{height:72px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;padding:8px 18px 14px;background:#fffffff0;box-shadow:0 -10px 28px #5a697a1a}.bottom-nav button{display:grid;justify-items:center;gap:4px;color:#9aa6b5;background:transparent;font-size:11px;font-weight:800}.bottom-nav button.active{color:#4b9ef5}@media(max-width:520px){.stage{padding:0;background:#fffaf3}.phone-shell{width:100vw;height:100vh;min-height:100vh;border-radius:0;box-shadow:none}.source-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:370px){.dimension-grid,.pattern-row{grid-template-columns:1fr}.index-hero,.donut-row{grid-template-columns:1fr;justify-items:center;text-align:center}.page-header h1{font-size:19px}}