.lg-screen{--lg-floor-1:color-mix(in oklab, var(--brand) 72%, #fff);--lg-floor-2:var(--brand);--lg-floor-3:color-mix(in oklab, var(--brand) 76%, #000);--lg-deep:color-mix(in oklab, var(--brand) 16%, #14110d);--lg-ink:color-mix(in oklab, var(--brand) 20%, #fff);--lg-dim:color-mix(in oklab, var(--lg-ink) 62%, transparent);--lg-hi:color-mix(in oklab, var(--brand) 55%, #fff);background:linear-gradient(168deg, var(--lg-floor-1) 0%, var(--lg-floor-2) 46%, var(--lg-floor-3) 100%);min-height:100dvh;color:color-mix(in oklab, var(--brand) 30%, #000);position:relative;overflow:hidden}.lg-bg{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.lg-bg i{filter:blur(38px);mix-blend-mode:soft-light;opacity:.95;border-radius:50%;position:absolute}.lg-bg .b1{inset-inline-start:-22%;background:radial-gradient(closest-side,#fff,#0000 70%);width:105%;height:52%;animation:21s ease-in-out infinite alternate lg-f1;top:-8%}.lg-bg .b2{inset-inline-end:-24%;background:radial-gradient(closest-side, var(--lg-floor-3), transparent 70%);width:95%;height:48%;animation:26s ease-in-out infinite alternate lg-f2;top:20%}.lg-bg .b3{inset-inline-start:-16%;background:radial-gradient(closest-side, var(--lg-hi), transparent 72%);width:110%;height:54%;animation:23s ease-in-out infinite alternate lg-f3;bottom:2%}.lg-bg .b4{inset-inline-end:-14%;background:radial-gradient(closest-side, var(--lg-deep), transparent 70%);width:85%;height:44%;animation:29s ease-in-out infinite alternate lg-f4;bottom:-12%}@keyframes lg-f1{to{transform:translate(6%,4%)scale(1.08)}}@keyframes lg-f2{to{transform:translate(-7%,5%)scale(1.1)}}@keyframes lg-f3{to{transform:translate(5%,-4%)scale(1.06)}}@keyframes lg-f4{to{transform:translate(-5%,-6%)scale(1.12)}}@media (prefers-reduced-motion:reduce){.lg-bg i,.lg-chip,.lg-mini{animation:none!important}}.lg-glint{z-index:0;pointer-events:none;background:radial-gradient(38% 22% at 22% 12%,#ffffff80,#0000 70%),radial-gradient(30% 18% at 82% 62%,#ffffff52,#0000 72%);position:absolute;inset:0}.lg-body{z-index:1;max-width:430px;min-height:100dvh;padding:calc(env(safe-area-inset-top,0px) + 22px) 20px calc(env(safe-area-inset-bottom,0px) + 22px);flex-direction:column;margin:0 auto;display:flex;position:relative}.lg-seal{justify-content:center;display:flex}.lg-pill{background:color-mix(in oklab, var(--lg-deep) 88%, transparent);border-radius:999px;align-items:center;gap:9px;padding:7px 8px 7px 14px;display:inline-flex;box-shadow:0 6px 20px #0000002e}.lg-pill .lg-eye{letter-spacing:.16em;text-transform:uppercase;color:color-mix(in oklab, var(--lg-ink) 70%, transparent);font-size:9.5px;font-weight:900}.lg-pill .lg-dv{background:color-mix(in oklab, var(--lg-ink) 28%, transparent);width:1px;height:13px}.lg-pill .lg-mk{color:var(--lg-ink);font-size:13.5px;font-weight:900}.lg-pill .lg-st{background:var(--brand);border-radius:50%;place-items:center;width:21px;height:21px;display:grid}.lg-pill .lg-st img{object-fit:contain;width:13px;height:13px}.lg-mid{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;padding:26px 0;display:flex}.lg-mini{background:linear-gradient(150deg, var(--lg-deep), color-mix(in oklab, var(--lg-deep) 72%, var(--brand)));border-radius:16px;width:208px;padding:15px 16px 17px;animation:7s ease-in-out infinite alternate lg-float;transform:rotate(-4deg);box-shadow:0 18px 40px #00000047}@keyframes lg-float{to{transform:rotate(-4deg)translateY(-8px)}}.lg-mini .lg-cm{letter-spacing:.14em;text-transform:uppercase;color:var(--lg-dim);font-size:9px;font-weight:900}.lg-mini .lg-nm{color:var(--lg-ink);margin-top:3px;font-size:13px;font-weight:900}.lg-mini .lg-dots{gap:5px;margin-top:13px;display:flex}.lg-mini .lg-dots i{border:1.5px solid color-mix(in oklab, var(--lg-ink) 30%, transparent);border-radius:50%;width:15px;height:15px}.lg-mini .lg-dots i.on{background:var(--brand);border-color:#0000}.lg-plate{text-align:center}.lg-plate h1{letter-spacing:-.02em;color:color-mix(in oklab, var(--brand) 28%, #000);margin:0;font-size:clamp(26px,8vw,33px);font-weight:900;line-height:1.18}.lg-plate h1 em{color:var(--lg-deep);font-style:normal}.lg-plate p{color:color-mix(in oklab, var(--brand) 42%, #000);margin:9px 0 0;font-size:13.5px;font-weight:600;line-height:1.6}.lg-triad{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.lg-chip{background:color-mix(in oklab, var(--lg-deep) 86%, transparent);border-radius:999px;align-items:center;gap:7px;padding:8px 13px 8px 9px;animation:.5s ease-out both lg-rise;display:inline-flex}.lg-chip:nth-child(2){animation-delay:80ms}.lg-chip:nth-child(3){animation-delay:.16s}@keyframes lg-rise{0%{opacity:0;transform:translateY(9px)}}.lg-chip .lg-ic{background:var(--brand);width:22px;height:22px;color:var(--on-brand);border-radius:50%;place-items:center;display:grid}.lg-chip .lg-ic svg{width:13px;height:13px}.lg-chip b{color:var(--lg-ink);font-size:12.5px;font-weight:800}.lg-card{background:linear-gradient(160deg, var(--lg-deep), color-mix(in oklab, var(--lg-deep) 84%, #000));border-radius:22px;padding:20px 18px 18px;position:relative;overflow:hidden;box-shadow:0 20px 50px #0000004d}.lg-card:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--lg-hi) 70%, transparent), transparent);height:1px;position:absolute;inset:0 0 auto}.lg-card .lg-head{color:var(--lg-ink);text-align:center;font-size:15px;font-weight:900}.lg-card .lg-sub{color:var(--lg-dim);text-align:center;margin:5px 0 15px;font-size:12px;font-weight:600;line-height:1.55}.lg-gis{justify-content:center;min-height:44px;display:flex}.lg-btn{background:var(--brand);width:100%;color:var(--on-brand);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:13px 16px;font-family:inherit;font-size:15px;font-weight:900;display:flex}.lg-btn:active{transform:scale(.985)}.lg-btn:disabled{opacity:.6;cursor:default}.lg-input{border:1px solid color-mix(in oklab, var(--lg-ink) 22%, transparent);width:100%;color:var(--lg-ink);background:#00000038;border-radius:12px;margin-bottom:9px;padding:12px 14px;font-family:inherit;font-size:15px}.lg-input::placeholder{color:color-mix(in oklab, var(--lg-ink) 45%, transparent)}.lg-err{color:#fecaca;text-align:center;background:#ef444429;border-radius:11px;margin-top:11px;padding:9px 12px;font-size:12.5px;font-weight:700;line-height:1.5}.lg-note{color:color-mix(in oklab, var(--lg-ink) 48%, transparent);text-align:center;margin-top:12px;font-size:11px;font-weight:600;line-height:1.6}.lg-note button{color:var(--lg-ink);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}:root{--brand:#e8a33d;--on-brand:#3a2607;--ink:#1c1917;--muted:#78716c;--line:#e7e5e4;--bg:#faf9f7}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans Thai,sans-serif}.screen{max-width:430px;padding:calc(env(safe-area-inset-top,0px) + 20px) 16px calc(env(safe-area-inset-bottom,0px) + 96px);margin:0 auto}.brandbar{align-items:center;gap:12px;margin-bottom:18px;display:flex}.brandlogo{object-fit:contain;background:#fff;border-radius:12px;width:44px;height:44px}.brandname{letter-spacing:-.01em;font-size:19px;font-weight:800}.brandtag{color:var(--muted);margin-top:2px;font-size:12.5px}.h2{margin:22px 0 10px;font-size:15px;font-weight:800}.card{background:#fff;border-radius:18px;padding:18px;box-shadow:0 1px 3px #0000000d}.card.warn{border:1px solid var(--brand)}.card.warn p{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.6}.memcard{background:linear-gradient(135deg, var(--brand), #fff 190%);color:var(--on-brand)}.memlabel{opacity:.75;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.memstats{gap:28px;margin-top:14px;display:flex}.memstats b{font-size:30px;font-weight:900;line-height:1.1;display:block}.memstats span{opacity:.8;font-size:12.5px;font-weight:600}.msg{text-align:center;color:var(--muted);padding:22px 12px;font-size:13.5px}button.msg{cursor:pointer;background:0 0;border:0;width:100%;font-family:inherit;display:block}.msg.err{color:#b91c1c;font-weight:600}code{background:#f5f5f4;border-radius:5px;padding:1px 5px;font-size:12px}.tabbar{width:100%;max-width:430px;padding:8px 10px calc(env(safe-area-inset-bottom,0px) + 8px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);z-index:50;background:#ffffffeb;justify-content:space-around;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tabbtn{color:var(--muted);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 2px;font-size:10px;font-weight:700;text-decoration:none;display:flex}.tabbtn svg{width:24px;height:24px}.tabbtn.active{color:var(--brand)}.boot{background:var(--bg);min-height:100dvh}
