:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica Neue,Arial;background:#2b2f33;color:#f2f4f5}.container{max-width:1100px;margin:0 auto;padding:16px}.h1{font-size:28px;margin:10px 0 16px}.card{background:#33383d;border:1px solid #3F444A;border-radius:12px;padding:12px}.alert{background:#3f444a;border:1px solid #E57373;color:#e57373;padding:8px 10px;border-radius:8px;margin:10px 0}.row{display:flex;gap:10px}.right{margin-left:auto}.small{font-size:12px}.muted,.help{color:#a8b0b6}.input{flex:1;min-width:200px;background:#2b2f33;border:1px solid #3F444A;color:#f2f4f5;padding:8px 10px;border-radius:8px}.btn{background:#4b5157;color:#f2f4f5;border:1px solid #3F444A;padding:8px 12px;border-radius:10px;cursor:pointer}.btn.primary{background:#009688;border-color:#009688}.btn.ghost{background:transparent;color:#f2f4f5}.badge{background:#00968822;color:#009688;border:1px solid #00968855;padding:2px 6px;border-radius:999px;font-size:12px}.grid{display:grid;gap:12px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:8px 10px;border-bottom:1px solid #3F444A}.img-box{width:100%;height:260px;background:#2b2f33;border:1px solid #3F444A;border-radius:10px;overflow:hidden}.img-box img{width:100%;height:100%;object-fit:cover}.tabs{display:flex;gap:8px;margin-bottom:12px;align-items:center}.tab{background:#33383d;border:1px solid #3F444A;padding:8px 12px;border-radius:10px;cursor:pointer}.tab.active{background:#00968833;border-color:#009688}.linklike{border:0;background:transparent;color:#009688;cursor:pointer;padding:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center}.modal{width:min(900px,96vw);background:#33383d;border:1px solid #3F444A;border-radius:12px;padding:12px}.errwrap{background:#3f444a;border:1px solid #E57373;border-radius:8px;padding:10px;overflow:auto}.row-split{gap:8px}@media (max-width: 900px){.grid-3{grid-template-columns:1fr}}.brand-pill{width:44px;height:44px;border-radius:9999px;background:#fff;border:1px solid #F2F4F5;box-shadow:0 2px 6px #00000014;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.brand-pill img{width:80%;height:80%;object-fit:contain;display:block}@media (min-width: 640px){.brand-pill{width:52px;height:52px}}.leaderboard-grid{display:grid;grid-template-columns:3.5rem 1fr 7rem;gap:8px 12px;align-items:center}.leaderboard-grid .col-rank{text-align:right;font-variant-numeric:tabular-nums}.leaderboard-grid .col-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-grid .col-score{text-align:right;font-variant-numeric:tabular-nums}.leaderboard-header{font-weight:700;opacity:.9}.signup-grid{display:grid;grid-template-columns:1fr auto;grid-template-areas:"name  name" "email btn";gap:8px;align-items:center}.signup-name{grid-area:name}.signup-email{grid-area:email}.signup-btn{grid-area:btn;white-space:nowrap}@media (min-width: 700px){.signup-grid{grid-template-columns:1fr 1fr auto;grid-template-areas:"name email btn"}}.diver-caption{font-size:9px;line-height:1.3;text-align:center;color:#a8b0b6;margin-top:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.diver-caption span{display:block}.diver-caption .first-time{color:#009688;font-weight:500}.add-dish-form{display:grid;gap:10px}.add-dish-form .row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.add-dish-form textarea{width:100%;min-height:90px;resize:vertical}.add-dish-form .actions{display:flex;align-items:center;justify-content:space-between;margin-top:6px;flex-wrap:wrap;gap:6px}@media (max-width: 700px){.add-dish-form .row2{grid-template-columns:1fr}}.tabs-scroll{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}@media (min-width: 700px){.tabs-scroll,.tabs-scroll>.tabs{width:100%;max-width:100vw;margin:0;left:0}}.tabs-scroll::-webkit-scrollbar{display:none}.tabs{display:flex;justify-content:space-around;width:100%;padding:10px 0}.tab{flex:1;text-align:center;background:none;border:none;color:#ccc;font-size:15px;padding:8px 0;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.tab.active{color:#00bfa5;border-bottom:2px solid #00bfa5;font-weight:600}.tab:hover:not(.active){color:#80cbc4}