*{box-sizing:border-box}body,html{margin:0;padding:0;background:#f4f4f5;color:#222;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px}.card{width:100%;max-width:480px;background:#fff;border-radius:16px;padding:32px;box-shadow:0 2px 16px rgba(0,0,0,.06)}.title{font-size:26px;margin:0 0 6px}.subtitle{color:#777;font-size:15px;margin:0 0 24px;line-height:1.5}.label{display:block;font-size:14px;font-weight:600;margin:0 0 8px}.input{width:100%;padding:12px 14px;font-size:16px;border:1px solid #ddd;border-radius:10px;margin-bottom:20px}.input:focus{outline:none;border-color:#1a73e8}.grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-bottom:24px}@media (max-width:420px){.grid{grid-template-columns:1fr}.card{padding:24px}}.cat{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid #e5e5e5;border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s}.cat.on{border-color:#1a73e8;background:#f0f6ff}.cat input{display:none}.cat .emoji{font-size:22px}.cat .name{font-size:15px;font-weight:600}.cat .desc{font-size:12px;color:#999}.btn{width:100%;padding:14px;font-size:16px;font-weight:700;color:#fff;background:#1a73e8;border:none;border-radius:10px;cursor:pointer}.btn:disabled{background:#b7c9e8;cursor:not-allowed}.linkbtn{margin-top:8px;background:none;border:none;color:#1a73e8;cursor:pointer;text-decoration:underline}.linkbtn,.msg{font-size:14px}.msg{margin-top:16px;text-align:center}.msg.ok{color:#1a7f37}.msg.err{color:#d32f2f}.foot{margin-top:24px;font-size:12px;text-align:center}.foot,.foot a{color:#bbb}