*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:#f7f9f5;color:#182230}body{overflow:auto}.app{min-width:1180px;min-height:100vh;background:#f7f9f5}.topbar{height:94px;background:#071a2f;color:#fff;display:flex;align-items:center;padding:8px 18px 8px 24px;gap:20px;border-bottom:4px solid #b8d84a}.brand{display:flex;align-items:center;gap:12px;min-width:475px}.title{font-size:28px;font-weight:900;letter-spacing:-.3px}.subtitle{font-size:15px;margin-top:4px;color:#d7e8df}.slogan{font-size:17px;font-style:italic;flex:1;text-align:center;color:#f1f7ee}.slogan span{display:block;width:160px;height:4px;background:#8bc53f;border-radius:6px;margin:5px auto 0}.legend{display:flex;height:78px}.legend-card{min-width:145px;padding:7px 10px;display:flex;align-items:center;gap:7px;color:#152130}.legend-card img{width:44px;height:55px;object-fit:contain}.legend-card b{display:block;font-size:14px}.legend-card small{display:block;font-size:11px;margin-top:2px}.legend-card.good{background:#d8efbf;border-radius:10px 0 0 10px}.legend-card.neutral{background:#ffe8ac}.legend-card.bad{background:#f7b6b9;border-radius:0 10px 10px 0}.body{display:flex;min-height:calc(100vh - 134px)}.sidebar{width:240px;background:#edf2ec;border-right:1px solid #d9e2d5;padding:14px 10px 10px}.side-item{width:100%;height:42px;border:0;border-radius:9px;display:flex;align-items:center;gap:10px;padding:0 10px;font-size:14px;margin-bottom:3px;background:transparent;color:#18304a;text-align:left;cursor:pointer}.side-item span{font-size:23px;width:28px;text-align:center;color:#174f5a}.side-item.active{background:#fff}.side-item.selected{background:#176d67;color:#fff}.side-item.selected span{color:#fff}.side-item.indent{background:#dfeee8}.side-item:hover{background:#dfece6}.separator{height:7px}.education{margin-top:34px;text-align:center;padding:12px 16px;color:#426c47;font-size:13px}.mini-logo{font-size:44px}.green-line{height:3px;width:70px;background:#8bc53f;border-radius:4px;margin:auto}.main{flex:1;padding:14px 14px 0;min-width:0}.page{display:none}.active-page{display:block}.section-header{display:flex;gap:12px}.section-title{background:#e9f1ea;border:1px solid #cddbcf;border-radius:10px;padding:10px 13px;display:flex;gap:12px;flex:0 0 31%;font-size:16px}.section-title>span{font-size:31px}.section-title b{display:block;font-size:24px;color:#0b605b}.section-title small{display:block;color:#526b68;margin-top:3px}.tip{flex:1;border:1px solid #cbdcd4;border-radius:10px;background:#fff;padding:10px 13px;display:flex;align-items:center;gap:12px;font-size:12px}.tip img{width:30px;height:36px}.columns{display:grid;grid-template-columns:31% 39% 30%;gap:12px;margin-top:12px}.card{background:#fff;border:1px solid #d7e2dc;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.04);overflow:hidden}.card-title{background:#f3f7f3;font-size:15px;font-weight:900;color:#214c4a;padding:10px 11px;border-bottom:1px solid #dce7e0}.card-title span{font-weight:500;font-size:11px}.input-card{padding-bottom:8px}.form-grid{display:grid;grid-template-columns:1.45fr 1fr;column-gap:8px}.form-grid label,.loan-grid label{padding:6px 10px;border-right:1px solid #d7e6ee;font-size:11px;display:flex;align-items:center}.form-grid input,.loan-grid input{width:100%;border:1px solid #d1ddc9;padding:6px 8px;background:#fffbe8;font-size:12px;outline:none;border-radius:5px}.money,.suffix{display:flex;align-items:center;background:#fffbe8;border:1px solid #d1ddc9;border-radius:5px;margin:5px 7px 5px 0}.money span{padding-left:8px;font-size:12px}.money input,.suffix input{border:0;background:transparent;padding:6px;width:100%}.suffix span{font-size:10px;color:#68756e;padding:0 7px;white-space:nowrap}.loan-card{margin-top:10px;padding-bottom:10px}.toggle{display:flex;margin:10px 10px 4px;background:#e6ebe7;border-radius:18px;width:150px;padding:1px}.toggle-btn{width:75px;border:0;border-radius:16px;padding:8px;background:transparent;cursor:pointer}.toggle-btn.active{background:#176d67;color:#fff}.help{font-size:11px;color:#586a64;padding:0 10px 8px}.loan-grid{display:grid;grid-template-columns:1.4fr 1fr}.loan-grid input{margin:5px 7px 5px 0}.meaning-card{margin-top:10px;background:#eef7f4}.meaning-title{padding:9px 10px;color:#14675f;font-weight:800}.meaning-card ul{margin:0;padding:0 18px 10px 28px;font-size:11px;line-height:1.5}.results-title{background:#dff0cd;border:1px solid #c2db9d;border-radius:10px;padding:11px;color:#356a2f;font-size:19px;font-weight:900}.verdict-card{display:grid;grid-template-columns:2fr 1fr;gap:10px;margin-top:8px}.verdict{border:1px solid #c9dfc7;background:#f7fbf4;border-radius:10px;padding:10px;display:flex;align-items:center;gap:12px}.verdict img{width:84px;height:102px;object-fit:contain}.small-title{font-size:11px;color:#40605e;font-weight:800}.verdict-pill{border-radius:20px;padding:9px 26px;font-size:22px;font-weight:900;display:inline-block;margin-top:6px}.verdict-good{background:#16a34a!important;color:#fff!important}.verdict-neutral{background:#f59e0b!important;color:#fff!important}.verdict-bad{background:#dc3545!important;color:#fff!important}.verdict-card.state-good .verdict,.verdict-card.state-good .return{border-color:#c4e4c3;background:#f7fbf4}.verdict-card.state-neutral .verdict,.verdict-card.state-neutral .return{border-color:#f4d08b;background:#fffaf0}.verdict-card.state-bad .verdict,.verdict-card.state-bad .return{border-color:#e9b8bc;background:#fff5f5}.verdict p{font-size:11px;color:#4c625f;margin:7px 0 0}.score-line{font-size:10px;margin-top:7px;color:#60716c}.return{text-align:center;padding:18px 8px;border-radius:10px}.return .big{font-size:31px;font-weight:900;margin-top:5px}.state-good .return .big{color:#169447}.state-neutral .return .big{color:#d68900}.state-bad .return .big{color:#c9343d}.return small,.kpi-card small{font-size:11px;color:#4a6a5a}.kpi-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.kpi-card{background:#f6fbf5;border:1px solid #cce3ca;border-radius:10px;padding:9px;text-align:center}.kpi-card.highlight{background:#edf7d9}.kpi-value{font-size:20px;font-weight:900;color:#1e6741;margin:4px}.indicators{margin-top:8px}.card-title.green{color:#236438;background:#e8f2d9}.indicator-head,.indicator-row{display:grid;grid-template-columns:24% 14% 38% 24%;align-items:stretch}.indicator-head{background:#f2f7ef;font-size:10px;font-weight:900;color:#3d5e4c}.indicator-head span,.indicator-row>*{padding:7px 6px;border-right:1px solid #dbe6dc;border-bottom:1px solid #dbe6dc}.indicator-row{font-size:10px}.indicator-row b{color:#173f4c}.indicator-row b small{display:block;color:#5d7785;font-weight:500}.indicator-row>span:nth-child(2){font-size:12px;font-weight:900}.eval{display:inline-flex;align-items:center;gap:5px;padding:3px 6px!important;margin:7px;border-radius:10px;font-weight:900}.eval img{width:20px;height:20px}.eval.good{background:#e9f8e9;color:#188448}.eval.reg{background:#fff3d6;color:#a96c00}.eval.bad{background:#fde8ea;color:#b52f3a}.projection{margin-top:8px;padding-bottom:10px}.chart-wrap{padding:6px 8px;height:225px}.projection canvas{width:100%;height:215px}.projection-note{background:#eff7e4;border-left:5px solid #8bc53f;margin:0 10px;padding:10px;font-size:11px;color:#41634b}.sumrow{display:flex;justify-content:space-between;padding:12px 12px;border-bottom:1px solid #dfe7e1;font-size:11px}.sumrow b{font-size:13px;color:#224a4d}.sum-total{margin:9px;background:#e8f5cf;border:1px solid #c7df9e;border-radius:9px;text-align:center;padding:9px}.sum-total span{display:block;font-size:12px;font-weight:900}.sum-total b{display:block;font-size:22px;color:#3c7932}.why{margin-top:10px;padding-bottom:8px}.why-head{display:flex;align-items:center;gap:9px;padding:11px;color:#315c44}.why-head img{width:35px}.why-status{display:flex;align-items:center;gap:9px;padding:0 15px}.why-status img{width:27px;height:27px}.why-status b{font-size:14px}.why.state-good .why-status b{color:#168348}.why.state-neutral .why-status b{color:#b36f00}.why.state-bad .why-status b{color:#bd303c}.why ul{margin:7px 12px 0 28px;padding:0;font-size:10px;line-height:1.55}.why li{margin-bottom:4px}.warning{margin-top:10px;background:#edf5ef;padding:11px}.warning-title{font-weight:900;color:#2c6250}.warning p{font-size:10px;line-height:1.5;margin:8px 0 0}.learn{margin-top:10px;background:#f2f5df;padding:11px}.learn-title{color:#5c6f26;font-weight:900;margin-bottom:8px}.learn b{display:block;font-size:12px;color:#47602a}.learn strong{display:block;margin-top:10px;font-size:11px}.learn p{font-size:10px}.link-btn{background:none;border:0;padding:0;font-size:10px;color:#356f4a;cursor:pointer}.page-head{display:flex;justify-content:space-between;align-items:flex-end;background:#eef5ee;border:1px solid #d2dfd3;border-radius:12px;padding:18px 20px;margin-bottom:14px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:900;color:#5b872f}.page-head h2{font-size:30px;margin:6px 0 4px;color:#173e3d}.page-head p{margin:0;color:#55706b}.hero-card{background:#0c1d32;border-radius:16px;padding:35px;color:#fff;display:flex;justify-content:space-between;align-items:center;min-height:300px;border:1px solid #173e52}.hero-card h1{font-size:42px;line-height:1.05;max-width:700px;margin:10px 0}.hero-card p{font-size:17px;color:#d8e8e0;max-width:650px}.primary-btn{margin-top:18px;border:0;border-radius:24px;background:#9bd34f;color:#132719;font-weight:900;padding:12px 20px;cursor:pointer}.hero-monkey{font-size:145px;padding:20px 60px;position:relative}.hero-monkey span{position:absolute;font-size:55px;right:25px;bottom:30px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.feature-card{background:#fff;border:1px solid #d5e0d8;border-radius:12px;padding:18px}.feature-icon{font-size:28px}.feature-card h3{margin:10px 0 5px}.feature-card p{font-size:12px;color:#5b6d69;line-height:1.5}.compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.compare-card{background:#fff;border:1px solid #d5e0d8;border-radius:12px;padding:15px}.compare-card h3{margin:0 0 12px;color:#174a47}.compare-card label,.scenario-card label{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin:9px 0}.compare-card input,.scenario-card input,.search,.settings-card input,.settings-card select{border:1px solid #ccd9ce;border-radius:7px;padding:8px;background:#fffbe8}.compare-result{margin-top:13px;padding:11px;border-radius:8px;background:#eff6e7}.state-chip{display:inline-block;padding:5px 9px;border-radius:12px;font-weight:900;font-size:11px}.chip-good{background:#dff4df;color:#168348}.chip-neutral{background:#fff0ce;color:#a96c00}.chip-bad{background:#fde5e8;color:#bd303c}.whatif-grid{display:grid;grid-template-columns:36% 64%;gap:14px}.scenario-card{padding-bottom:14px}.scenario-card label{padding:0 14px}.scenario-card input{width:52%}.scenario-result{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px;text-align:center;padding:30px}.scenario-badge{font-size:22px;font-weight:900;padding:9px 26px;border-radius:25px}.scenario-badge.good{background:#16a34a;color:#fff}.scenario-badge.neutral{background:#f59e0b;color:#fff}.scenario-badge.bad{background:#dc3545;color:#fff}.scenario-big{font-size:42px;font-weight:900;color:#193e3d;margin:16px 0 8px}.mini-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;width:80%}.mini-metrics div{background:#f0f5ea;border-radius:9px;padding:12px}.mini-metrics span{display:block;font-size:10px;color:#5e716c}.mini-metrics b{display:block;font-size:18px;margin-top:4px}.lesson-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lesson-grid article{background:#fff;border:1px solid #d5e0d8;border-radius:12px;padding:20px;min-height:180px}.lesson-grid article>span{font-size:12px;font-weight:900;color:#8aa64f}.lesson-grid h3{font-size:22px;margin:10px 0}.lesson-grid p{font-size:13px;color:#5b6d69;line-height:1.6}.glossary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.glossary-item{background:#fff;border:1px solid #d5e0d8;border-radius:11px;padding:14px}.glossary-item b{color:#164e4a}.glossary-item p{font-size:12px;color:#5d6c68;line-height:1.5;margin:6px 0 0}.search{width:260px;background:#fff}.settings-card{padding:0}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px;border-bottom:1px solid #e1e9e3}.setting-row b{display:block}.setting-row small{display:block;color:#667a74;margin-top:4px}.setting-row input,.setting-row select{min-width:240px}.switch{position:relative;width:48px;height:27px}.switch input{display:none}.switch span{position:absolute;inset:0;background:#ccd7d0;border-radius:16px;cursor:pointer}.switch span:before{content:"";position:absolute;width:21px;height:21px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}.switch input:checked+span{background:#8bc53f}.switch input:checked+span:before{transform:translateX(21px)}.about{padding:22px;text-align:center;background:#f2f6ee}.about-brand{font-size:20px;color:#173e3d}.about p{margin:7px 0;color:#526760;font-size:12px}.about .tiny{font-size:11px;color:#7a8b84}footer{height:40px;background:#071a2f;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;gap:22px;border-top:3px solid #8bc53f}.rightcol{min-width:0}@media(max-width:1250px){.columns{grid-template-columns:34% 66%}.rightcol{display:none}}/* Monkey Money brand + dark mode */
.mm-site-logo{width:76px;height:76px;object-fit:contain;object-position:center;display:block;flex:0 0 76px}
.website-btn{display:inline-flex;align-items:center;gap:7px;background:#173e3d;color:#fff;text-decoration:none;padding:9px 14px;border-radius:18px;font-size:12px;font-weight:800;border:1px solid #2f615c}
.disclaimer{margin-top:14px;padding:14px 18px;background:#eef6e9;border:1px solid #d5e5c6;border-left:5px solid #9bd34f;border-radius:10px;color:#48645b;font-size:12px;line-height:1.6}
.disclaimer strong{color:#285b3d}
body.dark{background:#0c1922;color:#dbe9e4}
body.dark .sidebar,body.dark .main{background:#0e1d27}
body.dark .card,body.dark .feature-card,body.dark .lesson-grid article,body.dark .glossary-item,body.dark .compare-card{background:#132630;border-color:#28424d;color:#dbe9e4}
body.dark .section-header,body.dark .page-head{background:#102630;border-color:#29434e}
body.dark .section-title{background:#132630;border-color:#28424d}
body.dark .section-title b,body.dark .page-head h2,body.dark .card-title,body.dark .indicator-row b,body.dark .feature-card h3,body.dark .lesson-grid h3{color:#dbe9e4}
body.dark .section-title small,body.dark .page-head p,body.dark .small-title,body.dark .warning p,body.dark .lesson-grid p,body.dark .glossary-item p{color:#a9c0b9}
body.dark input,body.dark select,body.dark .search{background:#0b1b24!important;color:#e5f1ed!important;border-color:#34515c!important}
body.dark .results-title{background:#1e3a2e;border-color:#3b6545;color:#dff3c7}
body.dark .indicator-head{background:#17313b;color:#cde0d9}
body.dark .indicator-head span,body.dark .indicator-row>*{border-color:#29434d}
body.dark .kpi-card{background:#162f2a;border-color:#2d4f45}.dark .kpi-card.highlight{background:#28402b}
body.dark .projection-note,body.dark .about,body.dark .disclaimer,body.dark .education{background:#142c26;color:#cfe4d8;border-color:#345747}
body.dark .warning{background:#172a2a}.dark .learn{background:#26302a}
body.dark .sum-total{background:#263d29;border-color:#426342}body.dark .sum-total b{color:#bde68b}
body.dark .why,.dark .summary{background:#132630}
body.dark footer{background:#07131d}
body.dark .side-item{color:#cfe0db}
body.dark .side-item.active{background:#132630}
body.dark .side-item.indent{background:#16283a}.dark .side-item:hover{background:#17313b}.dark .side-item.selected{background:#234b46;color:#fff}
body.dark .tip{background:#102e35!important;border-color:#2f5158!important;color:#c8dcd7}
body.dark .verdict{background:#132a25!important}body.dark .verdict-card.state-neutral .verdict,body.dark .verdict-card.state-neutral .return{background:#302717!important}body.dark .verdict-card.state-bad .verdict,body.dark .verdict-card.state-bad .return{background:#321d20!important}
@media(max-width:1100px){.mm-site-logo{width:76px;height:76px;object-fit:contain;object-position:center;display:block;flex:0 0 76px}.slogan{display:none}}
/* Responsive web/mobile */
.mobile-menu-btn{display:none;position:absolute;top:12px;left:12px;z-index:50;border:1px solid rgba(255,255,255,.25);background:#173e5a;color:#fff;border-radius:10px;width:42px;height:42px;font-size:22px;cursor:pointer}
.download-card{margin:14px 0 0;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#eef7e9,#f7fbf4);border:1px solid #d6e7cf}
.download-card h3{margin:6px 0 4px;font-size:20px;color:#173e3d}.download-card p{margin:0;color:#5a7069;font-size:12px;line-height:1.5}.download-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.download-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:11px 14px;border-radius:20px;background:#173e3d;color:#fff;font-size:12px;font-weight:900;white-space:nowrap}.download-btn.secondary{background:#8bc53f;color:#163018}
body.dark .download-card{background:#132a26;border-color:#355447}body.dark .download-card h3{color:#dceee7}body.dark .download-card p{color:#a9c0b9}
@media(max-width:1250px){.columns{grid-template-columns:38% 62%}.rightcol{display:block}.sidebar{width:228px}.main{min-width:0}}
@media(max-width:980px){.app{min-width:0}body{overflow-x:hidden}.brand{min-width:0}.topbar{position:relative;height:auto;min-height:92px;grid-template-columns:1fr;padding-left:64px;flex-direction:column;align-items:flex-start;gap:6px}.brand{justify-content:flex-start}.legend{display:none}.slogan{display:block;text-align:left;margin-top:6px}.body{min-height:auto}.sidebar{position:fixed;left:-280px;top:0;bottom:0;z-index:40;width:270px;overflow:auto;box-shadow:12px 0 30px rgba(0,0,0,.15);transition:left .22s ease}.main{width:100%;padding:12px}.mobile-menu-btn{display:block}body.menu-open .sidebar{left:0}body.menu-open:after{content:"";position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:35}.columns{grid-template-columns:1fr}.rightcol{display:block}.leftcol,.centercol,.rightcol{min-width:0}.tip{display:none}.section-title{flex:1 1 100%}.indicator-head,.indicator-row{grid-template-columns:24% 15% 36% 25%}.projection canvas{height:190px}.feature-grid{grid-template-columns:1fr 1fr}.download-card{flex-direction:column;align-items:flex-start}.download-actions{justify-content:flex-start}.whatif-grid{grid-template-columns:1fr}.compare-grid{grid-template-columns:1fr}.lesson-grid,.glossary-grid{grid-template-columns:1fr}.page-head{align-items:flex-start;gap:10px;flex-direction:column}.search{width:100%}.setting-row{align-items:flex-start;flex-direction:column}.setting-row input,.setting-row select{width:100%;min-width:0}}
@media(max-width:640px){.topbar{padding:10px 12px 12px 62px}.brand{gap:9px}.mm-site-logo{width:52px;height:52px;flex-basis:52px}.title{font-size:20px}.subtitle{font-size:10px}.main{padding:8px}.section-header{padding:10px}.section-title b{font-size:18px}.form-grid{grid-template-columns:1fr}.form-grid>input,.form-grid>div{width:100%}.loan-grid{grid-template-columns:1fr}.kpi-row{grid-template-columns:1fr}.indicator-head{display:none}.indicator-row{grid-template-columns:1fr 1fr;gap:0}.indicator-row>*{min-height:42px}.indicator-row>*:nth-child(3){grid-column:1/-1}.indicator-row>*:nth-child(4){grid-column:1/-1}.chart-wrap{height:185px}.projection-note{font-size:10px}.hero-card{padding:24px;min-height:auto}.hero-card h1{font-size:30px}.hero-card p{font-size:14px}.hero-monkey{font-size:88px;padding:0 0 0 12px}.hero-monkey span{font-size:35px;right:-5px;bottom:-2px}.feature-grid{grid-template-columns:1fr}.download-actions{width:100%}.download-btn{width:100%}.page-head h2{font-size:25px}.verdict-card{grid-template-columns:1fr}.verdict img{width:90px}.return{text-align:center;padding:12px}.verdict{padding:12px}.why-head{font-size:13px}}
.side-item span.i18n-inline{font-size:14px;width:auto;text-align:left;color:inherit;display:inline}
.slogan span.i18n-inline{display:inline;width:auto;height:auto;background:none;border-radius:0;margin:0}
.card-title span.i18n-inline{font-weight:900;font-size:15px}
.sum-total small span.i18n-inline{display:inline;font-size:inherit;font-weight:400}
header.site-header{background:#0d1117}
.moro-tip{display:flex;gap:10px;align-items:flex-start;background:#eef6ef;border:1px solid #cfe3d2;border-radius:10px;padding:10px 12px;margin:10px 0}
.moro-tip img{width:34px;height:34px;border-radius:50%;flex-shrink:0}
.moro-tip p{font-size:11px;line-height:1.5;margin:0;color:#2c4a3e}
.moro-tip-close{margin-top:6px;background:#8bc53f;color:#fff;border:none;border-radius:6px;padding:5px 10px;font-size:10px;font-weight:700;cursor:pointer}
body.dark .moro-tip{background:#132630;border-color:#28424d}
body.dark .moro-tip p{color:#c9d9d2}
.field-hint{font-size:10px;color:#6b8078;margin-top:-6px}
body.dark .field-hint{color:#93aca3}
.results-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.results-title-row .results-title{min-width:0}
.results-title-row .results-title{flex:1}
.save-analysis-btn{background:#fff;border:1px solid #c2db9d;color:#356a2f;border-radius:8px;padding:9px 12px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}
.save-analysis-btn:hover{background:#eef6e0}
body.dark .save-analysis-btn{background:#132630;border-color:#3b6545;color:#dff3c7}
.save-analysis-toast{margin-top:8px;background:#eef6ef;border:1px solid #cfe3d2;border-radius:8px;padding:8px 12px;font-size:11px;color:#2c4a3e;font-weight:700}
body.dark .save-analysis-toast{background:#132630;border-color:#28424d;color:#c9d9d2}
.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;padding:14px}
.badge-item{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:12px 8px;border-radius:10px;background:#f3f7f3;border:1px solid #dce7e0;opacity:.45;filter:grayscale(1)}
.badge-item.earned{opacity:1;filter:none;background:#eef6e0;border-color:#c2db9d}
.badge-item .badge-icon{font-size:28px}
.badge-item b{font-size:11px;color:#214c4a}
.badge-item small{font-size:9px;color:#68756e}
body.dark .badge-item{background:#0e1d27;border-color:#28424d}
body.dark .badge-item.earned{background:#132630;border-color:#3b6545}
body.dark .badge-item b{color:#dbe9e4}
body.dark .badge-item small{color:#93aca3}
.card-title-row{display:flex;align-items:center;justify-content:space-between;background:#f3f7f3;border-bottom:1px solid #dce7e0;padding:0 11px;flex-wrap:wrap;gap:4px}
.card-title-row .card-title{min-width:0}
.card-title-row .card-title{border-bottom:none;padding:10px 0}
.clear-history-btn{background:none;border:none;color:#a6423a;font-size:10px;font-weight:700;cursor:pointer;padding:6px}
body.dark .card-title{background:#132630;border-color:#28424d}
body.dark .card-title-row{background:#132630;border-color:#28424d}
.history-empty{padding:16px;font-size:11px;color:#68756e}
.history-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #eef2ee}
.history-item:last-child{border-bottom:none}
.history-item .h-icon{font-size:20px}
.history-item .h-main{flex:1;min-width:0}
.history-item .h-name{font-size:12px;font-weight:700;color:#214c4a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.history-item .h-date{font-size:9px;color:#8a9a92}
.history-item .h-verdict{font-size:10px;font-weight:900;border-radius:6px;padding:4px 8px;white-space:nowrap}
.history-item .h-verdict.good{background:#dff0cd;color:#356a2f}
.history-item .h-verdict.neutral{background:#fdedc7;color:#8a6a12}
.history-item .h-verdict.bad{background:#fbdcd8;color:#a6423a}
body.dark .history-item{border-color:#28424d}
body.dark .history-item .h-name{color:#dbe9e4}
body.dark .history-item .h-date{color:#93aca3}
.mode-switch{display:flex;margin:12px 10px 0;background:#e6ebe7;border-radius:18px;padding:2px;width:fit-content}
.mode-btn{border:0;border-radius:16px;padding:7px 14px;font-size:11px;font-weight:700;background:transparent;color:#4a5f57;cursor:pointer;white-space:nowrap}
.mode-btn.active{background:#176d67;color:#fff}
body.dark .mode-switch{background:#0e1d27}
body.dark .mode-btn{color:#93aca3}
.toggle-details-btn{display:block;margin:6px auto 10px;background:none;border:1px dashed #9fb8ac;color:#356a2f;border-radius:8px;padding:8px 14px;font-size:11px;font-weight:700;cursor:pointer}
body.dark .toggle-details-btn{color:#c6e3af;border-color:#3b6545}
.learn-attribution{font-size:9px;font-style:italic;color:#5e716c;margin:6px 0}
body.dark .learn-attribution{color:#93aca3}
.learn .link-btn{display:block;margin-top:4px;text-decoration:none}
.lesson-quote{margin:8px 0 0;padding:8px 10px;border-left:3px solid #8bc53f;background:rgba(139,197,63,.08);border-radius:0 6px 6px 0}
.lesson-quote p{font-size:11px;font-style:italic;margin:0;color:inherit}
.lesson-quote cite{display:block;font-size:9px;font-style:normal;font-weight:700;margin-top:4px;color:#5e716c}
body.dark .lesson-quote cite{color:#93aca3}
.field-with-lookup{display:flex;gap:4px;align-items:center}
.field-with-lookup input{flex:1;min-width:0}
.field-lookup-btn{flex-shrink:0;width:32px;height:32px;border-radius:8px;border:1px solid #cddbcf;background:#eef6e0;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}
.field-lookup-btn:hover{background:#dff0cd}
.field-lookup-btn.loading{opacity:.6;cursor:wait}
body.dark .field-lookup-btn{background:#132630;border-color:#28424d}
body.dark .field-lookup-btn:hover{background:#17313b}
.lookup-popover{grid-column:1/-1;margin-top:-4px;background:#eef6ef;border:1px solid #cfe3d2;border-radius:8px;padding:8px 10px;font-size:11px;color:#2c4a3e}
.lookup-popover .lookup-actions{margin-top:6px;display:flex;gap:8px}
.lookup-popover button{border:none;border-radius:6px;padding:5px 10px;font-size:10px;font-weight:700;cursor:pointer}
.lookup-popover .lookup-use{background:#8bc53f;color:#12291f}
.lookup-popover .lookup-cancel{background:#e3ece3;color:#425a4e}
body.dark .lookup-popover{background:#132630;border-color:#28424d;color:#c9d9d2}
body.dark .lookup-popover .lookup-cancel{background:#17313b;color:#c9d9d2}
/* --- Animaciones del personaje --- */
@keyframes mm-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes mm-float-slow{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes mm-bounce-in{0%{transform:scale(.7) translateY(12px) rotate(0)}45%{transform:scale(1.12) translateY(-8px) rotate(-4deg)}70%{transform:scale(.96) translateY(2px) rotate(3deg)}100%{transform:scale(1) translateY(0) rotate(0)}}
@keyframes mm-shake{0%,100%{transform:translateX(0) rotate(0)}15%{transform:translateX(-5px) rotate(-4deg)}30%{transform:translateX(5px) rotate(4deg)}45%{transform:translateX(-4px) rotate(-3deg)}60%{transform:translateX(4px) rotate(3deg)}75%{transform:translateX(-2px) rotate(-1deg)}100%{transform:translateX(0) rotate(0)}}
@keyframes mm-nod{0%,100%{transform:rotate(0) translateY(0)}30%{transform:rotate(-3deg) translateY(-2px)}60%{transform:rotate(3deg) translateY(0)}}
@keyframes mm-spin{to{transform:rotate(360deg)}}
#verdictImg{animation:mm-float 3s ease-in-out infinite;transform-origin:center bottom}
#verdictImg.react-good{animation:mm-bounce-in .65s ease}
#verdictImg.react-bad{animation:mm-shake .55s ease}
#verdictImg.react-neutral{animation:mm-nod .6s ease}
#whyImg{animation:mm-float-slow 3.6s ease-in-out .3s infinite}
.legend-card img{transition:transform .15s ease}
.legend-card:hover img{animation:mm-float .5s ease}
.field-lookup-btn.loading{animation:mm-spin 1s linear infinite}
.moro-tip img{animation:mm-float-slow 4s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){
#verdictImg,#whyImg,.legend-card:hover img,.field-lookup-btn.loading,.moro-tip img,#verdictImg.react-good,#verdictImg.react-bad,#verdictImg.react-neutral{animation:none}
}
/* --- Landing: selector de tipo de inversión ("1. Analiza tu inversión") --- */
.landing-head{background:#eef5ee;border:1px solid #d2dfd3;border-radius:12px;padding:18px 20px;margin-bottom:14px}
.landing-head h2{font-size:26px;margin:0 0 6px;color:#173e3d}
.landing-head p{margin:0;color:#55706b;font-size:13px}
.landing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.landing-card{background:#fff;border:1px solid #d5e0d8;border-radius:12px;padding:18px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:6px;transition:.15s;font-family:inherit}
.landing-card:hover{border-color:#8bc53f;box-shadow:0 4px 14px rgba(0,0,0,.08);transform:translateY(-2px)}
.landing-card-icon{font-size:30px}
.landing-card b{font-size:15px;color:#174a47}
.landing-card small{font-size:12px;color:#5b6d69;line-height:1.4}
body.dark .landing-head{background:#132630;border-color:#28424d}
body.dark .landing-head h2{color:#dbe9e4}
body.dark .landing-head p{color:#a9c2bb}
body.dark .landing-card{background:#132630;border-color:#28424d;color:#dbe9e4}
body.dark .landing-card b{color:#dbe9e4}
body.dark .landing-card small{color:#a9c2bb}
body.dark .landing-card:hover{border-color:#8bc53f}
@media(max-width:980px){.landing-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.landing-grid{grid-template-columns:1fr}.landing-head{padding:14px}.landing-head h2{font-size:21px}}