:root{--green:#7dc36b;--phone:#666;--page:#f0f0f0;--divider:#e2e2e2;--field-muted:#f0f0f0;--focus:#3f7fbf;color:#333;background-color:var(--page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,Segoe UI,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{min-width:320px;margin:0}.page{box-sizing:border-box;justify-content:center;align-items:center;min-height:100vh;padding:48px 16px;display:flex}.phone{background:var(--phone);box-sizing:border-box;border-radius:44px;width:100%;max-width:388px;padding:44px 14px;position:relative}.phone:before{content:"";background:#000;border-radius:50%;width:10px;height:10px;margin-left:-5px;position:absolute;top:17px;left:50%}.screen{background:var(--green);color:#fff;box-sizing:border-box;flex-direction:column;align-items:center;min-height:600px;padding:38px 12px 48px;display:flex}.logo{background:url(/background.png) 50%/contain no-repeat;justify-content:center;align-items:center;width:114px;height:128px;display:flex}.logo img{width:76px}.screen h1{letter-spacing:-.01em;margin:16px 0 44px;font-size:19px;font-weight:600}.field{background:#fff;border-radius:4px;width:100%;max-width:288px;height:58px;margin-bottom:26px;display:flex;overflow:hidden}.field--result{margin-bottom:14px}.currency{border:0;border-right:2px solid var(--divider);color:var(--green);font:inherit;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%237dc36b' stroke-width='1.5'/%3E%3C/svg%3E") right 8px center no-repeat;border-radius:0;flex:0 0 86px;padding:0 18px 0 16px;font-size:22px;font-weight:600}.amount{color:#333;min-width:0;font:inherit;background:#fff;border:0;flex:1;padding:0 12px;font-size:22px}.amount::placeholder{color:#c8c8c8}.amount::-webkit-outer-spin-button{appearance:none;margin:0}.amount::-webkit-inner-spin-button{appearance:none;margin:0}.amount[type=number]{appearance:textfield}output.amount{background:var(--field-muted);color:#9a9a9a;white-space:nowrap;text-overflow:ellipsis;align-items:center;display:flex;overflow:hidden}.currency:focus-visible,.amount:focus-visible,.reverse:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.summary{text-align:center;margin:0;font-size:12.5px}.summary--error{background:#b02020d9;border-radius:4px;padding:6px 10px}.reverse{color:#fff;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:6px;margin-top:40px;padding:6px 10px;font-size:16px;font-weight:300;display:inline-flex}.reverse:hover{background:#ffffff1f}.reverse img{filter:brightness(0)invert();width:15px}@media (width<=420px){.page{padding:0}.phone{border-radius:0;max-width:none;padding:0}.phone:before{display:none}.screen{min-height:100vh;padding:40px 16px}}