.fraction-main{max-width:1020px}.fraction-tool{padding:26px;border:1px solid var(--line);border-radius:14px;background:#fff;margin-bottom:36px}.fraction-tool h2{font-size:24px}.fraction-intro,.fraction-tool .hint{font-size:13px;line-height:1.7;color:var(--muted)}.fraction-component{border:1px solid var(--line);border-radius:10px;padding:17px;margin:20px 0;min-width:0}.fraction-component legend{font-size:14px;font-weight:700;padding:0 7px}.fraction-fields{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 80px auto;gap:12px;align-items:end}.fraction-fields>div{min-width:0}.fraction-fields label{font-size:13px;margin-bottom:7px}.fraction-fields input,.fraction-fields select{font-size:16px;width:100%;min-width:0}.fraction-fields button{font-size:12px;min-height:48px}.fraction-confirm{display:flex;align-items:flex-start;gap:11px;font-size:14px!important;line-height:1.6;margin:23px 0!important}.fraction-confirm input{flex:none;width:18px;height:18px;margin-top:3px;accent-color:var(--purple)}.fraction-actions{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.fraction-actions button{font-size:14px}.fraction-actions button:first-child{background:var(--ink);color:#fff}.fraction-empty{background:var(--purple-pale);border-radius:9px;padding:19px;font-size:14px}.fraction-result{border-top:1px solid var(--line);padding-top:25px}.fraction-caption{font-size:12px;letter-spacing:1px;color:var(--muted)}.fraction-total{font-size:21px;font-weight:700;overflow-wrap:anywhere}.fraction-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.fraction-card{min-width:0;padding:20px;border-radius:10px;background:var(--purple-pale);overflow-wrap:anywhere}.fraction-card h3{font-size:20px;margin:0}.fraction-card .fraction-number{font-size:38px;margin:12px 0 5px;font-weight:700;color:var(--purple)}.fraction-card>p{font-size:13px}.fraction-card .fraction-working{font-size:12px;line-height:1.8;margin:16px 0 0}.fraction-copy-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.fraction-copy-row button{font-size:13px}.fraction-copy-row span{font-size:12px}.fraction-plain{margin-top:20px}.fraction-plain summary{cursor:pointer;font-size:13px}.fraction-plain textarea{width:100%;min-height:170px;font-size:13px;margin-top:12px}.fraction-main .info-copy{max-width:780px;margin:auto}.fraction-main .info-copy li{margin:10px 0}.fraction-formula{padding:20px;border-left:3px solid var(--purple);background:var(--purple-pale);line-height:1.8}.fraction-sources{font-size:13px;border-top:1px solid var(--line);padding-top:24px;margin-top:34px}.fraction-sources h2{font-size:20px}@media(max-width:680px){.fraction-tool{padding:19px}.fraction-main .info-heading h1{font-size:35px}.fraction-component{padding:14px}.fraction-fields{grid-template-columns:minmax(0,1fr) 85px;gap:11px}.component-formula{grid-column:1/-1}.fraction-remove{grid-column:1/-1;justify-self:start}.fraction-cards{grid-template-columns:1fr}.fraction-actions button{flex:1}.fraction-actions button:first-child{flex-basis:100%}}@media print{.fraction-tool form,.fraction-empty,.fraction-copy-row,.fraction-plain{display:none}.fraction-tool{border:0;padding:0}.fraction-card{break-inside:avoid}.fraction-result{border:0}}