/* money. 0.25: refined, information-first decision dashboard */
#m-app #m-home .m-home-title{font-size:27px;margin:3px 0 0;letter-spacing:-.05em;line-height:1.18}
.m-home-head{display:flex;align-items:center;justify-content:space-between;margin:5px 0 17px;gap:12px}
#m-app .m-config-icon{width:59px;height:34px;background:#e9eeea;border:1px solid #dce7df;border-radius:12px;color:#547365;font-size:12px;font-weight:750;cursor:pointer}
.d-meter{border-radius:23px;overflow:hidden;background:linear-gradient(138deg,#436a56 0%,#5d8c70 56%,#b2ccb0 105%);color:#f9fff8;box-shadow:0 12px 27px #25433521;padding:21px 18px 19px;transition:background .3s}
.d-meter.d-tone-caution{background:linear-gradient(138deg,#8f6b50 0%,#b89967 65%,#e5d2a1 110%)}
.d-meter.d-tone-risk{background:linear-gradient(138deg,#84525f 0%,#b97973 65%,#e6b7a0 110%)}
.d-meter.d-tone-neutral{background:linear-gradient(138deg,#596a68 0%,#879693 60%,#bdc9c0 115%)}
.d-meter-top{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:11px;font-weight:720;letter-spacing:.02em}
.d-meter-top small{font-size:10px;font-weight:500;opacity:.84;text-align:right}
.d-visual{height:91px;position:relative;margin:20px 10px 12px}
.d-bands{position:absolute;inset:32px 0 24px;display:grid;grid-template-columns:repeat(5,1fr);gap:3px;opacity:.9}
.d-bands i{background:#f2fff044}.d-bands i:first-child{border-radius:22px 0 0 22px;background:#eff7ebba}.d-bands i:nth-child(2){background:#eef4d993}.d-bands i:nth-child(3){background:#e9eec17e}.d-bands i:nth-child(4){background:#edca9a8b}.d-bands i:last-child{background:#ed9f9f9e;border-radius:0 22px 22px 0}
.d-marker{position:absolute;top:3px;transform:translateX(-50%);text-align:center;transition:left .35s ease;z-index:2;min-width:43px;pointer-events:none}
.d-marker i{display:block;margin:21px auto 5px;width:3px;height:30px;background:#f8fff6;border-radius:3px;box-shadow:0 2px 7px #21352a64}
.d-marker span{display:block;font-size:9px;font-weight:720;white-space:nowrap}
.d-marker.d-after{top:45px}.d-marker.d-after i{margin:-13px auto 4px;background:#2c342d;height:27px}.d-marker.d-after span{color:#263c30;background:#f0f5e6d9;border-radius:6px;padding:1px 3px;font-size:9px}
.d-marker.d-blank{opacity:0}
.d-meter-stats{display:grid;grid-template-columns:1.25fr 1fr;gap:12px;border-top:1px solid #fffffe55;padding-top:14px}
.d-meter-stats>div+div{border-left:1px solid #fffffe50;padding-left:12px}.d-meter-stats small{display:block;font-size:10px;opacity:.86;line-height:1.4;margin-bottom:4px}
.d-meter-stats strong{display:block;font-size:15px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.d-sim-input{background:#fff;border:1px solid #e6ebe5;padding:17px 16px 12px;border-radius:19px;margin-top:15px;box-shadow:0 5px 20px #203b2508}
.d-sim-input>label{font-size:11px;font-weight:750;color:#596e5f}.d-sim-main{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}
.d-amount-box{display:flex;align-items:center;gap:5px;border-bottom:1px solid #bfcfc1;max-width:145px;min-width:0;padding:0 3px 5px}
#m-app #d-amount{min-width:0;width:100%;border:0;outline:0;font-size:21px!important;padding:3px 0;letter-spacing:-.02em;font-weight:720;color:#254535;background:white;font-variant-numeric:tabular-nums}
.d-amount-box span{font-size:13px;color:#65806c}.d-method{display:flex;gap:3px;padding:3px;border-radius:12px;background:#edf2ed;flex-shrink:0}
#m-app .d-method button{border:0;border-radius:9px;background:transparent;padding:9px 12px;color:#728676;font-size:11px;font-weight:760;cursor:pointer}
#m-app .d-method button.chosen{background:white;color:#285b3c;box-shadow:0 2px 5px #243d2d16}
.d-due{margin-top:12px;border-top:1px solid #eaf0ea;padding-top:10px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.d-due span{font-size:11px;color:#7d8c7f}.d-due input{border:1px solid #e0e8de;background:#fafbf8;color:#57735d;border-radius:9px;font-size:16px!important;padding:6px 7px;min-width:0;max-width:148px}
.d-verdict{margin:13px 2px 18px;min-height:42px;display:flex;flex-direction:column;gap:2px}
.d-verdict b{font-size:13px;color:#354d3f}.d-verdict span{font-size:11px;color:#7a8b7d;line-height:1.5}
.d-future-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0 9px}.d-future-head h2{font-size:16px;letter-spacing:-.025em;margin:0}
.d-upcoming{border:1px solid #e3e9e1;border-radius:18px;background:white;overflow:hidden}.d-plan{border:0;border-bottom:1px solid #ecf0ea;padding:14px 11px;background:white;color:#2a4432;width:100%;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer;font:inherit}.d-plan:last-child{border-bottom:0}.d-plan:active{background:#f3f7f1}
.d-plan-date{min-width:41px;color:#88978b;font-weight:700;font-size:11px}.d-plan-text{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.d-plan-text b{font-size:12px;font-weight:730;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.d-plan-text small{color:#8c9b8f;font-size:10px}.d-plan strong{font-size:12px;flex-shrink:0;white-space:nowrap;font-variant-numeric:tabular-nums}.d-plan-more{font-size:16px;color:#9aada0}
.d-all{border:0;background:transparent;color:#577762;font-weight:650;font-size:11px;padding:11px 3px 8px;display:flex;justify-content:space-between;width:100%;cursor:pointer}
.d-detail{margin-top:8px;border-top:1px solid #e7eee5;padding-top:13px}.d-detail>summary{font-size:12px;color:#63816c;font-weight:700;cursor:pointer;list-style-position:inside}.d-detail>div{font-size:11px;color:#697d6e;line-height:1.6;padding-top:9px}
.d-facts{margin:4px 0}.d-facts>div{display:flex;justify-content:space-between;align-items:start;gap:10px;border-bottom:1px solid #e8eee6;padding:9px 2px}.d-facts dt{font-size:11px;flex:1}.d-facts dd{margin:0;text-align:right;font-size:11px;color:#344f3f;font-weight:750;max-width:57%}
.d-quality{margin-top:14px;background:#f3f6f0;border-radius:12px;padding:12px}.d-quality b{font-size:11px}.d-quality ul{margin:8px 0 3px;padding-left:18px}
.d-empty{padding:23px 15px;font-size:12px;color:#8a998c;line-height:1.65}
.d-modal{position:fixed;z-index:3600;inset:0;background:#18302383;display:flex;align-items:flex-end;justify-content:center}
.d-modal.hidden{display:none}.d-sheet{width:min(100%,600px);max-height:93dvh;overflow:auto;background:#f9faf7;border-radius:22px 22px 0 0;padding:0 17px 28px;box-shadow:0 -9px 30px #0003;padding-bottom:max(28px,env(safe-area-inset-bottom))}
.d-sheet-header{position:sticky;top:0;background:#f9faf7;z-index:3;padding:19px 2px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8eee5;margin-bottom:15px}
.d-sheet-header h2{font-size:19px;font-weight:790;letter-spacing:-.02em;margin:0}.d-sheet-header button{border:0;background:#e9efe8;color:#405e48;border-radius:50%;width:32px;height:32px;font-size:22px}.d-locked{overflow:hidden}
.d-form{display:grid;gap:13px}.d-form label{font-size:12px;font-weight:700;color:#57705f;display:grid;gap:7px}.d-form input,.d-form select,.d-form textarea{background:white;border:1px solid #d7e3da;border-radius:11px;padding:12px 11px;min-width:0;width:100%;font-size:16px!important;color:#314d3b;font-family:inherit}.d-form select{appearance:auto}.d-form-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.d-form h3{font-size:14px;margin:14px 0 0;color:#2e513a}.d-form fieldset{border:1px solid #dce7dc;border-radius:13px;margin:0;padding:10px 12px}.d-form legend{font-size:11px;font-weight:750;color:#658271}.d-form fieldset small{color:#7e9181;font-size:10px}.d-form button{margin-top:4px}.d-form-intro,.d-footnote{color:#849485;font-size:11px;line-height:1.6}.d-danger{border-color:#e7c4bd!important;color:#a2645d!important}.d-all-list{margin-top:13px;border:1px solid #dce7dc;border-radius:15px;overflow:hidden}
@media(max-width:365px){.d-sheet{padding-left:12px;padding-right:12px}.d-meter{padding:18px 13px 17px}.d-sim-input{padding:15px 11px}.d-plan{padding:12px 8px;gap:6px}.d-plan strong{font-size:11px}.d-form-two{gap:7px}}

/* v0.26: color-first home; comparison appears only when the simulator opens */
.d-meter{min-height:212px;padding-top:20px;transition:background .26s ease}
.d-meter.d-tone-breezy{background:linear-gradient(130deg,#326d56,#64a283 66%,#a8cdb7)}
.d-meter.d-tone-good{background:linear-gradient(130deg,#567e5e,#8ca987 67%,#c5d4ab)}
.d-meter.d-tone-fair{background:linear-gradient(130deg,#917e4f,#bdab73 66%,#e0cb96)}
.d-meter.d-tone-tight{background:linear-gradient(130deg,#936c52,#c48c68 63%,#e6b68c)}
.d-meter.d-tone-alert{background:linear-gradient(130deg,#854e5b,#b76468 63%,#dc9c93)}
.d-meter.d-tone-unknown{background:linear-gradient(130deg,#60716e,#889b95 65%,#bbc8bf)}
.d-meter .d-grade{font-size:24px;font-weight:810;letter-spacing:.035em;line-height:1.1;color:#fff}
.d-history{height:90px;margin:15px 1px 17px;display:flex;flex-direction:column;justify-content:flex-end;gap:9px}
.d-history-top{display:flex;align-items:center;justify-content:space-between;color:#f7faf4c9;font-size:11px;font-weight:700}
.d-history-top strong{font-size:12px;color:#fff;font-variant-numeric:tabular-nums}
.d-history-bars{height:56px;display:flex;align-items:end;gap:6px;overflow:hidden}
.d-history-bars i{display:block;flex:1;min-width:0;border-radius:4px 4px 1px 1px;background:#f5fff2b5;opacity:.88;transition:height .25s}
.d-visual{margin:21px 10px 9px;height:84px}
.d-history.hidden,.d-visual.hidden{display:none!important}
.d-meter-stats{margin-top:0}
.d-meter-stats strong{font-size:14px}
.d-simulator{border-radius:17px;border:1px solid #e5ebe4;background:#fff;margin-top:12px;overflow:hidden;box-shadow:0 5px 20px #203b2506}
.d-simulator>summary{list-style:none;padding:16px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;color:#315942;font-size:13px;font-weight:780}
.d-simulator>summary::-webkit-details-marker{display:none}
.d-simulator .d-sim-chevron{font-size:19px;transform:rotate(0);transition:transform .15s;font-weight:400;line-height:1}
.d-simulator[open] .d-sim-chevron{transform:rotate(180deg)}
.d-simulator .d-sim-input{margin:0;border:0;border-top:1px solid #e8eee7;border-radius:0;box-shadow:none;padding-top:14px}
.d-verdict.hidden{display:none!important}
.d-grade-explain{display:grid;gap:3px;padding:6px 0 11px;font-size:12px}
.d-grade-explain b{font-size:13px;color:#385946}
@media(max-width:365px){.d-history-bars{gap:4px}.d-meter .d-grade{font-size:22px}}
