*,:after,:before{box-sizing:border-box}:root{color-scheme:dark}body,html{margin:0;padding:0;background:#0b0f17;color:#e5e7eb;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.app{min-height:100dvh;display:flex;justify-content:center}.container{width:100%;max-width:720px;padding:16px;display:flex;flex-direction:column;gap:16px}.header{display:flex;justify-content:space-between;align-items:center}.header h2{margin:0;font-size:20px}.card{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.12);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0}.small{font-size:12px;color:rgba(229,231,235,.65)}.input-wrapper{width:100%;box-sizing:border-box}input{width:100%;display:block;padding:12px;border-radius:12px;border:1px solid hsla(0,0%,100%,.14);background:rgba(15,23,42,.7);color:#e5e7eb;font-size:16px}.actions{display:flex;gap:10px;flex-wrap:wrap}button{flex:1 1;min-width:120px;padding:12px;border-radius:12px;border:1px solid hsla(0,0%,100%,.14);background:hsla(0,0%,100%,.08);color:#e5e7eb;font-weight:700;cursor:pointer}button.primary{background:rgba(34,197,94,.2);border-color:rgba(34,197,94,.4)}.badge{align-self:flex-start;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid hsla(0,0%,100%,.14);background:hsla(0,0%,100%,.06)}.badge.ok{color:#bbf7d0;border-color:rgba(34,197,94,.45)}.badge.bad{color:#fecaca;border-color:rgba(239,68,68,.45)}@media (min-width:640px){.header h2{font-size:22px}}