:root{--bg: #f6f7f9;--card: #ffffff;--text: #1c1f24;--muted: #5d6470;--line: #dde1e7;--accent: #2357d6;--loss: #d12b2b;--loss-bg: #fdecec;--gain: #137a3e;font-family:system-ui,-apple-system,Malgun Gothic,Apple SD Gothic Neo,sans-serif;font-size:18px;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0}main{max-width:1200px;margin:0 auto;padding:24px 16px 48px}h1{font-size:1.8rem;margin:0 0 4px}h2{font-size:1.3rem;margin:0 0 8px}h3{font-size:1.35rem;margin:0 0 4px}.sub,.note{color:var(--muted);margin:0;font-size:.9rem}.controls{margin:20px 0;display:grid;gap:16px}.field{display:grid;gap:8px;border:0;padding:0;margin:0;min-width:0}.field>span,legend{font-weight:700;padding:0;margin-bottom:8px}select,input,button{font:inherit}select{width:100%;max-width:640px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--card)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips button{padding:10px 18px;border:1px solid var(--line);border-radius:999px;background:var(--card);cursor:pointer;font-weight:600}.chips button.on{background:var(--accent);border-color:var(--accent);color:#fff}.custom{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}.custom input{width:140px;padding:10px 12px;border:1px solid var(--line);border-radius:10px}.error{color:var(--loss);margin:0;width:100%;font-weight:600}.summary{margin:0;overflow-wrap:anywhere}.empty{padding:24px;background:var(--card);border-radius:12px;text-align:center}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;display:grid;gap:12px;align-content:start;min-width:0}.card.loss{border-color:var(--loss);background:var(--loss-bg)}.toggle{display:flex;align-items:center;gap:8px;font-size:.9rem;cursor:pointer}.toggle input{width:20px;height:20px;margin:0}dl{display:grid;grid-template-columns:1fr auto;gap:6px 12px;margin:0}dt{color:var(--muted)}dt small{font-size:.8em}dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.result{display:grid;gap:2px;border-top:1px solid var(--line);padding-top:12px}.result strong{font-size:1.8rem;color:var(--gain);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.card.loss .result strong{color:var(--loss)}.result span:last-child{color:var(--muted)}.line p{margin:6px 0 0;font-size:.9rem;font-weight:600}.card.loss .line p{color:var(--loss)}.bar{position:relative;height:10px;border-radius:5px;background:linear-gradient(90deg,#cfe9d8,#f6d3d3)}.bar span{position:absolute;top:-4px;width:4px;height:18px;border-radius:2px;transform:translate(-50%)}.be,.key.be{background:var(--loss)}.now,.key.now{background:var(--accent)}.key{display:inline-block;width:4px;height:14px;border-radius:2px;vertical-align:middle}.table-box{margin-top:32px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;min-width:0}.table-box .note{margin-bottom:12px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}th,td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}th:first-child{text-align:left}thead th{color:var(--muted);font-weight:600}td.loss{color:var(--loss);background:var(--loss-bg);font-weight:700}.now-col{font-weight:800;outline:2px solid var(--accent);outline-offset:-2px}.formula{margin-top:32px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px}.formula ul{margin:0 0 12px;padding-left:20px;display:grid;gap:4px}@media(max-width:480px){:root{font-size:17px}h1{font-size:1.5rem}}:root{--warn: #9a5b00;--warn-bg: #fff6e5;--gain-bg: #eaf6ef}.field legend small{font-weight:400}.card.warn{border-color:var(--warn);background:var(--warn-bg)}.card-head{display:grid;gap:8px}.badge{justify-self:start;padding:4px 10px;border-radius:999px;font-size:.85rem;font-weight:700}.badge.ok{color:var(--gain);background:var(--gain-bg)}.badge.warn{color:var(--warn);background:#fdebc8}.badge.loss{color:var(--loss);background:#f9d6d6}.card.ok .result strong{color:var(--text)}.card.warn .result strong{color:var(--warn)}.warn-text{margin:0;color:var(--loss);font-weight:600;font-size:.9rem}.table-box h2+.chips,.table-box>.chips{margin:4px 0 12px}.chips button{font-size:.9rem}table.inputs input{width:110px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;text-align:right}th small{font-weight:400}.chart{margin:16px 0 4px}.chart figcaption{font-weight:700;margin-bottom:8px;font-size:.95rem}.chart-box{position:relative}.chart svg{width:100%;height:auto;display:block;overflow:visible}.chart .grid-line{stroke:var(--line);stroke-width:1}.chart .axis{fill:var(--muted);font-size:12px}.chart .series{fill:none;stroke:var(--accent);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.chart .series.dashed{stroke-dasharray:6 5}.chart .promo-dot{fill:var(--card);stroke:var(--text);stroke-width:2}.chart .today{stroke:var(--muted);stroke-width:1;stroke-dasharray:2 3}.chart .ref{stroke:var(--muted);stroke-width:1.5;stroke-dasharray:4 4}.chart .ref.rop{stroke:var(--loss)}.chart .ref-label{fill:var(--text);font-size:12px;font-weight:600;paint-order:stroke;stroke:var(--card);stroke-width:4px}.chart .crosshair{stroke:var(--text);stroke-width:1;opacity:.4}.tip{position:absolute;top:0;transform:translate(-50%);pointer-events:none;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:6px 10px;display:grid;gap:2px;font-size:.8rem;white-space:nowrap;box-shadow:0 2px 8px #00000014}.formula h2+ul{margin-bottom:16px}