*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,sans-serif;background:#f4f6fb;color:#172033}main{max-width:640px;margin:auto;padding:20px 16px 48px}.hero h1{margin:0 0 4px;font-size:26px}.muted{color:#5b6478;font-size:14px}.badge{background:#fff7e0;border:1px solid #f0d48a;color:#6b5300;border-radius:10px;padding:8px 12px;font-size:13px}.card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 8px #1720330f;margin:16px 0}.card h2{margin:0 0 8px;font-size:17px}.card.mine{border-left:4px solid #2463eb}.active-name{font-size:20px;font-weight:700;margin:4px 0}button{display:block;margin:12px 0;padding:12px 18px;border:0;border-radius:12px;background:#2463eb;color:#fff;font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:default}button.link{display:inline;background:none;color:#b0184a;padding:4px 8px;margin:0;font-weight:700}label{display:block;margin:10px 0;font-size:14px;font-weight:600}input{display:block;width:100%;margin-top:4px;padding:10px 12px;border:1px solid #c9d0e0;border-radius:10px;font:inherit}input:focus{outline:2px solid #2463eb;outline-offset:1px}ol{list-style:none;padding:0;margin:8px 0}.row{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:12px;padding:10px 14px;margin:8px 0;box-shadow:0 1px 4px #1720330d;font-size:15px}.error{color:#b0184a;font-size:14px}