.converter{max-width:var(--max-w);margin:0 auto;padding:0 2.5rem}.converter__back{font-family:var(--font-mono);font-size:.8125rem;color:var(--c-text-3);text-decoration:none;letter-spacing:.02em;transition:color .2s ease;display:inline-block;margin-bottom:2rem}.converter__back:hover{color:var(--c-accent)}.converter__title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--c-text);font-variation-settings:'opsz' 72;margin-bottom:.75rem}.converter__desc{font-size:1.0625rem;color:var(--c-text-2);line-height:1.6;max-width:640px;margin-bottom:2.5rem}.converter__categories{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:2rem}.converter__cat-btn{font-family:var(--font-mono);font-size:.8125rem;font-weight:400;color:var(--c-text-2);background:var(--c-tag-bg);border:1px solid var(--c-tag-border);border-radius:100px;padding:.375rem .875rem;cursor:pointer;letter-spacing:.02em;transition:all .2s ease;line-height:1.4}.converter__cat-btn:hover{color:var(--c-text);border-color:var(--c-accent)}.converter__cat-btn--active{background:var(--c-accent);color:#fff;border-color:var(--c-accent)}.converter__cat-btn--active:hover{background:var(--c-accent-hover);border-color:var(--c-accent-hover);color:#fff}.converter__input-group{display:flex;align-items:baseline;gap:.75rem;margin-bottom:2rem;padding:1.25rem 1.5rem;background:var(--c-bg-elevated);border:1px solid var(--c-border);border-radius:6px;transition:border-color .2s ease}.converter__input-group:focus-within{border-color:var(--c-accent)}.converter__input{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:300;font-variation-settings:'opsz' 72;color:var(--c-text);background:0 0;border:none;outline:none;width:100%;min-width:0;line-height:1.2;letter-spacing:-.01em}.converter__input::-webkit-inner-spin-button,.converter__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.converter__input[type=number]{-moz-appearance:textfield}.converter__input-unit{font-family:var(--font-mono);font-size:1rem;color:var(--c-text-3);letter-spacing:.02em;white-space:nowrap;flex-shrink:0}.converter__results{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.converter__row{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;text-align:left;background:var(--c-bg-elevated);border:1px solid var(--c-border);border-radius:4px;padding:.875rem 1.25rem;cursor:pointer;transition:border-color .2s ease}.converter__row:hover{border-color:var(--c-accent)}.converter__row--source{border-left:3px solid var(--c-accent);background:var(--c-tag-bg);border-color:var(--c-tag-border);cursor:default}.converter__row--source:hover{border-color:var(--c-tag-border);border-left-color:var(--c-accent)}.converter__value{font-family:var(--font-mono);font-size:.9375rem;font-weight:400;color:var(--c-text);letter-spacing:.01em;font-variant-numeric:tabular-nums;word-break:break-all;flex:1;line-height:1.5}.converter__unit{font-family:var(--font-mono);font-size:.75rem;color:var(--c-text-3);letter-spacing:.02em;white-space:nowrap;flex-shrink:0;text-align:right}.converter__unit-abbr{font-weight:500;color:var(--c-text-2);text-transform:uppercase;letter-spacing:.04em}.converter__info{padding-top:2rem;border-top:1px solid var(--c-border);margin-bottom:4rem}.converter__info p{font-size:.9375rem;color:var(--c-text-3);line-height:1.7;max-width:640px}@media(max-width:768px){.converter{padding:0 1.5rem}.converter__input-group{padding:1rem 1.25rem}.converter__input{font-size:clamp(1.5rem,5vw,2.25rem)}.converter__row{padding:.75rem 1rem}.converter__value{font-size:.8125rem}}@media(max-width:480px){.converter{padding:0 1rem}.converter__categories{gap:.25rem}.converter__cat-btn{font-size:.75rem;padding:.3125rem .625rem}.converter__unit{font-size:.6875rem}}@media(prefers-reduced-motion:reduce){.converter__row,.converter__input-group,.converter__cat-btn,.converter__back{transition:none}}