:root{color:#202124;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f4ee;font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}main{color:#242220;background:radial-gradient(circle at 18% 6%,#ff775429,#0000 26rem),linear-gradient(135deg,#fffdf8 0%,#f4efe6 52%,#eaf2ef 100%);min-height:100vh}.hero{grid-template-columns:minmax(0,1.12fr) minmax(320px,.78fr);align-items:center;gap:48px;width:min(1120px,100% - 32px);min-height:92vh;margin:0 auto;padding:58px 0 42px;display:grid}.brand{align-items:center;gap:10px;margin-bottom:34px;font-size:18px;font-weight:800;display:inline-flex}.brand-mark{color:#fff;background:#23211f;border-radius:12px;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 12px 30px #23211f2e}h1,h2,h3,p{margin:0}h1{letter-spacing:0;max-width:680px;font-size:64px;line-height:1.04}.hero-copy p{color:#6d6760;max-width:620px;margin-top:22px;font-size:20px;line-height:1.72}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.hero-copy .public-link{color:#8a8178;margin-top:18px;font-size:16px;line-height:1.5}.primary-action,.secondary-action,.panel-heading button,.section-title button{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 18px;font-weight:760;text-decoration:none;display:inline-flex}.primary-action{color:#fff;background:#e64f35;box-shadow:0 14px 28px #e64f3538}.secondary-action,.panel-heading button,.section-title button{color:#25211f;background:#ffffffc2;border:1px solid #3b332c1f}.result-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;border:1px solid #ffffffb8;border-radius:28px;padding:30px;position:relative;box-shadow:0 28px 70px #3e322629}.result-card:before{content:"";pointer-events:none;border:1px solid #e64f3521;border-radius:22px;position:absolute;inset:14px}.result-label{color:#8f7766;font-size:14px;font-weight:760}.result-card strong{color:#e64f35;margin-top:10px;font-size:52px;line-height:1;display:block}.result-card p{color:#5c5650;min-height:54px;margin-top:18px;font-size:18px;line-height:1.5}.metric-row{color:#615b55;border-top:1px solid #2c27221a;justify-content:space-between;gap:18px;padding:18px 0;display:flex}.metric-row b{color:#242220;font-size:22px}.metric-row.muted b{color:#7a7169}.calculator,.recommendations{width:min(1120px,100% - 32px);margin:0 auto}.calculator{grid-template-columns:1fr .78fr;gap:22px;padding:14px 0 34px;display:grid}.panel,.scenario{background:#ffffffbd;border:1px solid #3e32261f;border-radius:18px;box-shadow:0 18px 48px #3e322614}.panel{padding:22px}.panel-heading,.section-title,.scenario-top{justify-content:space-between;align-items:center;gap:14px;display:flex}h2{letter-spacing:0;font-size:24px}.items,.rules{gap:12px;margin-top:20px;display:grid}.item-row,.rule-row{align-items:center;gap:10px;display:grid}.item-row{grid-template-columns:minmax(110px,1fr) 108px 88px 38px}.rule-row{grid-template-columns:auto 1fr auto 1fr 38px}input{color:#242220;background:#ffffffdb;border:1px solid #3e322624;border-radius:10px;outline:none;width:100%;min-height:42px;padding:0 12px}input:focus{border-color:#e64f35a8;box-shadow:0 0 0 4px #e64f351a}.switch{color:#5f5852;background:#f5f0e9;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:42px;font-size:14px;font-weight:720;display:inline-flex}.switch input{accent-color:#e64f35;width:16px;min-height:16px}.icon-button{color:#8b8177;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:38px;min-height:38px;display:grid}.icon-button:hover{color:#e64f35;background:#e64f3517}.extra-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;display:grid}.cash-coupon{color:#5f5852;gap:8px;font-size:14px;font-weight:760;display:grid}.gap{color:#5d554e;background:#eef6f0;border-radius:14px;align-items:flex-start;gap:10px;margin-top:18px;padding:14px;line-height:1.55;display:flex}.recommendations{padding:22px 0 64px}.section-title.compact{margin-top:30px}.ledger{gap:12px;margin-top:20px;display:grid}.ledger-row{background:#ffffffbd;border:1px solid #3e32261f;border-radius:16px;grid-template-columns:minmax(160px,1.2fr) repeat(3,minmax(96px,.75fr));align-items:center;gap:14px;padding:16px 18px;display:grid;box-shadow:0 14px 36px #3e32260f}.ledger-row.wanted{background:#fffaf7db;border-color:#e64f3533}.ledger-row div,.ledger-row p{gap:6px;display:grid}.ledger-row span{color:#847a70;font-size:13px;font-weight:720}.ledger-row strong,.ledger-row b{color:#242220;font-size:18px}.ledger-row p{margin:0}.risk-note{color:#5e5245;background:#fff7df;border:1px solid #8a5a002e;border-radius:16px;grid-template-columns:auto 1fr;gap:12px;margin-top:16px;padding:16px 18px;line-height:1.65;display:grid}.risk-note svg{color:#a06a00;margin-top:3px}.scenario-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;display:grid}.scenario{padding:20px}.scenario-top span{color:#6d6259;background:#f0ebe4;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:780}.scenario-top span.good{color:#0c684a;background:#dff4e9}.scenario-top span.ok{color:#8a5a00;background:#fff0cd}.scenario-top b{color:#7a7067;font-size:14px}.scenario h3{min-height:62px;margin-top:18px;font-size:22px;line-height:1.35}.scenario-metrics{gap:10px;margin-top:18px;display:grid}.scenario-metrics p{color:#716860;justify-content:space-between;gap:12px;display:flex}.scenario-metrics strong{color:#242220}footer{color:#756d65;text-align:center;justify-content:center;align-items:center;gap:8px;padding:26px 16px 34px;display:flex}@media (width<=860px){.hero,.calculator{grid-template-columns:1fr}.hero{min-height:auto;padding-top:36px}h1{font-size:46px}.hero-copy p{font-size:17px}.scenario-grid{grid-template-columns:1fr}.ledger-row{grid-template-columns:1fr 1fr}}@media (width<=560px){.hero,.calculator,.recommendations{width:min(100% - 22px,1120px)}h1{font-size:38px}.result-card{border-radius:22px;padding:24px}.result-card strong{font-size:44px}.item-row{grid-template-columns:1fr 96px}.item-row .switch,.item-row .icon-button{width:100%}.rule-row{grid-template-columns:auto 1fr auto 1fr}.rule-row .icon-button{background:#3e32260d;grid-column:1/-1;width:100%}.extra-grid,.ledger-row,.risk-note{grid-template-columns:1fr}.ledger-row{gap:12px}}