:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#1f2933;background:#f5f6f8;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;background:#f5f6f8;color:#1f2933}body.app-theme-light{background:#f5f6f8;color:#1f2933}body.app-theme-dark{background:#0f141a;color:#e6ebf2}#root{min-height:100vh}.app-shell{max-width:1120px;margin:0 auto;padding:1.5rem}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #d8dde3}.header-actions{display:inline-flex;gap:.55rem;align-items:center}.app-header h1{margin:0;font-size:clamp(1.35rem,2.1vw,1.85rem);letter-spacing:.01em}.app-subtitle{margin:.25rem 0 0;color:#52606d;font-size:.95rem}.layoutRows{display:grid;gap:16px}.mainGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.column-stack{display:grid;gap:16px;align-content:start}.topChartsGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{background:#fff;border:1px solid #d8dde3;border-radius:10px;padding:1rem}.trade-card-wrap .panel,.snapshot-card{min-height:440px}.panel h2{margin:0 0 .5rem;font-size:1rem}.panel p{margin:.15rem 0;color:#52606d}.other-metrics-title{margin:.6rem 0 .35rem;font-size:.95rem}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-bottom:.6rem}.mode-btn,.primary-btn,.secondary-btn{border:1px solid #c2c9d2;border-radius:8px;background:#f8fafc;color:#1f2933;font:inherit;cursor:pointer}.mode-btn{padding:.5rem .6rem;text-align:left}.trade-mode-btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:40px;color:#fff;border:none}.trade-mode-btn.buy-mode{background:#1f9d55}.trade-mode-btn.sell-mode{background:#d14343}.trade-mode-btn.buy-mode.is-active{background:#167741;box-shadow:inset 0 0 0 2px #0f5a30}.trade-mode-btn.sell-mode.is-active{background:#ad3030;box-shadow:inset 0 0 0 2px #7d2020}.mode-btn.is-active{background:#e8edf5;border-color:#9da8b7}.trade-mode-btn.buy-mode.is-active{background:#167741;border-color:#0f5a30}.trade-mode-btn.sell-mode.is-active{background:#ad3030;border-color:#7d2020}.trade-form{display:grid;gap:.3rem}.trade-form input[type=number]{border:1px solid #c2c9d2;border-radius:8px;padding:.55rem .65rem;font:inherit}.trade-form input[type=range]{width:100%}.quick-size-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem}.primary-btn,.secondary-btn{padding:.5rem .75rem}.primary-btn{background:#1f2933;color:#fff;border-color:#1f2933}.primary-btn:disabled{background:#b7c0cb;border-color:#b7c0cb;cursor:not-allowed}.preview-box{margin-top:.65rem;border-top:1px solid #e2e7ed;padding-top:.5rem}.preview-box h3{margin:0 0 .45rem;font-size:.95rem}.formula-panel{margin-top:.9rem}.formula-grid{margin-top:.7rem;border-top:1px solid #e2e7ed;padding-top:.6rem}.formula-row{display:grid;gap:.25rem;padding:.35rem 0}.matrix-panel{background:#0a0f0b;border:1px solid #1f3d29;border-radius:10px;padding:.7rem;color:#aef8c0;font-family:Consolas,Courier New,monospace;overflow-x:hidden}.matrix-toolbar{display:flex;justify-content:flex-end;margin-bottom:.55rem}.segmented-toggle{display:inline-grid;grid-template-columns:1fr 1fr;border:1px solid #2a5134;border-radius:8px;overflow:hidden;background:#0e1a12}.segment-btn{border:none;background:transparent;color:#abf1bb;font:inherit;font-size:.8rem;padding:.28rem .7rem;cursor:pointer}.segment-btn.is-active{background:#173021;color:#d2ffe0;font-weight:700}.segment-btn:focus-visible{outline:2px solid #61d887;outline-offset:-2px}.matrix-row{grid-template-columns:minmax(180px,.9fr) minmax(220px,1fr) minmax(320px,1.7fr) minmax(140px,.8fr);gap:.6rem;border-bottom:1px solid #173021;padding:.32rem .2rem;align-items:start}.matrix-row:last-child{border-bottom:none}.compact-row{grid-template-columns:minmax(180px,.9fr) minmax(280px,1.6fr)}.matrix-head{color:#c4ffd3;font-weight:700;text-transform:uppercase;font-size:.76rem;letter-spacing:.03em;position:sticky;top:0;background:#0a0f0b;z-index:2}.compact-head{grid-template-columns:minmax(180px,.9fr) minmax(280px,1.6fr)}.formula-col{margin:0;min-width:0;overflow-wrap:anywhere;word-break:break-word}.formula-text{color:#a3efb5}.formula-label{color:#84e3a0;font-weight:700;display:inline-flex;align-items:center;gap:.3rem}.formula-tip{color:#a3efb5}.formula-substitution{color:#95edac;white-space:pre-wrap}.formula-result{color:#d2ffe0;font-weight:700;text-align:right;white-space:pre-wrap}.compact-formula{white-space:pre-wrap}.metric-grid{display:grid;gap:.25rem}.metric-label{display:inline-flex;align-items:center;gap:.3rem}.tooltip-trigger{position:relative;border:none;background:transparent;color:#52606d;font:inherit;padding:0;line-height:1;cursor:help}.tooltip-trigger:focus-visible{outline:2px solid #1f2933;outline-offset:2px;border-radius:2px}.tooltip-bubble{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);width:280px;max-width:min(88vw,320px);padding:.45rem .55rem;border-radius:6px;background:#1f2933;color:#f8fafc;font-size:.78rem;line-height:1.35;text-align:left;opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:20}.tooltip-trigger:hover .tooltip-bubble,.tooltip-trigger:focus .tooltip-bubble,.tooltip-trigger:focus-visible .tooltip-bubble{opacity:1}.pool-card h2{margin-bottom:.6rem}.chart-wrap{height:260px;margin-top:.6rem}.snapshot-chart-wrap{height:340px;margin-top:.4rem}.theme-dark{color:#e6ebf2}.theme-dark .app-header{border-bottom-color:#2d3746}.theme-dark .app-subtitle,.theme-dark .panel p,.theme-dark .other-metrics-title{color:#c4ccd8}.theme-dark .panel{background:#171d26;border-color:#2d3746}.theme-dark .mode-btn,.theme-dark .primary-btn,.theme-dark .secondary-btn,.theme-dark .trade-form input[type=number]{background:#202938;color:#e6ebf2;border-color:#3a475a}.theme-dark .trade-mode-btn.buy-mode{background:#1f9d55}.theme-dark .trade-mode-btn.sell-mode{background:#d14343}.theme-dark .trade-mode-btn.buy-mode.is-active{background:#167741;border-color:#0f5a30}.theme-dark .trade-mode-btn.sell-mode.is-active{background:#ad3030;border-color:#7d2020}.theme-dark .preview-box{border-top-color:#2d3746}.theme-dark .tooltip-trigger{color:#c4ccd8}.theme-dark .chart-wrap,.theme-dark .snapshot-chart-wrap{background:#fff;border-radius:8px;padding:.35rem}.preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}@media(min-width:900px){.bottomFormulaRow{width:100%}}@media(max-width:900px){.topChartsGrid,.mainGrid{grid-template-columns:1fr}.app-header{align-items:flex-start;flex-direction:column}.matrix-row{grid-template-columns:1fr 1fr;grid-template-areas:"label result" "formula formula" "substitution substitution";gap:.22rem .55rem;padding:.28rem .18rem}.compact-row{grid-template-columns:1fr 1fr;grid-template-areas:"label formula"}.matrix-head{display:none}.formula-label{grid-area:label}.formula-text{grid-area:formula}.formula-substitution{grid-area:substitution}.formula-result{grid-area:result;text-align:right}}
