:root{--acc: #b79cff;--acc-hi: #c9b6ff;--acc-deep: #7c5cff;--acc-rgb: 124, 92, 255;--acc-tint: #edebff;--bg: #0a0b0f;--page: #17181d;--card: #14151b;--card-2: #16171e;--field: #0f1015;--line: rgba(255, 255, 255, .07);--text: #f2f3f7;--muted: #9ca0ae;--dim: #7d8290;--ok: #46d6a0;--warn: #e7b24e;--bad: #f5715e}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html,body{margin:0;padding:0;background:var(--page)}body{font-family:IBM Plex Sans Thai,system-ui,sans-serif;color:var(--text)}#root{min-height:100vh}input,textarea{font-family:IBM Plex Sans Thai,system-ui,sans-serif}input:focus,textarea:focus{outline:none;border-color:var(--acc-deep)!important}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.mono{font-family:IBM Plex Mono,ui-monospace,monospace}.noscroll::-webkit-scrollbar{width:0;height:0}.noscroll{scrollbar-width:none}.stage{display:flex;justify-content:center;align-items:center;min-height:100vh;min-height:100dvh;padding:24px 0}.device{width:402px;height:874px;max-width:100vw;background:var(--bg);color:var(--text);border-radius:46px;overflow:hidden;position:relative;display:flex;flex-direction:column;box-shadow:0 30px 80px #0009}@media(max-width:440px){.stage{padding:0;align-items:stretch}.device{width:100vw;height:100vh;height:100dvh;border-radius:0;box-shadow:none}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes screenIn{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}