:root{color:#1c1915;background:#f3f0e8;font-family:Segoe UI,system-ui,sans-serif;line-height:1.45}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}#app{max-width:40rem;margin:0 auto;padding:2rem 1.25rem 4rem}header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}h1{font-size:1.75rem;font-weight:650;margin:0}.lede{margin:.35rem 0 0;color:#4a453c}.langs{display:flex;gap:.25rem}.langs button,form button,.ghost{border:1px solid #c9c2b2;background:#fff;border-radius:.4rem;padding:.45rem .7rem;min-height:2.75rem;cursor:pointer}.langs button[aria-pressed=true],form button{background:#0f6e56;color:#fff;border-color:#0f6e56}.card{background:#fff;border:1px solid #e2dcd0;border-radius:.6rem;padding:1rem;margin-top:1.25rem}label{display:block;margin-top:.75rem;font-size:.92rem}input{width:100%;margin-top:.25rem;padding:.55rem .65rem;border:1px solid #c9c2b2;border-radius:.4rem;min-height:2.75rem}form button,.ghost{margin-top:1rem}.hint,.error,.quiet{color:#4a453c;font-size:.92rem}.error{color:#8d2b2b}ul{list-style:none;padding:0;margin:.5rem 0 0}li{padding:.55rem 0;border-top:1px solid #eee8dc}.row{display:flex;justify-content:space-between;gap:1rem;align-items:center}
