@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}body{color:#382820;background:#faf7f1;margin:0;font-family:Noto Sans Thai,system-ui,sans-serif}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed}:is(button:focus-visible,a:focus-visible){outline-offset:4px;outline:3px solid #da9b35}header{border-bottom:1px solid #e8dfd1;align-items:center;gap:24px;max-width:1200px;height:100px;margin:auto;padding:20px 32px;display:flex}.brand{color:#752b2b;align-items:center;gap:10px;font-size:24px;font-weight:800;line-height:1.2;text-decoration:none;display:flex}.brandmark{color:#fff6dc;background:#792c2c;border-radius:15px;place-items:center;width:48px;height:48px;font-size:32px;display:grid}.brand small{letter-spacing:2px;color:#92715c;margin-top:5px;font-size:9px;display:block}.company{color:#938472;margin-left:auto;font-size:12px}.live{white-space:nowrap;color:#38745a;align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.live i{background:#478965;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #47896512}.live.offline{color:#a07849}.live.offline i{background:#b29263}main{max-width:1140px;margin:auto;padding:0 32px}.hero{justify-content:space-between;align-items:center;gap:32px;padding:62px 0 45px;display:flex}.eyebrow{letter-spacing:3px;color:#a6773f;margin-bottom:17px;font-size:10px;font-weight:700}h1{letter-spacing:-2px;margin:0;font-size:66px;font-weight:800;line-height:1.25}h1 span{color:#b77932}.hero p{color:#8c7c6c;margin:19px 0 0;font-size:14px;line-height:1.9}aside{background:#efe6d5;border:1px solid #e6d8c1;border-radius:24px;width:260px;padding:26px 35px;position:relative}.spark{color:#c39753;font-size:30px;position:absolute;top:18px;right:25px}.stat{letter-spacing:-2px;color:#762e2e;font-size:62px;font-weight:800;line-height:1.3}.stat span{letter-spacing:0;color:#aa957b;font-size:24px;font-weight:500}aside b{font-size:13px}.track{background:#dfcfb7;border-radius:10px;height:5px;margin:18px 0 10px;overflow:hidden}.track span{background:#a47237;height:100%;transition:width .4s;display:block}aside small{color:#937d62;font-size:11px}.panel{background:#fffdf9;border:1px solid #e9e0d2;border-radius:22px;margin-bottom:26px;padding:30px;box-shadow:0 8px 25px #37271c03}.heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.heading h2{align-items:center;gap:12px;margin:0;font-size:18px;font-weight:700;display:flex}.heading>small{color:#9d907f;font-size:11px}em{color:#ae8040;background:#f4ebdd;border-radius:50%;place-items:center;width:29px;height:29px;font-size:11px;font-style:normal;font-weight:700;display:grid}.names{grid-template-columns:repeat(7,1fr);gap:9px;margin:22px 0 35px;display:grid}.name{color:#544536;background:#fff;border:1px solid #e5ddd1;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:47px;padding:12px 7px;font-size:13px;display:flex}.name>span{color:#c2aa8d}.name.selected{color:#762c2c;background:#faf0e7;border-color:#863f35;font-weight:700}.name.voted{color:#948e7c;background:#f2f2eb}.name.voted>span{color:#54805e}.options{grid-template-columns:1fr 1fr;gap:20px;margin-top:22px;display:grid}.option{text-align:left;background:#fff;border:1px solid #dfd8ca;border-radius:17px;padding:0;transition:transform .15s;display:block;position:relative;overflow:hidden}.option:hover:not(:disabled){transform:translateY(-3px)}.optionlabel{z-index:1;color:#526a70;background:#ffffffbd;border-radius:20px;padding:4px 9px;font-size:10px;position:absolute;top:16px;left:17px}.check{color:#958577;z-index:1;background:#fff;border-radius:50%;place-items:center;width:25px;height:25px;display:grid;position:absolute;top:16px;right:17px}.chosen .check{color:#fff;background:#873f32}.scene{background:linear-gradient(145deg,#e5eee9,#d3e2de);justify-content:center;align-items:center;gap:22px;height:145px;font-size:65px;display:flex}.seafood .scene{background:linear-gradient(145deg,#f4e2cc,#f1d7b7)}.scene>span{color:#779e94;letter-spacing:9px;font-size:29px}.seafood .scene>span{color:#bc8e52}.cardbody{flex-direction:column;gap:6px;padding:21px;display:flex}.cardbody>strong{letter-spacing:-.5px;font-size:20px}.description{color:#9b8e7d;font-size:11px}.drink{color:#527061;background:#f0f5ee;border:1px solid #d2ded4;border-radius:7px;width:max-content;margin:5px 0 12px;padding:4px 9px;font-size:10px}.cardbottom{color:#a0917d;border-top:1px solid #eee8de;justify-content:space-between;align-items:center;padding-top:13px;font-size:10px;display:flex}.submitrow{justify-content:space-between;align-items:center;gap:20px;margin-top:25px;display:flex}.submitrow p{color:#998978;max-width:65%;font-size:11px;line-height:1.8}.primary{color:#fff;white-space:nowrap;background:#7d302b;border:0;border-radius:10px;padding:13px 25px;font-size:13px;font-weight:600}.results{grid-template-columns:1fr 1fr;gap:22px;margin-top:25px;display:grid}.result{background:#f6f8f2;border:1px solid #e3e8dc;border-radius:14px;padding:20px}.resulthead{align-items:center;gap:9px;display:flex}.resulthead>span{font-size:25px}.resulthead h3{margin:0;font-size:13px}.resulthead>strong{color:#536956;margin-left:auto;font-size:26px}.resulthead small{font-size:10px;font-weight:400}.result .track{background:#e1e7d9;margin:18px 0 7px}.seafood .track{background:#eee0c6}.ratio{color:#9a977e;text-align:right;font-size:10px}.voters{flex-wrap:wrap;gap:6px;min-height:30px;margin-top:15px;display:flex}.voters>span{color:#6b725f;background:#fffb;border-radius:5px;padding:5px 8px;font-size:10px}.voters p{color:#aaa48f;margin:0;font-size:11px}.waiting{border-top:1px dashed #e6ddcd;align-items:baseline;gap:18px;margin-top:23px;padding-top:18px;font-size:11px;display:flex}.waiting>b{color:#87755e;white-space:nowrap}.waiting p{color:#a39785;margin:0;line-height:1.8}.updatetime{color:#b4a995;justify-content:space-between;align-items:center;margin-top:14px;font-size:9px;display:flex}.updatetime button,.notice button{color:#997741;background:0 0;border:0;padding:5px;font-size:10px}.notice{color:#95784b;background:#f8f0df;border-radius:8px;margin-top:16px;padding:13px;font-size:12px}.error,.success{border-radius:9px;padding:13px;font-size:12px}.error{color:#9e372d;background:#fff0e9}.success{color:#3e7455;background:#edf5ed}footer{text-align:center;padding:13px 0 32px}footer p{color:#b6a894;font-size:10px;line-height:1.8}.backdrop{z-index:20;background:#33241cc0;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{text-align:center;background:#fffcf6;border-radius:22px;width:100%;max-width:430px;padding:35px;box-shadow:0 15px 70px #0003}.modalicon{color:#8e673b;background:#e9e1cd;border-radius:50%;place-items:center;width:50px;height:50px;margin:auto;font-size:23px;display:grid}.modal h2{margin-bottom:20px;font-size:21px}.modal h3{color:#873d30;font-size:19px}.actions{justify-content:center;gap:10px;margin-top:25px;display:flex}.actions>button:not(.primary){color:#88745e;background:#fff;border:1px solid #ddd0bd;border-radius:10px;padding:10px 16px;font-size:12px}@media (max-width:760px){header{height:78px;padding:15px 20px}.company{display:none}header>.live{margin-left:auto}.brand{font-size:21px}main{padding:0 17px}.hero{gap:12px;padding:35px 3px 30px}h1{font-size:43px}.eyebrow{letter-spacing:2px;font-size:8px}.hero p{font-size:11px}aside{border-radius:17px;width:155px;padding:20px 16px}.stat{font-size:45px}.stat span{font-size:17px}aside b{font-size:11px}aside small{font-size:9px}.spark{font-size:21px;top:10px;right:14px}.panel{border-radius:17px;padding:20px 15px}.heading{gap:8px}.heading h2{gap:7px;font-size:15px}.heading>small{font-size:9px}em{width:24px;height:24px}.names{grid-template-columns:repeat(4,1fr);gap:7px;margin:18px 0 30px}.name{gap:5px;padding:10px 4px;font-size:11px}.name.voted small{display:none}.options{gap:11px}.scene{gap:8px;height:115px;font-size:48px}.scene>span{letter-spacing:2px;font-size:16px}.optionlabel{font-size:8px;top:10px;left:10px}.check{width:21px;height:21px;top:10px;right:9px}.cardbody{padding:14px 11px}.cardbody>strong{min-height:46px;font-size:15px}.description{min-height:32px;font-size:9px;line-height:1.7}.cardbottom{gap:6px;font-size:8px}.cardbottom b{font-size:10px}.submitrow{align-items:flex-start;gap:10px}.submitrow p{max-width:54%;margin:0;font-size:10px}.primary{padding:12px 18px;font-size:12px}.results{grid-template-columns:1fr;gap:12px;margin-top:20px}.resulthead h3{font-size:13px}.waiting{gap:10px}.updatetime{font-size:8px}.modal{padding:25px}}body{color:#34201b;background:#f6eee5;font-size:17px}.company-logo{object-fit:contain;mix-blend-mode:multiply;border-radius:50%;flex-shrink:0;width:72px;height:72px}.brand{color:#671e20;font-size:29px}.brand small{color:#825122;font-size:12px}.company{color:#674b3c;font-size:16px}.live,.heading>small{color:#69442d;font-size:15px}.live{color:#326345}.hero p{color:#654d3f;font-size:18px}.eyebrow{color:#805224;font-size:13px}.heading h2{color:#3f201c;font-size:23px}em{color:#683516;background:#e7cfaa;width:36px;height:36px;font-size:14px}.name{color:#49251e;background:#fffaf3;border:2px solid #b99579;min-height:59px;padding:13px 8px;font-size:18px;font-weight:600}.name>span{color:#83482c;font-size:20px}.name:hover:not(:disabled){background:#f2e1ca;border-color:#823c2a}.name.selected{color:#fff;background:#722724;border-color:#722724;box-shadow:0 3px 9px #63201a22}.name.selected>span{color:#ffe0a6}.name.voted{color:#665f51;background:#e6e4dc;border-color:#bdb5a3}.name.voted small{font-size:12px}.optionlabel{color:#493323;font-size:14px}.option{border:2px solid #b89473}.option.chosen{border-color:#742723;outline:3px solid #742723}.chosen .check{background:#742723}.check{width:32px;height:32px;font-size:22px}.cardbody>strong{color:#40201b;font-size:25px}.description{color:#655044;font-size:17px;line-height:1.7}.drink{color:#493726;background:#f3e8d6;border-color:#b3a087;padding:6px 12px;font-size:16px}.seafood .drink{color:#673d1b;background:#f4ddba;border-color:#bc955c}.cardbottom{color:#6b5040;font-size:15px}.cardbottom b{color:#63281e;font-size:17px}.submitrow p{color:#654d3c;font-size:16px}.primary{background:#742723;min-height:54px;padding:14px 24px;font-size:18px}.primary:disabled{color:#726351;background:#d3c6b4}.result{background:#f3e8da;border-color:#c7ac8a}.result.seafood{background:#f7e2c4;border-color:#d3a86c}.resulthead h3{color:#472b20;font-size:19px}.resulthead>strong{color:#6b2c23;font-size:32px}.seafood .resulthead>strong{color:#824615}.resulthead small,.ratio{color:#70543c;font-size:15px}.result .track{background:#d8c5ab;height:9px}.result .track>span{background:#873b2b}.seafood .track>span{background:#b77b29}.voters>span{color:#573621;background:#fffaf2;padding:7px 11px;font-size:17px}.voters p{color:#755c45;font-size:16px}.waiting{font-size:16px}.waiting>b{color:#623e25}.waiting p{color:#72583f}.updatetime{color:#776147;font-size:14px}.updatetime button,.notice button{color:#783d23;font-size:15px}.notice,.error,.success{font-size:17px}.modal h2{font-size:25px}.modal h3{font-size:24px}.modal p{color:#6d503c;font-size:17px}.actions>button:not(.primary){font-size:16px}footer b{color:#69452c;font-size:16px}footer p{color:#7c634d;font-size:14px}@media (max-width:760px){header{gap:12px;height:95px;padding:13px 17px}.company-logo{width:64px;height:64px}.brand{gap:8px;font-size:26px}.brand small{letter-spacing:1.5px;font-size:10px}header>.live{font-size:12px}.hero{gap:14px;padding:30px 0}h1{font-size:42px}.hero p{font-size:16px;line-height:1.7}.eyebrow{letter-spacing:1px;font-size:11px}aside{flex-shrink:0;width:142px;padding:20px 13px}.stat{font-size:43px}.stat span{font-size:19px}aside b{font-size:15px}aside small{font-size:13px}.panel{padding:22px 16px}.heading{align-items:flex-start;gap:7px}.heading h2{font-size:20px;line-height:1.5}.heading>small{text-align:right;max-width:95px;font-size:12px}.heading em{flex-shrink:0;width:30px;height:30px;font-size:12px}.names{grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0 32px}.name{gap:6px;min-height:58px;padding:11px 5px;font-size:18px}.names .name.voted small{display:none}.options{grid-template-columns:1fr;gap:20px}.scene{height:140px;font-size:66px}.scene>span{font-size:25px}.optionlabel{font-size:14px;top:14px;left:16px}.check{width:30px;height:30px;font-size:20px;top:14px;right:15px}.cardbody{gap:10px;padding:22px 18px}.cardbody>strong{min-height:0;font-size:25px}.description{min-height:0;font-size:17px}.drink{font-size:16px}.cardbottom{font-size:15px}.cardbottom b{font-size:17px}.submitrow{margin-top:22px;display:block}.submitrow p{max-width:none;margin:0 0 15px;font-size:17px}.submitrow>.primary{width:100%;min-height:58px;font-size:20px}.results{gap:18px}.result{padding:20px 16px}.resulthead{flex-wrap:wrap}.resulthead h3{font-size:19px}.resulthead>strong{font-size:30px}.ratio{font-size:14px}.voters>span{font-size:17px}.voters p{font-size:16px}.waiting{font-size:17px;display:block}.waiting p{margin-top:10px}.updatetime{flex-wrap:wrap;gap:12px;font-size:13px}.updatetime button{font-size:15px}footer b{font-size:16px}footer p{font-size:14px}.modal{padding:28px 20px}.modal p{font-size:17px}.modal h3{font-size:24px}}@media (max-width:370px){h1{font-size:36px}.hero p{font-size:15px}aside{width:125px}.hero-stat{padding:15px 10px}.name{font-size:17px}.heading h2{font-size:18px}.brand{font-size:23px}}header{height:132px}.company-logo{width:112px;height:112px}.brand{gap:16px;font-size:32px}.brand small{font-size:13px}@media (max-width:760px){header{gap:10px;height:116px;padding:10px 14px}.company-logo{width:92px;height:92px}.brand{gap:8px;font-size:26px}.brand small{font-size:11px}header>.live{font-size:12px}}