:root{--bg:#0d0e11;--fg:#f2f3f5;--muted:#9aa0aa;--line:#23262c;--accent:#f0f2f5;--warn:#f0b429;--ok:#4ade80;--bad:#f87171;--glass:#00000080;--radius:14px;--pad:clamp(16px, 5vw, 28px);--safe-top:max(12px, env(safe-area-inset-top));--safe-bottom:max(14px, env(safe-area-inset-bottom));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}:focus-visible{outline-offset:2px;outline:3px solid #74a8ff}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;font:16px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans Thai,Sarabun,system-ui,sans-serif}body[data-screen=camera]{overflow:hidden}#app{min-height:100dvh}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.screen{min-height:100dvh;padding:max(var(--pad), var(--safe-top)) var(--pad) max(var(--pad), var(--safe-bottom))}.landing,.message{flex-direction:column;gap:18px;max-width:34rem;margin-inline:auto;display:flex}.landing .btn--primary{bottom:var(--safe-bottom);position:sticky;box-shadow:0 8px 30px #0d0e11e6}.landing__head{margin-block:8px 4px}.landing__title{letter-spacing:-.02em;margin:0;font-size:clamp(28px,8vw,38px)}.landing__tagline,.message p{color:var(--muted);margin:6px 0 0}.card{border:1px solid var(--line);border-radius:var(--radius);background:#14161a;padding:18px}.card p{margin:0 0 10px}.card p:last-child{margin-bottom:0}.card__title{letter-spacing:.02em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:15px}.muted{color:var(--muted)}.checklist{gap:8px;margin:0 0 18px;padding-inline-start:1.1em;display:grid}.privacy{border-radius:var(--radius);color:#b6e5c4;background:#16211a;border:1px solid #23402c;margin:0;padding:12px 16px;font-size:15px}.disclaimer{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.url{overflow-wrap:anywhere;color:var(--muted);font-size:13px}.btn{min-height:52px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-weight:600;display:inline-flex}.btn svg{fill:currentColor;width:20px;height:20px}.btn--primary{background:var(--accent);color:#101216}.btn--ghost{border-color:var(--line);color:var(--fg);background:0 0}.linkbtn{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:6px 0;text-decoration:underline}.iconbtn{background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:44px;height:44px;color:var(--fg);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.iconbtn svg{fill:currentColor;width:24px;height:24px}.iconbtn.is-active{background:var(--accent);color:#101216}.iconbtn svg[stroke]{fill:none}.chip{white-space:nowrap;background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-height:42px;color:var(--fg);font:inherit;cursor:pointer;border:0;border-radius:999px;padding:0 14px;font-size:14px;font-weight:600}.chip.is-active{background:var(--accent);color:#101216}.camera{touch-action:none;height:100dvh;padding:0;position:relative;overflow:hidden}.stage{background:#000;position:absolute;inset:0}.stage__media{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.stage__media.is-mirrored{transform:scaleX(-1)}.stage.is-balanced .stage__media{filter:url(#wb-gain)}.camera.is-calibrating .bottombar,.camera.is-calibrating .split{display:none}.cardguide{padding:0 12px calc(var(--safe-bottom) + 14px);flex-direction:column;justify-content:flex-end;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.cardguide__box{left:calc(var(--card-cx) - var(--card-w) / 2);top:calc(var(--card-cy) - var(--card-h) / 2);width:var(--card-w);height:var(--card-h);border:2px dashed #ffffffe6;border-radius:8px;position:absolute}.cardguide__hint{left:12px;right:12px;top:calc(var(--card-cy) - var(--card-h) / 2 - 74px);border-radius:var(--radius);background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;max-width:26rem;margin:0 auto;padding:10px 16px;font-size:14px;position:absolute}.cardguide__actions{gap:10px;display:flex}.overlay{pointer-events:none;--cx:50%;--cy:43%;--rx:33%;--ry:28%;--feather:94%;-webkit-mask-image:radial-gradient(ellipse var(--rx) var(--ry) at var(--cx) var(--cy), #0000 var(--feather), #000 100%);-webkit-mask-image:radial-gradient(ellipse var(--rx) var(--ry) at var(--cx) var(--cy), #0000 var(--feather), #000 100%);mask-image:radial-gradient(ellipse var(--rx) var(--ry) at var(--cx) var(--cy), #0000 var(--feather), #000 100%);position:absolute;inset:0}.overlay.is-unmasked{-webkit-mask-image:none;mask-image:none}.overlay__layer{opacity:0;transition:opacity .18s;position:absolute;inset:0}.overlay__layer.is-front{opacity:1}.overlay__guide{left:calc(var(--cx) - var(--rx));top:calc(var(--cy) - var(--ry));width:calc(var(--rx) * 2);height:calc(var(--ry) * 2);border:1px solid #ffffff59;border-radius:50%;position:absolute}.topbar,.split{pointer-events:none}.topbar button,.hues,.status{pointer-events:auto}.topbar{inset:var(--safe-top) 12px auto 12px;flex-wrap:nowrap;align-items:center;gap:10px;display:flex;position:absolute}.topbar__spacer{flex:1}.status{background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-height:40px;color:var(--fg);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 10px;display:flex}.status__icon,.status__info{justify-content:center;align-items:center;display:inline-flex}.status__icon svg,.status__info svg{width:19px;height:19px}.status__info{opacity:.6;margin-inline-start:2px}.status__icon[data-tone=ok]{color:var(--ok)}.status__icon[data-tone=info]{color:#7dd3fc}.status__icon[data-tone=warn]{color:var(--warn)}.status__icon[data-tone=bad]{color:var(--bad)}.status[data-tone=warn]{box-shadow:inset 0 0 0 1.5px #f0b4298c}.status[data-tone=bad]{box-shadow:inset 0 0 0 1.5px #f87171a6}.status__icon--lg svg{width:26px;height:26px}.statusrow{align-items:flex-start;gap:12px;display:flex}.statusrow__title{margin:0 0 2px;font-weight:600}.bottombar{padding:14px 12px var(--safe-bottom);background:linear-gradient(#0000,#000000b8);flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.bottombar__row{scrollbar-width:none;justify-content:safe center;align-items:center;gap:8px;width:100%;padding-inline:4px;display:flex;overflow-x:auto}.bottombar__row::-webkit-scrollbar{display:none}.bottombar__row>*{flex:none}.modes{background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);scrollbar-width:none;overscroll-behavior-x:contain;border-radius:999px;max-width:100%;padding:3px;display:flex;overflow-x:auto}.modes::-webkit-scrollbar{display:none}.modes__item{min-height:38px;color:var(--fg);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;padding:0 14px;font-size:14px;font-weight:600}.modes__item.is-active{background:var(--accent);color:#101216}.seasonbtn{white-space:nowrap;background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:40vw;min-height:42px;color:var(--fg);font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 7px;font-size:14px;font-weight:600;display:inline-flex}.seasonbtn .season__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.seasonbtn__swatch{border:1px solid #ffffff40;border-radius:50%;flex:none;width:26px;height:26px}.actionrow{grid-template-columns:1fr auto 1fr;align-items:center;width:100%;max-width:26rem;display:grid}.actionrow__side{justify-content:flex-end;padding-inline-end:6px;display:flex}.actionrow__side:first-child{justify-content:flex-start}.bigbtn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:68px;height:68px;color:var(--fg);cursor:pointer;background:#ffffff40;border:4px solid #ffffffe6;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.bigbtn svg{width:30px;height:30px}.bigbtn:active{background:#ffffff8c}.bigbtn.is-frozen{background:var(--accent);color:#101216}.actionbtn{width:52px;height:52px}.actionbtn svg{width:24px;height:24px}.split{left:12px;right:12px;top:calc(var(--safe-top) + 52px);text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute}.split__hint{border-radius:var(--radius);background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin:0;padding:8px 14px;font-size:14px;font-weight:600}.split__round{color:var(--fg);text-shadow:0 1px 3px #000c;font-size:13px}.hues{background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;gap:6px;padding:3px;display:flex}.hues__item{min-height:34px;color:var(--fg);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 14px;font-size:13px;font-weight:600}.chip--sm{pointer-events:auto;min-height:34px;padding:0 14px;font-size:13px}.hues__item.is-active{background:var(--accent);color:#101216}.sheet{z-index:10;background:#0009;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet__panel{width:100%;max-height:88dvh;padding:10px var(--pad) max(var(--pad), var(--safe-bottom));border-top:1px solid var(--line);background:#14161a;border-radius:20px 20px 0 0;flex-direction:column;gap:14px;display:flex;overflow-y:auto}.sheet__grip{background:var(--line);border-radius:2px;width:40px;height:4px;margin:2px auto 4px}.sheet__title{margin:0;font-size:20px}.sheet__body{flex-direction:column;gap:12px;display:flex}.sheet__body p{margin:0}.sheet__actions{flex-direction:column;gap:10px;display:flex}.seasons{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;display:grid}.season{border:1px solid var(--line);border-radius:var(--radius);color:var(--fg);font:inherit;cursor:pointer;background:#191c21;flex-direction:column;align-items:center;gap:8px;padding:12px 6px;font-size:13px;display:flex}.season.is-current{border-color:var(--accent)}.season__name{text-align:center;line-height:1.3}.swatch{border:1px solid #ffffff26;border-radius:50%;width:44px;height:44px}.contact{grid-template-columns:repeat(auto-fill,minmax(94px,1fr));gap:10px;display:grid}.contact__item{border-radius:var(--radius);color:var(--fg);font:inherit;cursor:pointer;background:0 0;border:2px solid #0000;flex-direction:column;gap:6px;padding:0;font-size:12px;display:flex}.contact__item.is-current{border-color:var(--accent)}.contact__image{border-radius:10px;width:100%;height:auto;display:block}.contact__name{text-align:center;line-height:1.3}.capture__image{object-fit:contain;border-radius:var(--radius);background:#000;width:100%;max-height:46dvh;display:block}.result{align-items:center;gap:14px;display:flex}.result__winner{margin:0;font-size:18px;font-weight:700}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}