*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#f3f7f7;color:#142326}body{min-height:100vh}.app{max-width:760px;margin:0 auto;padding:18px}.card{background:#fff;border-radius:18px;box-shadow:0 10px 30px rgba(20,35,38,.10);padding:22px;margin:14px 0}.brand{display:flex;align-items:center;gap:12px}.brand-mark{font-size:36px}.muted{color:#607277}.small{font-size:.9rem}.hidden{display:none!important}h1{font-size:1.7rem;margin:.2rem 0}h2{font-size:1.25rem;margin:.2rem 0 1rem}input{width:100%;font-size:1rem;padding:13px 14px;border:1px solid #b9c8ca;border-radius:10px;margin:10px 0}button{font:inherit;border:0;border-radius:11px;padding:12px 16px;cursor:pointer;background:#0d6b73;color:white;font-weight:700}button.secondary{background:#e6eff0;color:#18383c}button:disabled{opacity:.5;cursor:not-allowed}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.space{justify-content:space-between}.progress{height:9px;background:#e4ecec;border-radius:20px;overflow:hidden}.progress>div{height:100%;background:#0d6b73;width:0}.photo-wrap{background:#102326;border-radius:14px;overflow:hidden;margin:16px 0;display:flex;justify-content:center;align-items:center;min-height:230px}.photo-wrap img{display:block;max-width:100%;max-height:55vh;object-fit:contain}.answers{display:grid;gap:10px}.answer{width:100%;text-align:left;background:#f0f5f5;color:#17373b;border:2px solid transparent;font-weight:600}.answer:hover{border-color:#7aaeb3}.answer.selected{background:#d5eaec;border-color:#0d6b73}.nav{margin-top:16px;display:flex;justify-content:space-between;gap:10px}.stat{font-weight:700}.leaderboard{width:100%;border-collapse:collapse;margin-top:8px}.leaderboard th,.leaderboard td{text-align:left;padding:10px 7px;border-bottom:1px solid #e4ecec}.leaderboard th:nth-child(1),.leaderboard td:nth-child(1){width:45px}.leaderboard th:nth-child(3),.leaderboard td:nth-child(3),.leaderboard th:nth-child(4),.leaderboard td:nth-child(4){text-align:right}.you{background:#eaf5f5}.notice{background:#fff8dc;border-radius:10px;padding:10px 12px}.error{background:#fde8e8;color:#7e2020;padding:10px 12px;border-radius:10px}.success{background:#e5f4e8;padding:10px 12px;border-radius:10px}@media(max-width:520px){.app{padding:10px}.card{padding:16px;border-radius:14px}.photo-wrap{min-height:190px}h1{font-size:1.45rem}.leaderboard{font-size:.9rem}}
.creator{text-align:center;color:#607277;font-size:.88rem;line-height:1.55;padding:8px 12px 24px}.creator strong{color:#31484c}.creator a{color:#0d6b73;text-decoration:none}.creator a:hover{text-decoration:underline}