/** * Fraction Calculator - Custom Styles * Atualizado em 09/jan/2026 */ .fraction-calculator-layout{display:flex;flex-direction:row !important;flex-wrap:nowrap !important;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem;background:#f8f9fa;border-radius:8px;margin-bottom:1rem;min-height:140px}.fraction-column{display:flex;flex-direction:column;align-items:center;gap:0.5rem;flex:1;min-width:0}.operation-column{flex:0 0 auto;min-width:80px}.fraction-label{font-size:0.9rem;font-weight:600;color:#616161;text-align:center;min-height:1.4em;display:flex;align-items:center}.fraction-input-group{display:flex;flex-direction:column;align-items:center;gap:0;width:100%;max-width:120px}.fraction-numerator, .fraction-denominator{width:100%;max-width:120px;min-width:60px;text-align:center;font-size:1.1rem;padding:0.6rem 0.5rem}.fraction-numerator{border-bottom:none;border-radius:6px 6px 0 0}.fraction-denominator{border-top:none;border-radius:0 0 6px 6px}.fraction-line{width:100%;max-width:120px;height:3px;background:#424242;margin:0}.operation-select select{font-size:1.6rem;font-weight:bold;min-width:70px;padding:0.5rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.validation-error{background-color:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:0.75rem 1rem;margin-bottom:1rem;border-radius:6px;display:none}.result-operation, .result-equals{font-size:1.3em;font-weight:bold;color:#1976d2;margin:0 0.3em}.verbose h3{color:#1976d2;margin-top:1.5rem;margin-bottom:1rem}.verbose .fraction{font-size:1.15em;padding:0 0.25em;color:#1565c0;font-weight:500}.verbose .or{color:#616161;font-style:italic;margin:0 0.5em}@media (max-width:768px){.fraction-calculator-layout{gap:0.75rem;padding:1rem 0.75rem}.fraction-input-group{max-width:100px}.fraction-numerator, .fraction-denominator{max-width:100px;font-size:1rem;padding:0.5rem 0.4rem}.fraction-line{max-width:100px}.operation-select select{font-size:1.4rem;min-width:60px}}@media (max-width:480px){.fraction-calculator-layout{gap:0.5rem;padding:0.75rem 0.5rem}.fraction-label{font-size:0.8rem}.fraction-input-group{max-width:80px}.fraction-numerator, .fraction-denominator{max-width:80px;min-width:50px;font-size:0.95rem;padding:0.45rem 0.3rem}.fraction-line{max-width:80px}.operation-column{min-width:60px}.operation-select select{font-size:1.2rem;min-width:50px}}[data-theme="dark"] .fraction-calculator-layout{background:#1e1e1e;border:1px solid #424242}@media (prefers-color-scheme:dark){html:not([data-theme="light"]) .fraction-calculator-layout{background:#1e1e1e;border:1px solid #424242}}[data-theme="dark"] .fraction-label{color:#90caf9}@media (prefers-color-scheme:dark){html:not([data-theme="light"]) .fraction-label{color:#90caf9}}[data-theme="dark"] .fraction-line{background:#64b5f6}@media (prefers-color-scheme:dark){html:not([data-theme="light"]) .fraction-line{background:#64b5f6}}[data-theme="dark"] .verbose .fraction{color:#64b5f6}@media (prefers-color-scheme:dark){html:not([data-theme="light"]) .verbose .fraction{color:#64b5f6}}