:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1c1c1e;background:#fafafa}body{margin:0}main{max-width:640px;margin:3rem auto;padding:0 1.25rem}h1{font-weight:650;letter-spacing:-.01em}ul{list-style:none;padding:0}li{padding:.75rem 1rem;border:1px solid #e6e6e9;border-radius:10px;margin-bottom:.5rem;background:#fff;display:flex;justify-content:space-between;align-items:center}.kind{color:#8a8a8f;font-size:.85rem}.error{color:#c0392b}.card{max-width:26rem;margin:3rem auto;padding:1.5rem 1.75rem;border:1px solid #e2e2e2;border-radius:12px;font-family:system-ui,sans-serif}.card h1{font-size:1.35rem;margin:0 0 1rem}.card label{display:block;font-size:.85rem;color:#444;margin:.75rem 0 .25rem}.card input{width:100%;box-sizing:border-box;padding:.55rem .65rem;border:1px solid #ccc;border-radius:8px;font-size:1rem}.card button{margin-top:1.1rem;width:100%;padding:.6rem;border:0;border-radius:8px;background:#2563eb;color:#fff;font-size:1rem;cursor:pointer}.card button:disabled{background:#9db8ec;cursor:default}.card .error{color:#b91c1c;background:#fef2f2;padding:.5rem .65rem;border-radius:8px;font-size:.9rem}.card .hint{color:#666;font-size:.85rem;margin-top:1rem}.card a{color:#2563eb;text-decoration:none}.card .row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.card .who{font-size:.82rem;color:#666}.card .kind{color:#888;font-size:.85rem}
