.container{display:flex;flex-direction:column;min-height:100vh;max-width:1000px;width:100%;margin:0 auto;padding:0 2rem}.header{padding:1rem 0 .5rem;text-align:center;opacity:.3}.header h1{font-size:clamp(.75rem,2vw,1rem);font-weight:500;letter-spacing:.05em;margin:0;opacity:.4;text-transform:uppercase}.converter{flex:1 1;justify-content:center}.converter,.converter-body{display:flex;align-items:center;width:100%}.converter-body{flex-direction:column}.converter-input{align-items:flex-end;gap:2rem;padding:3rem 2rem 1.5rem;background:var(--bg);border-radius:0;position:relative}.city-rail,.converter-input{display:flex;justify-content:center;flex-wrap:wrap;width:100%}.city-rail{align-items:center;gap:.25rem 1.25rem;padding:.5rem 1rem 2.5rem}.city-chip{display:inline-flex;align-items:baseline;gap:.4rem;min-height:44px;margin:0;padding:.5rem .15rem;border:none;border-bottom:1px solid transparent;background:transparent;color:var(--text);cursor:pointer;font:inherit;opacity:.4;transition:opacity var(--transition),border-color var(--transition),color var(--transition)}.city-chip:hover{opacity:.75}.city-chip:focus-visible{outline:1px solid rgba(255,255,255,.55);outline-offset:4px;opacity:.9}.city-chip.is-active{opacity:1;border-bottom-color:var(--text)}.city-name{font-size:clamp(.7rem,1.4vw,.8125rem);font-weight:600;letter-spacing:.04em;line-height:1.2}.city-country{font-size:clamp(.6rem,1.2vw,.6875rem);font-weight:700;letter-spacing:.16em;text-transform:uppercase;opacity:.55;line-height:1.2}.city-chip.is-active .city-country{opacity:.7}.input-group{display:flex;flex-direction:column;align-items:center;gap:1rem;flex:1 1;min-width:200px;max-width:280px}.input-group label{font-size:clamp(.75rem,1.5vw,.875rem);font-weight:700;text-transform:uppercase;letter-spacing:.15em;opacity:.6;width:100%;text-align:center}.input-group input{font-size:clamp(3rem,8vw,6rem);font-weight:900;text-align:center;background:transparent;border:none;border-bottom:3px solid var(--text);color:var(--text);width:100%;padding:1rem .5rem;transition:all var(--transition);outline:none;letter-spacing:-.02em;line-height:1;position:relative}.input-group input:focus{border-bottom-width:4px;opacity:1;text-shadow:0 0 12px rgba(255,255,255,.1);box-shadow:0 2px 0 0 var(--text)}.input-group input:hover{opacity:.9}.input-group input::placeholder{opacity:.25;font-weight:700}@media (prefers-reduced-motion:no-preference){.input-group input.value-updated{animation:valueUpdate .2s cubic-bezier(.4,0,.2,1)}.header{animation:homeSlideIn .25s cubic-bezier(.4,0,.2,1) .1s both}.input-group:first-child{animation:homeSlideIn .25s cubic-bezier(.4,0,.2,1) .2s both}.input-group:nth-child(2){animation:homeSlideIn .25s cubic-bezier(.4,0,.2,1) .28s both}.input-group:nth-child(3){animation:homeSlideIn .25s cubic-bezier(.4,0,.2,1) .36s both}.city-rail{animation:homeSlideIn .3s cubic-bezier(.4,0,.2,1) .45s both}.city-chip.is-active{animation:cityActiveFade .28s cubic-bezier(.4,0,.2,1)}.footer{animation:homeSlideIn .25s cubic-bezier(.4,0,.2,1) .6s both}}@keyframes cityActiveFade{0%{opacity:.45}to{opacity:1}}@keyframes homeSlideIn{0%{transform:translateY(12px)}to{transform:translateY(0)}}.footer{margin-top:auto;padding:2rem 0;border-top:1px solid var(--footer-border);color:var(--footer-link);font-size:.8125rem;font-weight:500;letter-spacing:.02em;text-align:center;display:flex;justify-content:center;align-items:center;gap:.5rem}.footer a{color:inherit;text-decoration:none;transition:color var(--transition)}.footer a:hover{color:var(--footer-link-hover)}.sep{color:var(--footer-sep)}@media (max-width:768px){.converter-input{gap:1.5rem;padding:2rem 1rem 1rem}.input-group{min-width:100%;max-width:100%}.city-rail{gap:.15rem .85rem;padding:.25rem .5rem 2rem}}