.calc-page{padding-top:32px}.calc-title{margin-bottom:22px}.calc-title h1{margin-bottom:8px}.calc-title>p:last-child{color:var(--muted);margin:0}.tool-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1px;border:1px solid var(--line2);background:var(--line2);margin-bottom:14px}.tool-tabs button{height:52px;border:0;background:#080e16;color:#899caf;font-weight:800}.tool-tabs button.active{background:#18344a;color:#d6f1ff;box-shadow:inset 0 -3px var(--blue)}.tool-view{display:none}.tool-view.active{display:block}.calc-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.68fr);gap:12px;align-items:start}.calc-form,.calc-result,.simple-tool{margin:0}.step{display:flex;gap:14px;align-items:flex-start;margin-bottom:20px}.step>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid #396989;background:#0b2639;color:#83d4ff;font-weight:900}.step h2{font-size:23px;margin:0 0 4px}.step p{font-size:13px;color:var(--muted);margin:0}.picker{position:relative;margin-bottom:12px}.picker>label,.form-grid label{display:grid;gap:7px;color:#b9c8d7;font-size:13px;font-weight:750}.picker input,.form-grid input,.form-grid select{height:46px;width:100%;border:1px solid var(--line2);background:#080e16;color:var(--text);padding:0 12px;border-radius:4px;font-size:15px}.picker input:focus,.form-grid input:focus,.form-grid select:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px #43b6ff1a}.calc-suggest{position:absolute;z-index:10;top:74px;left:0;right:0;max-height:280px;overflow:auto;border:1px solid var(--line2);background:#0a121c;box-shadow:0 20px 45px #000a}.calc-suggest button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 11px;border:0;border-bottom:1px solid #1d2b3c;background:transparent;color:var(--text);text-align:left}.calc-suggest button:hover{background:#162638}.calc-suggest img{width:38px;height:38px}.calc-suggest small{display:block;color:#798da2;margin-top:2px}.selected{border:1px solid #315d7d;background:#0b2030;padding:12px 14px;margin-bottom:16px;color:#d4edff}.selected small{display:block;color:#88a2b8;margin-top:4px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:22px}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-grid.compact-grid{max-width:320px}.form-grid .check{display:flex;align-items:center;align-self:end;height:46px;border:1px solid var(--line2);background:#0a121b;padding:0 12px;gap:9px}.check input{width:18px;height:18px}.calc-form h3{font-size:15px;margin:0 0 10px}.material-rows{display:grid;gap:8px}.material-row{display:grid;grid-template-columns:1fr 90px 140px 130px;gap:8px;align-items:center;border:1px solid #203147;background:#09111a;padding:10px}.material-row .material-name{font-weight:800}.material-row .material-name small{display:block;color:#74889d;font-weight:500;font-size:11px;margin-top:3px}.material-row>span{color:#91a4b8;font-size:13px}.material-row input{height:40px;background:#0e1925;border:1px solid #30445c;color:var(--text);padding:0 9px;width:100%}.material-row output{text-align:right;font-weight:800}.empty-note{color:#74879b;font-size:13px;padding:20px;text-align:center;border:1px dashed #304258;margin:0}.calc-result{position:sticky;top:82px}.result-main{padding:20px;margin:16px 0 10px;background:linear-gradient(135deg,#173c54,#102432);border:1px solid #34749b}.result-main span{display:block;color:#9ab2c4;font-size:12px;margin-bottom:8px}.result-main strong{font-size:29px;color:#d9f3ff}.result-main strong.positive,.simple-results .positive{color:var(--green)}.result-main strong.negative,.simple-results .negative{color:var(--red)}dl{margin:0;display:grid}dl>div{display:flex;justify-content:space-between;padding:11px 2px;border-bottom:1px solid #203044}dt{color:#8fa2b6;font-size:13px}dd{margin:0;font-weight:800}.calc-result>small{display:block;color:#708398;font-size:11px;line-height:1.6;margin-top:14px}.simple-tool{max-width:1000px}.simple-results{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px}.simple-results>div{padding:18px;border:1px solid #24364a;background:#09111a}.simple-results .accent{border-color:#34749b;background:#10293a}.simple-results span{display:block;color:#8094a8;font-size:12px;margin-bottom:8px}.simple-results strong{font-size:21px}.simple-results .accent strong{font-size:26px}.calc-form.panel,.calc-result.panel,.simple-tool.panel{padding:22px}.tool-action{min-height:46px;align-self:end;border:1px solid #3b85af;background:#14618c;color:#eaf8ff;padding:0 18px;font-weight:850;border-radius:4px;cursor:pointer}.tool-action:hover{background:#1974a6}.tool-action.secondary{background:#0c1a27;border-color:#304a62;color:#bcd1e2}.data-note{color:#7890a4;font-size:12px;line-height:1.6;margin:-8px 0 16px}.compare-table-wrap{overflow-x:auto;border:1px solid var(--line2)}.compare-table{width:100%;border-collapse:collapse;min-width:640px}.compare-table th,.compare-table td{padding:13px 14px;border-bottom:1px solid #203044;text-align:right}.compare-table th{background:#0a121c;color:#8296aa;font-size:12px}.compare-table th:first-child,.compare-table td:first-child{text-align:left}.compare-table td{font-weight:750}.compare-table tr:last-child td{border-bottom:0}.compare-table .quality-best{color:var(--gold)}.empty-table{text-align:center!important;color:#74879b;font-weight:500!important}.watch-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.watch-actions #w-status{color:#8097aa;font-size:12px}.watch-list{display:grid;gap:8px}.watch-row{display:grid;grid-template-columns:minmax(180px,1fr) 130px 160px 110px 42px;gap:10px;align-items:center;border:1px solid #203147;background:#09111a;padding:12px}.watch-row strong,.watch-row small{display:block}.watch-row small{color:#74899d;margin-top:4px}.watch-price{font-weight:900;text-align:right}.watch-condition{color:#9eb2c4;font-size:12px;text-align:right}.watch-state{padding:6px 8px;border:1px solid #334b60;color:#92a7ba;text-align:center;font-size:12px}.watch-state.hit{border-color:#247b56;background:#123426;color:#7ee0ad}.watch-remove{width:38px;height:38px;border:1px solid #5a3440;background:#271219;color:#ef91a7;cursor:pointer}.watch-loading{opacity:.65}
@media(max-width:850px){.calc-layout{grid-template-columns:1fr}.calc-result{position:static}.form-grid.three{grid-template-columns:1fr 1fr}.material-row{grid-template-columns:1fr 70px 120px}.material-row output{grid-column:1/-1;text-align:left}.simple-results{grid-template-columns:1fr 1fr}.watch-row{grid-template-columns:1fr 120px 120px 42px}.watch-condition{grid-column:1/3;text-align:left}.watch-state{grid-column:3}.watch-remove{grid-column:4;grid-row:1/3}}
@media(max-width:560px){.calc-page{padding-top:20px}.calc-title>p:last-child{font-size:13px}.tool-tabs{grid-template-columns:1fr 1fr}.tool-tabs button{font-size:12px}.calc-form.panel,.calc-result.panel,.simple-tool.panel{padding:16px}.form-grid,.form-grid.three{grid-template-columns:1fr}.material-row{grid-template-columns:1fr 65px}.material-row input{grid-column:1/-1}.simple-results{grid-template-columns:1fr}.step h2{font-size:20px}.watch-row{grid-template-columns:1fr auto}.watch-price{text-align:left}.watch-condition,.watch-state{grid-column:1}.watch-remove{grid-column:2;grid-row:1/4}.watch-actions .tool-action{width:100%}}
.check input{flex:0 0 auto}.form-grid .reinvest-check{grid-column:1/-1;height:auto;min-height:64px;border-color:#356985;background:linear-gradient(135deg,#0b2231,#0a151f);cursor:pointer}.reinvest-check span{display:grid;gap:3px}.reinvest-check strong{color:#d4efff;font-size:14px}.reinvest-check small{color:#7894a8;font-size:11px;font-weight:500}.reinvest-note{padding:10px 12px;margin:0 0 10px;border:1px solid #3b789a;background:#0b2535;color:#bfe9ff;font-size:12px;line-height:1.55}.reinvest-note.warning{border-color:#8b6331;background:#30220f;color:#f2d19a}
.selected{display:flex;align-items:center;justify-content:space-between;gap:14px}.selected-copy{min-width:0}.selected small{overflow-wrap:anywhere}.selected .market-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 12px;border:1px solid #3d82aa;border-radius:3px;background:#102f44;color:#cfefff;text-decoration:none;font-size:12px;font-weight:850;white-space:nowrap}.selected .market-link:hover{border-color:#5bc5f4;background:#17435e}
@media(max-width:560px){.selected{align-items:stretch;flex-direction:column}.selected .market-link{width:100%}}
.material-preview-trigger{position:relative;outline:0;cursor:help}.material-identity{display:flex;align-items:center;gap:10px}.material-identity>img{width:48px;height:48px;flex:0 0 48px;object-fit:contain;border:1px solid #34475e;border-radius:5px;background:#080d14}.material-preview-trigger:focus .material-identity>img,.material-preview-trigger:hover .material-identity>img{border-color:#55bcea;box-shadow:0 0 0 3px #43b6ff1a}.material-market-preview{position:absolute;z-index:40;left:0;bottom:calc(100% + 10px);width:360px;padding:13px;border:1px solid #3c6f91;border-radius:6px;background:#08111bf5;box-shadow:0 20px 50px #000c;color:#e8f2fb;cursor:default;backdrop-filter:blur(12px)}.material-market-preview::after{content:"";position:absolute;left:28px;top:100%;border:8px solid transparent;border-top-color:#3c6f91}.material-preview-loading,.material-preview-error{padding:22px 8px;text-align:center;color:#8ea5b8;font-size:12px}.material-preview-error{color:#f0a0ac}.material-preview-head{display:flex;align-items:center;gap:9px;padding-bottom:10px;border-bottom:1px solid #20364a}.material-preview-head img{width:42px;height:42px}.material-preview-head strong,.material-preview-head small{display:block}.material-preview-head small{color:#7890a4;margin-top:2px}.material-preview-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0}.material-preview-summary>div{padding:8px;background:#0e1d2a;border:1px solid #243e52}.material-preview-summary span,.material-preview-summary small{display:block;color:#7790a4;font-size:9px}.material-preview-summary strong{display:block;margin:4px 0;font-size:13px;color:#e7f5ff}.material-preview-trend{padding:9px;border:1px solid #21384b;background:#091620}.material-preview-trend>div:first-child{display:flex;justify-content:space-between;gap:8px;color:#9eb3c5;font-size:10px}.material-preview-trend>div:first-child small{color:#60788c}.material-chart{display:block;width:100%;height:66px;margin-top:7px}.material-chart-range{display:flex;justify-content:space-between;color:#6f879a;font-size:9px}.material-chart-empty{height:66px;display:grid;place-items:center;color:#60788c;font-size:10px}.material-city-prices{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:8px;background:#1c3143}.material-city-prices>div{display:grid;grid-template-columns:1fr auto;gap:2px 7px;padding:6px 7px;background:#0b1823}.material-city-prices span{color:#8ca1b2;font-size:9px}.material-city-prices strong{font-size:10px}.material-city-prices small{grid-column:1/-1;color:#61788b;font-size:8px}.material-market-preview>a{display:block;margin-top:9px;padding:8px;border:1px solid #315f7d;color:#bde9ff;text-align:center;text-decoration:none;font-size:10px;font-weight:800}.material-market-preview>a:hover{background:#123149}.material-row{overflow:visible}
@media(max-width:560px){.material-identity>img{width:44px;height:44px;flex-basis:44px}.material-market-preview{position:fixed;left:12px;right:12px;bottom:14px;width:auto;max-height:calc(100vh - 100px);overflow:auto}.material-market-preview::after{display:none}}