:root{color:#17120f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fff8ec;font-family:Inter,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(135deg,#e53f3214,#0000 34%),linear-gradient(215deg,#43a4711f,#0000 38%),#fff8ec;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.page-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:28px 0 36px}.hero{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:stretch;gap:22px;display:grid}.hero-copy,.answer-panel,.settings-panel,.workspace,.result-strip{background:#fffdf7;border:3px solid #17120f;box-shadow:8px 8px #17120f}.hero-copy{flex-direction:column;justify-content:space-between;min-height:360px;padding:clamp(26px,4vw,54px);display:flex}.brand{background:#f9d65c;border:2px solid #17120f;align-items:center;gap:10px;width:fit-content;padding:10px 14px;font-weight:900;display:inline-flex}h1,h2,p{margin:0}h1{letter-spacing:0;max-width:760px;margin-top:34px;font-size:clamp(2.55rem,6.2vw,5.35rem);line-height:.98}.hero-copy p{color:#4d423a;max-width:680px;margin-top:28px;font-size:clamp(1rem,1.8vw,1.22rem);line-height:1.7}.answer-panel{color:#fffdf7;background:#e84a3c;flex-direction:column;justify-content:space-between;padding:28px;display:flex}.panel-label{color:#17120f;background:#fffdf7;border:2px solid #17120f;width:fit-content;padding:7px 10px;font-size:.86rem;font-weight:900}.answer-panel strong{margin-top:28px;font-size:clamp(2.1rem,5vw,4rem);line-height:1}.answer-panel p{margin:18px 0 24px;font-size:1.05rem;line-height:1.6}.answer-grid,.score-box{gap:12px;display:grid}.answer-grid{grid-template-columns:1fr}.metric{background:#fffdf724;border:2px solid;min-width:0;padding:13px 14px}.metric span{color:inherit;opacity:.8;align-items:center;gap:7px;font-size:.84rem;font-weight:800;display:flex}.metric strong{color:inherit;margin-top:7px;font-size:1.35rem;line-height:1.1;display:block}.settings-panel{background:#f7eecf;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px;padding:18px;display:grid}.number-field{gap:8px;display:grid}.number-field>span{color:#4d423a;align-items:center;gap:7px;font-size:.86rem;font-weight:900;display:flex}.number-field>div{background:#fffdf7;border:2px solid #17120f;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:46px;display:grid}.number-field input,.card-head input{color:#17120f;background:0 0;border:0;outline:0;width:100%;min-width:0;font-weight:900}.number-field input{padding:11px 10px 11px 12px}.number-field em{color:#6d625b;white-space:nowrap;padding-right:12px;font-size:.84rem;font-style:normal;font-weight:800}.workspace{margin-top:24px;padding:24px}.toolbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.toolbar h2{font-size:clamp(1.5rem,3vw,2.25rem)}.toolbar p{color:#675b52;margin-top:6px;line-height:1.6}.toolbar-actions{flex-wrap:wrap;gap:10px;display:flex}.primary-button,.secondary-button,.card-head button{color:#17120f;border:2px solid #17120f;justify-content:center;align-items:center;gap:8px;min-height:44px;font-weight:900;display:inline-flex;box-shadow:4px 4px #17120f}.primary-button{background:#43a471;padding:0 16px}.secondary-button{background:#fffdf7;padding:0 16px}.primary-button.dark{color:#fffdf7;background:#17120f;box-shadow:4px 4px #e84a3c}.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.home-card{background:#fff8ec;border:2px solid #17120f;flex-direction:column;min-width:0;display:flex}.home-card.is-best{background:#eaf6da;box-shadow:inset 0 0 0 4px #43a471}.card-head{border-bottom:2px solid #17120f;grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:8px;padding:14px;display:grid}.card-head input{font-size:1.08rem}.card-head button{width:38px;min-height:38px;box-shadow:none;background:#fffdf7}.field-grid{grid-template-columns:1fr 1fr;gap:11px;padding:14px;display:grid}.range-field{color:#4d423a;gap:12px;margin:0 14px 14px;font-size:.9rem;font-weight:900;display:grid}.range-field input{accent-color:#e84a3c}.score-box{grid-template-columns:1fr 1fr;margin:auto 14px 14px}.score-box .metric{color:#17120f;background:#fffdf7}.score-box .metric strong{font-size:1.05rem}.warning-line,.ok-line{border-top:2px solid #17120f;align-items:center;gap:8px;min-height:48px;padding:10px 14px;font-size:.9rem;font-weight:900;line-height:1.4;display:flex}.warning-line{background:#f9d65c}.ok-line{background:#d9f1e3}.result-strip{background:#fffdf7;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;margin-top:24px;padding:20px;display:grid}.result-strip span{font-weight:900}.result-strip p{color:#4d423a;white-space:pre-line;margin-top:8px;line-height:1.55}footer{color:#6d625b;text-align:center;max-width:780px;margin:24px auto 0;font-size:.9rem;line-height:1.7}@media (width<=980px){.hero,.settings-panel,.cards-grid{grid-template-columns:1fr}.hero-copy{min-height:auto}.cards-grid{gap:14px}}@media (width<=620px){.page-shell{width:min(100% - 20px,1180px);padding-top:14px}.hero-copy,.answer-panel,.settings-panel,.workspace,.result-strip{box-shadow:5px 5px #17120f}.hero-copy,.answer-panel,.workspace{padding:18px}h1{margin-top:28px}.toolbar,.result-strip{grid-template-columns:1fr;display:grid}.toolbar-actions{grid-template-columns:1fr 1fr;display:grid}.field-grid,.score-box{grid-template-columns:1fr}}