:root{color-scheme:dark;--red:#e5092c;--panel:#101012;--line:#ffffff16;--muted:#aaa2a8;--cream:#ead7d2;--gold:#b49364;--bg:#151116;font-family:'Chakra Petch','Noto Sans Thai',sans-serif;color:var(--cream);font-size:14px}*{box-sizing:border-box}body{margin:0;background:transparent}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.35}button,input{outline:none}button:focus-visible,input:focus-visible{outline:1px solid var(--gold);outline-offset:3px}button{transition:background .18s,border-color .18s,transform .18s}button:active:not(:disabled){transform:translateY(1px)}h1,h2,h3,p{margin:0}button svg,.search svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.eyebrow{font-size:8px;letter-spacing:.18em;color:#aa8a88;font-weight:500}.btn{border:1px solid var(--line);border-radius:50px;background:#151416;color:var(--cream);min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 19px;font-size:12px;font-weight:500}.btn:hover{border-color:#b4936460;background:#201c1d}.btn.primary{background:var(--red);border-color:var(--red);color:#fff}.btn.primary:hover{background:#ff1138}.close{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:22px;line-height:1}.close:hover{color:var(--cream);border-color:#b4936470}kbd{font-family:inherit;font-size:9px;border:1px solid #ffffff1b;padding:2px 5px;border-radius:3px;color:#b3a7ab}dialog{color:var(--cream);background:#101012;border:1px solid #693b42;border-top:2px solid #b32b44;border-radius:15px;width:min(430px,92vw);padding:24px;max-height:90vh;overflow:auto;box-shadow:0 24px 80px #0009}dialog::backdrop{background:#080609a6;backdrop-filter:blur(4px)}dialog[open]{animation:modal-enter .24s ease-out}dialog h2{font-size:21px;font-weight:500}.modal-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.modal-actions{display:flex;gap:9px;margin-top:22px}.modal-actions .btn{flex:1;min-width:0}.modal-foot{font-size:10px;line-height:1.8;color:var(--muted);margin-top:13px}.text-button{border:0;background:none;color:var(--gold);font-size:11px;padding:8px}.empty{padding:35px 12px;text-align:center;color:var(--muted);font-size:12px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:#54343e;border-radius:5px}::-webkit-scrollbar-track{background:transparent}[hidden]{display:none!important}@keyframes modal-enter{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
