.tu-tool{max-width:68rem;color:var(--color-base-content);margin:0 auto}.tu-card{--tu-action-width:min(256px,calc(100cqi - 34px));border:1px solid var(--color-base-300);border-top:4px solid var(--color-primary);border-radius:var(--radius-box);background:var(--color-base-100);box-shadow:none;margin-top:1.5rem;padding:24px;container-type:inline-size}.tu-heading{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) 128px;align-items:start;gap:12px;display:grid}.tu-heading>div:first-child{grid-area:2/1;min-width:0}.tu-heading h2,.tu-result h3{margin:0;font-size:1.25rem;font-weight:600;line-height:1.75rem}.tu-heading p{margin:.3rem 0 0;line-height:1.55}.tu-kicker,.tu-field label,.tu-notation label{font-size:14px;font-weight:600;line-height:20px}.tu-kicker{letter-spacing:.08em}.tu-privacy{color:color-mix(in oklab,var(--color-base-content) 68%,transparent);text-align:end;white-space:nowrap;font-size:12px;font-weight:400;line-height:18px}.tu-heading-actions{display:contents}.tu-heading-actions .tu-privacy{white-space:nowrap;grid-area:1/1/auto/-1;justify-self:end;margin:0}.tu-heading-actions .btn{box-sizing:border-box;border:1px solid var(--color-base-300);border-radius:var(--radius-field);background:var(--color-base-100);width:128px;min-width:128px;max-width:128px;height:44px;min-height:44px;color:var(--color-base-content);box-shadow:none;grid-area:2/2;justify-self:end;font-size:14px;font-weight:600;line-height:20px}.tu-conversion-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:12px;margin-top:20px;display:grid}.tu-field{gap:8px;min-width:0;display:grid}.tu-field small,.tu-error,.tu-result p{font-size:14px;font-weight:400;line-height:20px}.tu-value-unit{grid-template-columns:minmax(0,1fr) minmax(10rem,auto);display:grid}.tu-value-unit>*,.tu-notation input{box-sizing:border-box;border-radius:var(--radius-field);width:100%;height:44px;min-height:44px;font-family:inherit;font-size:16px;font-weight:400;line-height:24px}.tu-value-unit>:first-child{border-start-end-radius:0;border-end-end-radius:0}.tu-value-unit>:last-child{border-inline-start-width:0;border-start-start-radius:0;border-end-start-radius:0}.tu-inline-result{border:1px solid color-mix(in oklab,var(--color-primary) 40%,var(--color-base-300));background:color-mix(in oklab,var(--color-primary) 16%,var(--color-base-100));overflow-wrap:anywhere;align-items:center;min-width:0;padding:0 12px;display:flex}.tu-swap{width:44px;height:44px;min-height:44px;margin-top:28px}.tu-input-actions{justify-content:center;width:100%;margin-top:20px;display:flex}.tu-input-actions .btn,.tu-result-copy .btn,.tu-notation-grid .btn{box-sizing:border-box;width:var(--tu-action-width);border-radius:var(--radius-field);background:var(--color-primary);min-width:0;max-width:256px;height:44px;min-height:44px;color:var(--color-primary-content);box-shadow:none;white-space:normal;justify-self:center;padding-inline:16px;font-size:14px;font-weight:600;line-height:20px}.tu-error{color:var(--color-error);margin:12px 0 0}.tu-result{border:1px solid color-mix(in oklab,var(--color-primary) 40%,var(--color-base-300));border-top:4px solid var(--color-primary);border-radius:var(--radius-box);background:color-mix(in oklab,var(--color-primary) 10%,var(--color-base-100));box-shadow:none;margin-top:24px;padding:24px}.tu-result-head{display:block}.tu-result output{border:1px solid color-mix(in oklab,var(--color-primary) 40%,var(--color-base-300));border-radius:var(--radius-box);background:color-mix(in oklab,var(--color-primary) 16%,var(--color-base-100));font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-top:20px;padding:16px;font-size:2rem;font-weight:600;line-height:2.5rem;display:block}.tu-result-copy{justify-content:center;margin-top:20px;display:flex}.tu-result p{text-align:center;min-height:20px;margin:8px 0 0}.tu-notation-grid{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:24px;margin-top:20px;display:grid}.tu-hms-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.tu-hms-fields label,.tu-decimal-field label{gap:8px;min-width:0;display:grid}.tu-hms-fields .btn{grid-column:1/-1}.tu-decimal-field{grid-template-rows:auto 44px;gap:12px;display:grid}.tu-guide{border-top:1px solid var(--color-base-300);text-align:start;width:100%;max-width:48rem;margin:3.5rem auto 0;padding-top:1.5rem}.tu-guide h2{margin:2rem 0 .75rem;font-size:1.5rem;font-weight:600}.tu-guide h2:first-child{margin-top:0}.tu-guide h3{margin:0 0 .5rem;font-size:1.125rem}.tu-guide p,.tu-guide li,.tu-table{line-height:1.75}.tu-guide ol,.tu-guide ul{padding-left:1.4rem}.tu-example{border:1px solid var(--color-base-300);border-radius:var(--radius-field);background:var(--color-base-200);margin:.75rem 0;padding:1rem}.tu-faq+.tu-faq{margin-top:1.5rem}.tu-table-wrap{overflow-x:auto}.tu-table{border-collapse:collapse;width:100%}.tu-table th,.tu-table td{border-bottom:1px solid var(--color-base-300);text-align:left;white-space:nowrap;padding:.55rem}.tu-card :is(button,input,select):focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (width<=46rem){.tu-conversion-row,.tu-notation-grid{grid-template-columns:1fr}.tu-swap{justify-self:center;margin:0;transform:rotate(90deg)}}@media (width<=40rem){.tu-card,.tu-result{padding:16px}.tu-hms-fields{grid-template-columns:1fr}.tu-hms-fields .btn{grid-column:auto}}@media (width<=27rem){.tu-value-unit{grid-template-columns:minmax(0,1fr) minmax(7.5rem,auto)}}