#toast-stack{position:fixed;right:calc(16px + env(safe-area-inset-right));top:calc(92px + env(safe-area-inset-top));z-index:10000;display:grid;gap:10px;width:min(385px,calc(100vw - 32px));pointer-events:none}.site-announcement{position:relative;padding:12px 22px;background:#eaf6ff;border-bottom:1px solid #cfe7fa;text-align:center;color:#3977ac;font:600 12px "IBM Plex Sans Thai",sans-serif;overflow-wrap:anywhere}
.site-toast{pointer-events:auto;display:flex;align-items:flex-start;gap:12px;background:white;border:1px solid #ddecf9;border-left:4px solid #459be8;border-radius:14px;padding:14px 12px;box-shadow:0 18px 45px #194e8529;color:#3a5c79;font-size:13px;line-height:1.65;animation:toast-show .18s ease}.site-toast span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}.site-toast .toast-mark{width:23px;height:23px;border-radius:50%;background:#e6f4ff;color:#337bd0;display:grid;place-items:center;flex-shrink:0;font-weight:800;font-family:Arial,sans-serif}.site-toast-error{border-left-color:#e8787e}.site-toast-error .toast-mark{background:#fff1f2;color:#c85065}.site-toast .toast-mark svg{width:15px;height:15px;display:block}.site-toast button svg{display:block;width:16px;height:16px}
.site-toast-success{border-left-color:#36ae8e}.site-toast-success .toast-mark{background:#e8f9f2;color:#268d67}.site-toast button{border:0;background:none;color:#96acc0;font-size:20px;padding:0 3px;line-height:1}.admin-gate{border:1px solid #e2eef8;border-radius:22px;background:white;box-shadow:0 28px 80px #184a7545;color:#2b4b69;padding:28px;width:min(465px,calc(100vw - 25px));max-height:90dvh;overflow:auto;font-family:'IBM Plex Sans Thai',sans-serif}.admin-gate::backdrop{background:#103b6391;backdrop-filter:blur(7px)}.admin-gate h2{font-size:22px;margin:8px 0}.admin-gate p{font-size:13px;color:#879eb3;line-height:1.8}.admin-gate form{display:grid;gap:11px}.admin-gate input{width:100%;font:inherit;background:#fbfdff;border:1px solid #d9e8f7;border-radius:11px;padding:13px;color:#234c74;min-width:0}.admin-gate label{font-size:12px;font-weight:700;color:#547b9c}.admin-gate .gate-code{font-size:22px;letter-spacing:7px;text-align:center;font-family:ui-monospace,monospace}.gate-secret{background:#f1f8ff;border:1px solid #d4eaff;border-radius:10px;padding:13px;word-break:break-all;color:#2173b9;font:700 13px ui-monospace,monospace}.gate-closer{float:right;border:0;border-radius:8px;background:#f1f6fb;color:#557b9d;font-size:20px;width:33px;height:33px}.audit-dialog{width:min(860px,calc(100vw - 20px))}.admin-gate[open]{display:block}.admin-gate .modal-actions{display:flex;gap:9px;flex-wrap:wrap}.admin-gate .button{font-size:12px}.admin-gate .modal-actions .button{flex:1}.gate-status{font-size:12px;min-height:20px;color:#c84f62}@keyframes toast-show{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:650px){#toast-stack{top:calc(65px + env(safe-area-inset-top))}.admin-gate{padding:21px}}