.freelance-rate-tool{max-width:64rem;margin-inline:auto;min-width:0}.freelance-rate-tool .freelance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.freelance-rate-tool input,.freelance-rate-tool select,.freelance-rate-tool textarea{font-size:1rem;width:100%;min-width:0;max-width:100%}.freelance-rate-tool .tool-ux-field{display:flex;flex-direction:column;gap:.4rem;min-width:0}.freelance-rate-tool dd,.freelance-rate-tool p{overflow-wrap:anywhere}.freelance-rate-tool .freelance-table{overflow:auto;max-width:100%}.freelance-rate-tool table{width:100%;border-collapse:collapse}.freelance-rate-tool th,.freelance-rate-tool td{padding:.6rem;text-align:start;border-bottom:1px solid #94a3b8}.freelance-rate-tool button{min-height:44px}.freelance-rate-tool .tool-ux-actions{display:flex;flex-wrap:wrap;gap:.6rem}.freelance-rate-tool :focus-visible{outline:3px solid #0e7490;outline-offset:3px}@media (max-width:480px){.freelance-rate-tool .freelance-grid{grid-template-columns:minmax(0,1fr)}}.profit-margin-tool{max-width:64rem;margin-inline:auto;overflow-wrap:anywhere}.profit-margin-tool .business-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1rem}.profit-margin-tool input,.profit-margin-tool select,.profit-margin-tool textarea{width:100%;min-width:0;font-size:16px}.profit-margin-tool dd{font-size:1.5rem;font-weight:700;margin:0}.profit-margin-tool .business-table{max-width:100%;overflow:auto}.profit-margin-tool table{width:100%;border-collapse:collapse}.profit-margin-tool th,.profit-margin-tool td{text-align:start;padding:.65rem;border-bottom:1px solid #94a3b8}.profit-margin-tool .business-chart{display:flex;height:13rem;gap:.4rem;align-items:end;padding-bottom:2rem}.profit-margin-tool .business-bar{display:flex;flex-direction:column;justify-content:end;position:relative;height:100%;flex:1;min-width:0}.profit-margin-tool .business-bar span{min-height:1px;display:block}.profit-margin-tool .business-bar small{position:absolute;top:100%;font-size:.7rem}.profit-margin-tool .business-loss{background:#dc2626}.profit-margin-tool .business-gain{background:#15803d}.break-even-tool{max-width:64rem;margin-inline:auto;overflow-wrap:anywhere}.break-even-tool .business-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1rem}.break-even-tool input,.break-even-tool select,.break-even-tool textarea{width:100%;min-width:0;font-size:16px}.break-even-tool dd{font-size:1.5rem;font-weight:700;margin:0}.break-even-tool .business-table{max-width:100%;overflow:auto}.break-even-tool table{width:100%;border-collapse:collapse}.break-even-tool th,.break-even-tool td{text-align:start;padding:.65rem;border-bottom:1px solid #94a3b8}.break-even-tool .business-chart{display:flex;height:13rem;gap:.4rem;align-items:end;padding-bottom:2rem}.break-even-tool .business-bar{display:flex;flex-direction:column;justify-content:end;position:relative;height:100%;flex:1;min-width:0}.break-even-tool .business-bar span{min-height:1px;display:block}.break-even-tool .business-bar small{position:absolute;top:100%;font-size:.7rem}.break-even-tool .business-loss{background:#dc2626}.break-even-tool .business-gain{background:#15803d}.math-six-tool{min-width:0;font-size:1rem;line-height:1.6;overflow-wrap:anywhere}.math-six-tool *,.math-six-tool *:before,.math-six-tool *:after{box-sizing:border-box}.math-six-tool :is(input,select,textarea){min-width:0;max-width:100%;font:inherit}.math-six-tool :is(button,a.tool-ux-action,select,input:not([type=checkbox]):not([type=radio])){min-height:44px}.math-six-tool :is(button,a.tool-ux-action){white-space:normal;overflow-wrap:anywhere}.math-six-tool :is(button,input,select,textarea,a):focus-visible{outline:3px solid #7c3aed;outline-offset:3px}.dark .math-six-tool :is(button,input,select,textarea,a):focus-visible{outline-color:#c4b5fd}.math-six-tool :is(small,.text-xs,.text-sm){font-size:.875rem;line-height:1.5}.math-six-tool :is(.grid,.flex)>*{min-width:0}.math-six-tool textarea{width:100%;resize:vertical}.math-six-tool summary{min-height:44px;padding-block:.6rem;cursor:pointer}@media (max-width: 639px){.math-six-tool .tool-ux-actions{flex-wrap:wrap}.math-six-tool :is(.grid-cols-2,.grid-cols-3,.grid-cols-4){grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion: reduce){.math-six-tool *,.math-six-tool *:before,.math-six-tool *:after{scroll-behavior:auto;animation:none;transition:none}}.percentage-tool button[aria-pressed=true]{border-width:3px;border-color:#1d4ed8;font-weight:700}.dark .percentage-tool button[aria-pressed=true]{border-color:#93c5fd}.percentage-tool textarea{overflow-wrap:anywhere;white-space:pre-wrap}.aid-workspace{min-width:0;max-width:100%;font-size:1rem;line-height:1.6;overflow-wrap:anywhere}.aid-workspace :is(input,select,button){font-size:1rem;min-height:44px;max-width:100%}.aid-workspace :is(input,select){min-width:0}.aid-workspace :is(p,label,span,h2,h3,h4){overflow-wrap:anywhere}.aid-workspace .text-xs{font-size:.875rem}.aid-workspace .text-sm{font-size:1rem}.aid-workspace .flex.justify-between{gap:.75rem;flex-wrap:wrap}.aid-workspace :is(.text-5xl,.text-4xl){font-size:clamp(1.5rem,4vw,2.5rem)}.aid-workspace [role=region]{max-width:100%}.aid-workspace :focus-visible{outline:3px solid #2563eb;outline-offset:3px}.aid-notes{margin:1rem 0 1.5rem;max-width:72ch}.aid-notes p{margin:.75rem 0}.aid-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1rem;margin:1rem 0}.aid-controls label{display:flex;flex-direction:column;gap:.4rem}.aid-controls input:not([type=checkbox]),.aid-controls select{width:100%;border:1px solid #9ca3af;border-radius:.5rem;padding:.65rem;background:transparent;color:inherit}.aid-status{padding:.75rem;border:1px solid currentColor;border-radius:.5rem;margin-bottom:1rem}@media (max-width: 640px){.aid-workspace,.aid-workspace .p-8,.aid-workspace .p-6{padding:1rem}.aid-workspace .grid-cols-2{grid-template-columns:1fr}}.payroll-workspace{font-size:1rem;line-height:1.6;overflow-wrap:anywhere}.payroll-workspace .text-xs,.payroll-workspace .text-sm{font-size:1rem}.payroll-workspace input,.payroll-workspace select,.payroll-workspace button,.payroll-workspace summary{min-height:44px;font-size:1rem;max-width:100%}.payroll-workspace label{display:block}.payroll-workspace label.flex{display:flex}.payroll-workspace input[type=checkbox]{min-height:24px;min-width:24px}.payroll-workspace :is(input,select,button,summary):focus-visible{outline:3px solid #2563eb;outline-offset:3px}.payroll-workspace .flex.justify-between{flex-wrap:wrap;gap:.5rem}.payroll-workspace .text-4xl{font-size:clamp(1.5rem,5vw,2.25rem)}.payroll-workspace .grid>*{min-width:0}@media (prefers-reduced-motion:reduce){.payroll-workspace *{transition:none!important;animation:none!important}}.time-workspace{min-width:0;font-size:1rem}.time-workspace .time-purpose{max-width:72ch;margin:0 auto 1rem;line-height:1.6}.time-workspace button,.time-workspace input,.time-workspace select,.time-workspace textarea{font-size:1rem;min-height:44px;max-width:100%}.time-workspace button{min-width:44px;white-space:normal}.time-workspace :is(button,input,select,textarea):focus-visible{outline:3px solid #2563eb;outline-offset:3px}.time-workspace p,.time-workspace label{overflow-wrap:anywhere}.time-workspace [class*=text-xs],.time-workspace [class*=text-sm]{font-size:.875rem}.time-workspace [x-text=formattedTime],.time-workspace [x-text=timeString],.time-workspace [x-text="formatTime()"]{font-size:clamp(2rem,7vw,6rem);overflow-wrap:anywhere}.time-workspace [x-text=displayTime]{font-size:clamp(1.75rem,7vw,5rem)}.time-workspace [x-text="getTimeString()"]{font-size:1rem}.time-workspace .flex{flex-wrap:wrap}.time-workspace textarea{min-height:7rem}.time-workspace .time-analog-frame{width:min(100%,320px);aspect-ratio:1;flex:none}.time-workspace .time-analog-frame>svg{display:block;width:100%;height:100%}.time-clock .flex.flex-col,.time-workspace .timer-display.flex-col{flex-wrap:nowrap}.time-clock .clock-content,.time-workspace .timer-display{min-width:0;height:auto;aspect-ratio:auto}.time-clock .clock-content{padding:clamp(1rem,3vw,3rem)}.time-clock .clock-content>*,.time-clock .clock-alarm>*{min-width:0;max-width:100%}.time-clock .clock-face-row{width:100%}.time-clock .clock-digital{min-width:0;max-width:100%;padding:clamp(.75rem,3vw,4rem)}.time-clock .clock-digital [x-text]{overflow-wrap:anywhere;text-align:center}.time-clock .clock-format-controls>span{flex-basis:100%;text-align:center}.time-clock .clock-alarm :is(input,button),.time-clock .clock-alarm .flex>div{min-width:0;max-width:100%}.time-workspace .timer-display{padding:clamp(1rem,3vw,4rem)}.time-workspace .timer-circle{display:grid;place-items:center;width:min(100%,28rem);max-width:100%;margin-inline:auto}.time-workspace .timer-circle>svg{max-width:100%;height:auto}.time-workspace .timer-circle>.flex:not(.absolute){width:100%;height:auto;min-height:12rem}.time-workspace .timer-circle>.absolute{width:100%;min-width:0}.time-workspace .timer-circle [x-text=displayTime]{max-width:100%;overflow-wrap:anywhere}.time-workspace .timer-digit-groups{width:100%;justify-content:center}.time-workspace .timer-digit-part{display:inline-flex;white-space:nowrap}.time-workspace .timer-input{width:100%;min-width:0;margin-inline:auto;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,6rem),1fr))}.time-workspace .timer-input>div,.time-workspace .timer-input input{min-width:0}.time-workspace .timer-input input{padding:.75rem .5rem}.time-workspace .timer-controls{min-width:0;max-width:100%}.time-workspace .timer-theme-selector>.flex{gap:.75rem}.time-workspace .theme-selector{grid-template-columns:repeat(auto-fit,minmax(min(100%,6rem),1fr))}.time-workspace .theme-option{min-width:0}.time-workspace .theme-option .name{font-size:.875rem;overflow-wrap:anywhere}.time-workspace .animation-toggle{flex-wrap:wrap;max-width:100%}.time-workspace .animation-toggle .toggle-switch{flex:none}@media (prefers-reduced-motion:reduce){.time-workspace *,.time-workspace *:before,.time-workspace *:after{animation:none!important;transition:none!important}}.unit02-workspace{max-width:64rem;margin:1rem auto;padding:1rem;border:1px solid #9ca3af;border-radius:1rem;display:grid;gap:.75rem;min-width:0}.unit02-workspace input,.unit02-workspace select,.unit02-workspace textarea{font-size:1rem;line-height:1.5;min-height:44px;min-width:0;max-width:100%;width:100%;padding:.5rem .625rem;border:1px solid #6b7280;border-radius:.5rem;background:transparent;color:inherit}.unit02-workspace textarea{min-height:7rem;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;resize:vertical}.unit02-workspace [data-unit02-input],.unit02-workspace #unit02-input{min-height:5rem}.unit02-workspace #unit02-summary{min-height:8rem}.unit02-workspace .unit02-check{display:flex;align-items:center;gap:.625rem;min-height:44px;grid-column:1/-1}.unit02-workspace input[type=checkbox]{width:1.25rem;height:1.25rem;min-height:1.25rem;flex:none;padding:0}.unit02-workspace input[type=color]{width:88px;height:48px}.unit02-workspace button{min-height:44px;min-width:44px;padding:.5rem .75rem;border:1px solid #6b7280;border-radius:.5rem;white-space:normal;overflow-wrap:anywhere}.unit02-workspace button[aria-pressed=true]{border-width:3px;font-weight:700}.unit02-workspace button:disabled{opacity:.55}.unit02-workspace :focus-visible{outline:3px solid #2563eb;outline-offset:3px}.unit02-workspace p,.unit02-workspace label,.unit02-workspace li{overflow-wrap:anywhere}.unit02-workspace p,.unit02-workspace small{font-size:.875rem;line-height:1.5}.unit02-workspace p{margin:.375rem 0}.unit02-workspace p:empty{display:none}.unit02-workspace label{display:block;font-size:.875rem;line-height:1.5}.unit02-workspace fieldset{min-width:0;margin:.625rem 0}.unit02-workspace legend{font-weight:600;font-size:.875rem}.unit02-workspace .unit02-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.unit02-workspace .unit02-field{display:grid;align-content:start;gap:.25rem;min-width:0}.unit02-workspace .unit02-pair{display:grid;gap:1rem;align-items:start;min-width:0}.unit02-workspace .unit02-input-panel,.unit02-workspace .unit02-result-panel{min-width:0}.unit02-workspace .unit02-actions,.unit02-workspace .unit02-counts,.unit02-workspace .unit02-row-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem}.unit02-workspace .unit02-input-panel>.unit02-actions{margin-top:.5rem}.unit02-workspace .unit02-results{display:grid;gap:.625rem;margin:0;padding:0;list-style:none}.unit02-workspace .unit02-results li{display:flex;flex-wrap:wrap;gap:.25rem .5rem;border-bottom:1px solid #9ca3af;padding-bottom:.625rem;align-items:center;min-width:0}.unit02-workspace .unit02-results li>label{flex-basis:100%;font-weight:600}.unit02-workspace .unit02-results li>input{flex:1 1 12rem;min-width:min(100%,12rem);width:0}.unit02-workspace .unit02-results li>.unit02-row-actions,.unit02-workspace .unit02-results li>button{flex:0 1 auto;max-width:100%;margin-inline-start:auto}.unit02-workspace .unit02-results li>.unit02-row-actions button{max-width:100%}.unit02-workspace .unit02-results li>.unit02-rounding{flex-basis:100%;order:1}.unit02-workspace .unit02-row-actions{justify-content:flex-end}.unit02-workspace .unit02-row-actions button{padding:.375rem .5rem;font-size:.875rem}.unit02-workspace .unit02-unit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.375rem;margin-top:.75rem}.unit02-workspace .unit02-unit-grid button{display:grid;gap:.125rem;text-align:start}.unit02-workspace .unit02-scroll{max-width:100%;overflow:auto}.unit02-workspace table{border-collapse:collapse;width:100%;font-size:.875rem}.unit02-workspace th,.unit02-workspace td{padding:.75rem;border:1px solid #9ca3af;white-space:nowrap}.unit02-workspace .unit02-color-preview{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.unit02-workspace .unit02-swatch{height:3rem;width:5rem;border:1px solid currentColor;border-radius:.5rem}.unit02-workspace .unit02-preview-value{font-size:1.125rem;font-weight:600}.unit02-workspace .unit02-channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.375rem}.unit02-workspace .unit02-channel{min-width:0}.unit02-workspace .unit02-bar{height:.75rem;background:#d1d5db;border-radius:.5rem}.unit02-workspace .unit02-bar span{display:block;height:100%;background:#6d28d9;border-radius:.5rem}.dark .unit02-workspace :focus-visible{outline-color:#93c5fd}@media (min-width:900px){.unit02-workspace .unit02-pair{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:1.25rem}.unit02-workspace .unit02-input-panel{position:sticky;top:1rem}.unit02-workspace .unit02-unit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:359px){.unit02-workspace{padding:.75rem}}.unit02-workspace .unit02-channels:has(>.unit02-channel:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}.arithmetic-workspace{min-width:0;width:100%;font-size:1rem;line-height:1.5}.arithmetic-workspace button,.arithmetic-workspace select,.arithmetic-workspace input{min-height:44px}.arithmetic-workspace button{min-width:0;overflow-wrap:anywhere}.arithmetic-workspace :focus-visible{outline:3px solid #2563eb;outline-offset:3px}.arithmetic-purpose,.arithmetic-contract{margin-bottom:1rem;opacity:1}.arithmetic-label{display:block;margin:.75rem 0;font-weight:600}.arithmetic-input{display:block;width:100%;min-width:0;padding:.65rem;border:1px solid #64748b;border-radius:.5rem;background:#fff;color:#111827;font-size:1rem;line-height:1.5;overflow-wrap:anywhere}.dark .arithmetic-input{background:#111827;color:#f9fafb}.arithmetic-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.arithmetic-actions button{padding:.5rem .75rem;background:#1d4ed8;color:#fff;border-radius:.5rem}.arithmetic-actions button:disabled{opacity:.55}.arithmetic-error{color:#b91c1c;background:#fff;font-weight:600}.dark .arithmetic-error{color:#fca5a5;background:#111827}.arithmetic-workspace [x-text]{overflow-wrap:anywhere}.arithmetic-workspace input.w-20{max-width:100%}@media (max-width:375px){.arithmetic-workspace{padding:.75rem}.arithmetic-workspace .grid-cols-5{gap:.25rem}.arithmetic-workspace .grid-cols-5 button{padding:.35rem;font-size:.8rem}}@media (prefers-reduced-motion:reduce){.arithmetic-workspace *{transition:none!important;transform:none!important}}.arithmetic-workspace .flex>*{min-width:0;max-width:100%}.arithmetic-method{margin:.75rem 0}.arithmetic-method summary{min-height:44px;padding:.5rem;cursor:pointer;font-weight:600}.arithmetic-method p{margin:.75rem 0}[data-dates-tool]{min-width:0;overflow-wrap:anywhere}[data-dates-tool] input,[data-dates-tool] select,[data-dates-tool] textarea{font-size:1rem;min-width:0;max-width:100%;min-height:44px}[data-dates-tool] button,[data-dates-tool] summary{min-height:44px}[data-dates-tool] :is(input,select,textarea,button,summary):focus-visible{outline:3px solid #2563eb;outline-offset:3px}[data-dates-tool] .text-xs{font-size:.875rem;line-height:1.5}[data-dates-tool] textarea{resize:vertical}@media (max-width:390px){[data-dates-tool] .grid-cols-2{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){[data-dates-tool] *{transition:none!important;animation:none!important}}.math3-tool{min-width:0;font-size:1rem;line-height:1.5;overflow-wrap:anywhere}.math3-tool input,.math3-tool select,.math3-tool textarea{font-size:1rem;max-width:100%;min-width:0;min-height:44px}.math3-tool button,.math3-tool summary{font-size:1rem;min-height:44px}.math3-tool button{min-width:44px;white-space:normal}.math3-tool button:disabled{opacity:.5;cursor:not-allowed}.math3-tool :focus-visible{outline:3px solid #2563eb;outline-offset:3px}.math3-tool .math3-scroll{max-width:100%;overflow-x:auto}.math3-tool .math3-scroll table{min-width:32rem}.math3-tool [role=status],.math3-tool [role=alert]{overflow-wrap:anywhere}@media (max-width:640px){.math3-tool .grid{grid-template-columns:minmax(0,1fr)}.math3-tool .flex>input{width:100%}}@media (prefers-reduced-motion:reduce){.math3-tool *{scroll-behavior:auto;transition:none}}@media (max-width:767px){.math3-tool .math3-grade-headers{display:none}.math3-tool .math3-grade-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.math3-tool .math3-grade-row>*{grid-column:1 / -1;min-width:0}.math3-tool .math3-grade-row input{width:100%}.math3-tool .math3-grade-row .math3-field-label{display:block;font-size:1rem;line-height:1.5;white-space:normal}.math3-tool .math3-grade-row>.math3-grade-percent,.math3-tool .math3-grade-row>.math3-grade-remove{grid-column:auto;align-self:center}}