:root{color:#17202a;background:#f5f7fb;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:auto;padding:28px 18px 48px}header{margin-bottom:22px}.eyebrow{letter-spacing:.14em;color:#60708a;font-size:.82rem;font-weight:700}h1{margin:.2rem 0;font-size:2rem}h2{margin:0;font-size:1.2rem}header p,.muted,footer,.rule-hint{color:#65738a}.tool-list{gap:12px;display:grid}.tool-item{text-align:left;cursor:pointer;color:#17202a;background:#fff;border:0;border-radius:16px;align-items:center;gap:14px;width:100%;padding:20px 18px;display:flex;box-shadow:0 4px 18px #1c4f8a0d}.tool-item strong,.tool-item small{display:block}.tool-item strong{font-size:1.18rem}.tool-item small{color:#65738a;margin-top:4px;font-size:1rem;line-height:1.45}.tool-icon{color:#1264d6;background:#eaf2ff;border-radius:12px;flex:0 0 44px;place-items:center;width:44px;height:44px;font-size:1.5rem;display:grid}.arrow{color:#8b98aa;margin-left:auto;font-size:2rem}.tool-item.disabled{opacity:.55;cursor:default}.home footer{text-align:left;margin-top:28px}.page-header{min-height:72px;position:relative}.page-header>div{max-width:100%;padding-left:46px}.home-button{color:#1264d6;cursor:pointer;background:#fff;border:1px solid #d8dfeb;border-radius:9px;place-items:center;width:32px;height:32px;padding:0;font-size:1.35rem;line-height:1;display:grid;position:absolute;top:20px;left:0}.home-button.current{color:#8b98aa;cursor:default;background:#eef2f7}.tabs{background:#e8edf5;border-radius:14px;margin-bottom:16px;padding:4px;display:flex}.tabs button{color:#60708a;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;padding:12px;font-size:1.08rem}.tabs .active{color:#1264d6;background:#fff;font-weight:700;box-shadow:0 2px 8px #1c4f8a18}.card{background:#fff;border-radius:18px;margin-bottom:12px;padding:20px;box-shadow:0 4px 18px #1c4f8a0d}.section-title,.modal-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.clear-button{color:#526078;cursor:pointer;background:#fff;border:1px solid #d8dfeb;border-radius:8px;padding:6px 11px;font-size:.92rem}.grid{gap:12px;display:grid}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}label{color:#526078;font-size:1rem;display:block;position:relative}input{background:#fbfcfe;border:1px solid #d8dfeb;border-radius:10px;width:100%;margin-top:6px;padding:13px 34px 13px 12px;font-size:1.1rem}label small{color:#8995a8;font-size:.9rem;position:absolute;bottom:13px;right:11px}.result{background:#eef5ff;border-radius:14px;margin-top:18px;padding:18px}.result.negative{background:#fff0f0}.result span,.result b{color:#526078;font-size:.98rem;display:block}.result strong{margin:3px 0;font-size:2rem;display:block}.result.positive strong{color:#087443}.result.negative strong{color:#c43c3c}details{margin-top:14px}summary{cursor:pointer;color:#1264d6}.rule-hint{text-align:center;font-size:.95rem}.rule-hint button{color:#1264d6;cursor:pointer;font-size:inherit;background:0 0;border:0}.modal-backdrop{z-index:5;background:#17202a66;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:min(100%,460px);padding:20px;box-shadow:0 16px 50px #17202a40}.close-button{width:32px;height:32px;box-shadow:none;appearance:none;background:0 0;border:0;border-radius:50%;padding:0;font-size:1.7rem;line-height:1}.close-button:hover{background:#eef2f7}.close-button:focus-visible{outline-offset:2px;outline:2px solid #1264d6}.modal .grid{margin-top:8px}.modal-actions{gap:10px;margin-top:14px;display:flex}.modal-actions button{flex:1}.init-button{color:#526078;cursor:pointer;background:#fff;border:1px solid #d8dfeb;border-radius:10px;padding:12px;font-size:1rem}.confirm-button{color:#fff;cursor:pointer;background:#1264d6;border:0;border-radius:10px;width:100%;margin-top:0;padding:12px;font-size:1rem}footer{text-align:center;margin-top:20px;font-size:.95rem}@media (width<=560px){main{padding:22px 14px 38px}.grid.three{grid-template-columns:1fr}h1,.result strong{font-size:1.8rem}.modal-backdrop{align-items:end}.modal{border-radius:16px 16px 0 0}}.scenario{margin-top:18px;overflow-x:auto}.scenario h3{color:#526078;margin:0 0 8px;font-size:1rem}.scenario table{border-collapse:collapse;width:100%;font-size:.88rem}.scenario th,.scenario td{text-align:right;white-space:nowrap;border-bottom:1px solid #e6ebf2;padding:9px 7px}.scenario th:first-child,.scenario td:first-child{text-align:left}.scenario th{color:#65738a;font-weight:600}.scenario .gain{color:#087443;font-weight:600}.scenario .loss{color:#c43c3c;font-weight:600}.history-card .section-title>div{gap:6px;display:flex}.history-list{gap:8px;display:grid}.history-item{border-bottom:1px solid #e6ebf2;gap:2px;padding:10px 0;display:grid}.history-item span{color:#526078}.history-item b{font-size:1.05rem}.history-item small{color:#8995a8}.history-item .gain{color:#087443}.history-item .loss{color:#c43c3c}.clear-button:disabled{opacity:.5;cursor:not-allowed}.buy-inputs{gap:12px;display:grid}.buy-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.buy-result{min-width:0}.buy-result.empty{background:#f4f6f9}.buy-result.empty strong{color:#8995a8;font-size:1.4rem}.buy-result.empty b{color:#8995a8;font-weight:500}.result-subline{min-height:1.5em}.result-details{border-top:1px solid #dce5f1;margin-top:16px;padding-top:12px}.result-details h3{color:#526078;margin:0 0 8px;font-size:1rem}.result-details p{color:#65738a;justify-content:space-between;gap:8px;margin:7px 0;font-size:.98rem;display:flex}.result-details p b{color:#26364d;text-align:right}.result-details .gain,.result-details .gain b{color:#087443}.result-details .loss,.result-details .loss b{color:#c43c3c}@media (width<=560px){.buy-results{gap:8px}.buy-result{padding:14px}.buy-result strong{font-size:1.55rem}.buy-result.empty strong{font-size:1.22rem}.buy-result>span,.buy-result>b{font-size:.92rem}.result-details p{display:block}.result-details p b{text-align:left;font-size:1rem;display:block}.grid.two{gap:8px}}