:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Sarabun,Noto Sans Thai,system-ui,sans-serif}body{margin:0}button{font-family:inherit}:root{--bg0:#1a1410;--bg1:#2a2118;--ink:#f6efe6;--muted:#c4b5a4;--accent:#e8a45c;--accent-ink:#1a1410;--line:#f6efe61f;--card:#2a2118eb;color:var(--ink);background:var(--bg0);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Sarabun,Noto Sans Thai,Segoe UI,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(1200px 600px at 10% -10%, #3d2a18 0%, transparent 55%), radial-gradient(900px 500px at 100% 0%, #4a2030 0%, transparent 50%), linear-gradient(165deg, var(--bg0), var(--bg1));min-height:100vh;margin:0}#root{min-height:100vh}.page{flex-direction:column;gap:1.5rem;max-width:34rem;margin:0 auto;padding:2rem 1.25rem 3rem;display:flex}.brand-name{letter-spacing:-.02em;margin:0;font-size:clamp(2.4rem,8vw,3.2rem);font-weight:700;line-height:1.1}.brand-sub{color:var(--muted);margin:.35rem 0 0;font-size:.95rem}.card{background:var(--card);border:1px solid var(--line);border-radius:1.25rem;padding:1.5rem 1.25rem 1.35rem;box-shadow:0 24px 60px #00000059}.theme{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin:0 0 .5rem;font-size:.8rem}.card h1{margin:0 0 .75rem;font-size:1.45rem;line-height:1.25}.prompt{color:var(--muted);margin:0 0 1.25rem;font-size:1.05rem}.choices{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.choice,.primary,.secondary,.ghost{width:100%;font:inherit;cursor:pointer;text-align:left;border-radius:.85rem;padding:.85rem 1rem;transition:transform .15s,background .15s,border-color .15s}.choice:disabled,.primary:disabled,.secondary:disabled{opacity:.65;cursor:wait}.choice{border:1px solid var(--line);color:var(--ink);background:#ffffff0a}.choice:hover,.choice:focus-visible{border-color:var(--accent);background:#e8a45c1f;outline:none}.choice:active{transform:scale(.99)}.result .picked{margin:0 0 .5rem;font-weight:600}.result .blurb{color:var(--muted);margin:0 0 1.1rem;font-size:1.05rem}.share-panel{margin:0 0 1.1rem}.share-label{letter-spacing:.04em;color:var(--accent);margin:0 0 .55rem;font-size:.85rem;font-weight:600}.share-preview{border:1px solid var(--line);aspect-ratio:1;background:#00000040;border-radius:1rem;place-items:center;display:grid;overflow:hidden}.share-preview img{width:100%;height:auto;display:block}.share-status,.share-error{color:var(--muted);text-align:center;margin:0;padding:1rem;font-size:.95rem}.share-error{color:#f0a0a0;margin-top:.5rem;padding:0}.actions{flex-direction:column;gap:.55rem;display:flex}.primary{background:var(--accent);color:var(--accent-ink);text-align:center;border:none;font-weight:700}.primary:hover,.primary:focus-visible{filter:brightness(1.05);outline:none}.secondary{color:var(--ink);text-align:center;background:#e8a45c1f;border:1px solid #e8a45c73;font-weight:600}.secondary:hover,.secondary:focus-visible{border-color:var(--accent);background:#e8a45c33;outline:none}.ghost{border:1px solid var(--line);color:var(--muted);text-align:center;background:0 0}.foot{color:var(--muted);text-align:center;opacity:.8;font-size:.8rem}@media (prefers-reduced-motion:reduce){.choice,.primary,.secondary,.ghost{transition:none}}