.ratio-header{border-bottom:0;padding-bottom:10px}.ratio-main{padding-top:10px}.ratio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.ratio-panel{min-width:0;padding:24px;border:1px solid color-mix(in srgb,var(--brand) 22%,var(--line));border-radius:17px;background:var(--surface);box-shadow:0 12px 30px #0f172a0d}.ratio-panel--share{grid-column:1 / -1}.ratio-heading{display:flex;align-items:flex-start;gap:10px;margin-bottom:22px}.ratio-heading>span{display:grid;width:29px;height:29px;flex:0 0 29px;place-items:center;border-radius:8px;color:var(--brand);background:var(--brand-soft);font-size:.72rem;font-weight:800}.ratio-heading h2{font-size:1rem;line-height:1.3}.ratio-heading p{margin-top:4px;color:var(--muted);font-size:.79rem;line-height:1.45}.ratio-input-row,.ratio-equation{display:flex;align-items:end;gap:8px}.ratio-input-row label,.ratio-share-inputs label{display:grid;flex:1;gap:7px;color:var(--muted);font-size:.76rem;font-weight:650}.ratio-input-row b,.ratio-equation b,.ratio-equation em{padding-bottom:11px;color:var(--brand);font-size:1.15rem;font-style:normal}.ratio-equation{gap:5px}.ratio-equation input{width:100%;min-width:0}.ratio-output{margin-top:18px;padding:17px;border-radius:12px;background:var(--brand-soft)}.ratio-output span,.ratio-output strong,.ratio-output small{display:block}.ratio-output span,.ratio-output small{color:var(--muted);font-size:.76rem}.ratio-output strong{margin:6px 0;color:var(--brand);font-size:1.55rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.ratio-status{margin-top:13px;color:var(--danger);font-size:.8rem;font-weight:650;line-height:1.45}.ratio-share-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ratio-share-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.ratio-share-results>div{padding:17px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--brand-soft) 54%,var(--surface))}.ratio-share-results span,.ratio-share-results strong,.ratio-share-results small{display:block}.ratio-share-results span,.ratio-share-results small{color:var(--muted);font-size:.76rem}.ratio-share-results strong{margin:7px 0 4px;color:var(--brand);font-size:1.45rem;font-variant-numeric:tabular-nums}.ratio-privacy{margin-top:16px;color:var(--muted);text-align:center;font-size:.78rem}@media (max-width: 880px){.ratio-grid{grid-template-columns:1fr}.ratio-panel--share{grid-column:auto}}@media (max-width: 440px){.ratio-input-row{align-items:center}.ratio-input-row b{padding:18px 0 0}.ratio-share-inputs,.ratio-share-results{grid-template-columns:1fr}}