*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#f4f5f7;color:#20242a}.topbar{background:#fff;border-bottom:1px solid #ddd;padding:12px max(18px,calc((100% - 1150px)/2));display:flex;justify-content:space-between;gap:20px}.brand{font-weight:800;text-decoration:none;color:#222}.topbar nav{display:flex;gap:14px;flex-wrap:wrap}.topbar a{color:#333;text-decoration:none}.container{max-width:1150px;margin:auto;padding:24px 18px}.hero,.card{background:#fff;border:1px solid #ddd;border-radius:12px;padding:24px;margin-bottom:20px}.hero{text-align:center;margin-top:35px;padding:55px 25px}.narrow{max-width:500px;margin:45px auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:15px}.button,button{background:#222;color:#fff;border:0;border-radius:8px;padding:10px 15px;text-decoration:none;cursor:pointer;font:inherit}.button.secondary{background:#e7e8eb;color:#222}.button.danger,button.danger{background:#a92727}.actions{display:flex;gap:8px;flex-wrap:wrap}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{font-weight:650;display:block;margin-bottom:14px}input,select,textarea{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #bbb;border-radius:7px;font:inherit;background:white}textarea{min-height:90px}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid #ddd;padding:9px;text-align:left;vertical-align:top}.muted{color:#69717a}.flash{padding:12px;border-radius:8px;background:#e5f5e8;margin-bottom:16px}.flash.error{background:#fde7e7}.stats{font-size:2rem;font-weight:750}.word{font-size:2.7rem;text-align:center;margin:25px}.answer{text-align:center}.rating{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.rating button{padding:15px 6px}.pill{display:inline-block;padding:4px 8px;border-radius:20px;background:#eee;font-size:.85rem}.footer{text-align:center;color:#777;padding:35px}.small{font-size:.9rem}.progress{height:10px;background:#ddd;border-radius:10px;overflow:hidden}.progress>span{display:block;height:100%;background:#555}@media(max-width:650px){.form-row{grid-template-columns:1fr}.rating{grid-template-columns:1fr 1fr}.word{font-size:2rem}.table{font-size:.9rem}.topbar{align-items:flex-start}}