:root{color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#eef3f1;color:#182028}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(135deg,rgba(24,32,40,.08),transparent 34%),#eef3f1;color:#182028}.app{min-height:100vh;display:grid;place-items:center;padding:32px 18px}.converter{width:min(960px,100%);display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:18px;align-items:stretch}.heading{grid-column:1 / -1}.eyebrow{margin:0 0 8px;color:#9b3d28;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.heading h1{font-size:clamp(2.2rem,6vw,4.9rem);line-height:.95;margin:0 0 .5rem;letter-spacing:0}.heading p:last-child{margin:0;max-width:560px;color:#59636c;font-size:1.04rem}.panel,.details{border:1px solid rgba(24,32,40,.14);border-radius:8px;background:#ffffffc7;box-shadow:0 24px 70px #1820281f}.panel{padding:24px}.field{display:grid;gap:8px}.field span,.details span{color:#59636c;font-size:.86rem;font-weight:700}.field input,.field select{width:100%;min-height:54px;border:1px solid rgba(24,32,40,.18);border-radius:8px;background:#fffdf8;color:#182028;font:inherit;outline:none}.field input:focus,.field select:focus{border-color:#286a67;box-shadow:0 0 0 4px #286a671f}.field input{padding:0 16px;font-size:2rem;font-weight:800}.field select{padding:0 14px}.currency-row{display:grid;grid-template-columns:1fr 48px 1fr;gap:12px;align-items:end;margin-top:18px}.swap,.quick-actions button{font:inherit;cursor:pointer}.swap{width:48px;height:54px;border:0;border-radius:8px;background:#286a67;color:#fff;font-size:1.45rem}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.quick-actions button{min-height:42px;border:1px solid rgba(40,106,103,.28);border-radius:8px;background:#edf6f4;color:#1d5653;font-weight:800}.result{display:grid;gap:6px;padding:22px;border-radius:8px;background:#182028;color:inherit}.result span{color:#b8c4c7}.result strong{overflow-wrap:anywhere;color:#fffdf8;font-size:clamp(2rem,6vw,4.2rem);line-height:1}.result p{margin:6px 0 0;color:#9ed0c6;font-weight:700}.details{display:grid;gap:0;align-content:start;padding:8px 20px}.details div{display:grid;gap:8px;padding:18px 0;border-bottom:1px solid rgba(24,32,40,.12)}.details div:last-child{border-bottom:0}.details strong{color:#182028;font-size:1rem}button:hover{filter:brightness(.97)}@media (max-width: 760px){.converter{grid-template-columns:1fr}.panel{padding:18px}.currency-row{grid-template-columns:1fr}.swap{width:100%}.quick-actions{grid-template-columns:repeat(2,1fr)}}