:root{color:#45392d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#e8e1d2;font-family:Microsoft YaHei,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#d8e2d3 0%,#e8e1d2 45%,#e5d8c2 100%);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #a8753d}::selection{color:#3e3025;background:#d8bd8d}#root{width:100%;min-height:100vh}main{width:calc(100% - 32px);max-width:760px;margin:0 auto;padding:28px 0 60px}header{background:linear-gradient(135deg,#5d7556 0%,#455c42 100%);border:2px solid #9b8563;border-radius:16px;margin-bottom:24px;padding:22px 26px;box-shadow:0 5px #394c37}header h1{color:#fff0cc;letter-spacing:.3px;text-shadow:1px 2px #34432f;margin:0 0 5px;font-size:29px;font-weight:800}header p{color:#e0e5cb;margin:0;font-size:14px}nav{flex-wrap:wrap;gap:8px;display:flex;margin:20px 0!important}nav button{color:#594631;min-height:42px;font-weight:700;transition:transform .15s,background .15s;box-shadow:0 3px #c8b99c;background:#f4eddf!important;border:1px solid #b9a583!important;border-radius:10px!important;padding:9px 17px!important}nav button:hover{transform:translateY(-1px);background:#e9d9b8!important}nav button:active{transform:translateY(1px)}.panel{background:#f5f0e5;border:1px solid #cfc0a6;border-radius:15px;width:100%;margin-bottom:18px;padding:22px 24px;box-shadow:0 4px #705b3d1c}.panel h2{color:#57442f;margin:0 0 16px;font-size:20px;font-weight:800}.panel h3{color:#6a5336;margin:22px 0 11px;font-size:16px;font-weight:750}.panel p{line-height:1.6}.cost-row{border-bottom:1px solid #e1d7c5;justify-content:space-between;align-items:center;gap:14px;width:100%;min-width:0;max-width:620px;margin-left:auto;margin-right:auto;padding:10px 12px;display:flex}.cost-row:last-child{border-bottom:none}.cost-row:hover{background:#dccfb233;border-radius:7px}.cost-row>div{min-width:0}.cost-row strong{color:#4d3d2b}.cost-row input,.cost-row select{max-width:180px}input,select,textarea{color:#45392d;background:#fffcf4;border:1px solid #c9b99d;border-radius:8px}input::placeholder{color:#a19480}input:focus,select:focus,textarea:focus{border-color:#a37a46}.panel button{border-radius:8px;transition:filter .15s,transform .15s}.panel button:hover:not(:disabled){filter:brightness(.96)}.panel button:active:not(:disabled){transform:translateY(1px)}hr{border:0;border-top:1px solid #cfc0a6;margin:20px 0}small{color:#877963}@media (width<=700px){main{width:calc(100% - 20px);max-width:100%;padding-top:14px}header{padding:18px}header h1{font-size:23px}.panel{padding:16px 14px}.cost-row{gap:8px;max-width:100%;padding:12px 4px}.cost-row input,.cost-row select{max-width:135px}nav button{font-size:13px;padding:8px 12px!important}}@media (width<=420px){header h1{font-size:21px}.panel h2{font-size:18px}.cost-row{font-size:13px}nav{gap:6px}nav button{font-size:12px;padding:8px 10px!important}}.cost-row{grid-template-columns:minmax(0,1fr) 120px;align-items:center;gap:16px;display:grid}.cost-row>strong:last-child{text-align:right;font-variant-numeric:tabular-nums;justify-self:end}.cost-row>div:first-child{min-width:0}.cost-row input[type=number]{box-sizing:border-box;width:150px;max-width:100%}@media (width<=600px){.cost-row{grid-template-columns:minmax(0,1fr) 85px;gap:10px}}