*{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif;margin:0;background:#fafafa;color:#222}
header{background:#fff;border-bottom:1px solid #eee;padding:1rem 1.25rem;position:sticky;top:0}
.brandbar{display:flex;align-items:center;gap:.75rem}
.brandbar img{height:40px}
.brand-title{font-size:1.4rem;font-weight:700}
.brand-tag{color:#666}
#lang-toggle{margin-left:auto}
#lang-toggle button{margin-left:.25rem;border:1px solid #ddd;padding:.3rem .5rem;border-radius:.3rem;background:#fff;cursor:pointer}
#lang-toggle button.active{background:#e0e0ff}
nav a{margin-right:1rem;text-decoration:none;border:1px solid #ddd;padding:.4rem .6rem;border-radius:.4rem}
main{padding:1rem 1.25rem;max-width:1000px;margin:0 auto}
.filters{display:flex;gap:.5rem;margin:.75rem 0}
.filters input,.filters select{padding:.5rem;border:1px solid #ddd;border-radius:.35rem}
table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #eee}
th,td{padding:.6rem;border-bottom:1px solid #f0f0f0;text-align:left;vertical-align:top}
tbody tr:hover{background:#f9f9ff}
.notice{background:#fff6d6;border:1px solid #ffe8a3;padding:.6rem;border-radius:.4rem}
/* Submission form */
#submit .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
#submit label{display:flex;flex-direction:column;gap:.3rem}
#submit label.wide{grid-column:1/-1}
#submit input,#submit select,#submit textarea{padding:.5rem;border:1px solid #ddd;border-radius:.35rem;background:#fff}
#btn-submit{margin-top:.5rem;border:1px solid #ddd;padding:.45rem .8rem;border-radius:.4rem;background:#fff;cursor:pointer}
#btn-submit:hover{background:#f2fff2}
.result{margin-left:.6rem;color:#555}
@media (max-width:700px){#submit .grid{grid-template-columns:1fr}}
.btn-vote{border:1px solid #ddd;padding:.25rem .45rem;margin-right:.25rem;border-radius:.35rem;background:#fff;cursor:pointer}
.btn-vote:hover{background:#f2f2ff}
td.score{min-width:3rem}