#new-user-guide{position:fixed;inset:0;box-sizing:border-box;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgba(3,8,22,.55)!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;color:#edf3ff;overflow:hidden;font-family:Manrope,'Noto Sans Thai',sans-serif}
#new-user-guide::backdrop{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
#new-user-guide.has-target{background:transparent!important}
#new-user-guide .new-user-guide-spotlight{position:fixed;z-index:0;box-sizing:border-box;border:3px solid #ffdf75;border-radius:10px;background:transparent;box-shadow:0 0 0 4px #ffdf7524,0 0 0 9999px #02071788;pointer-events:none}
#new-user-guide .new-user-guide-spotlight[hidden]{display:none}
#new-user-guide .new-user-guide-card{position:fixed;z-index:2;box-sizing:border-box;padding:16px;background:#142039;border:1px solid #829fff66;border-radius:13px;box-shadow:0 20px 70px #0008;overflow:auto;overscroll-behavior:contain;text-align:left;color:#edf3ff}
#new-user-guide .new-user-guide-eyebrow{display:none}
#new-user-guide h2{margin:0 24px 8px 0;color:#fff;font-size:16px;font-weight:700;line-height:1.45;overflow-wrap:anywhere}
#new-user-guide h2:focus{outline:none}
#new-user-guide p{margin:0 0 12px;color:#d1ddf2;font-size:12px;line-height:1.65;overflow-wrap:anywhere}
#new-user-guide button{box-sizing:border-box;min-height:40px;padding:8px 12px;border:1px solid #728bbd66;border-radius:10px;background:#20314f;color:#edf3ff;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
#new-user-guide button:focus-visible,.new-user-guide-replay:focus-visible{outline:2px solid #c3d5ff;outline-offset:3px}
#new-user-guide button:disabled{opacity:.4;cursor:default}
#new-user-guide .new-user-guide-close{position:absolute;right:4px;top:3px;width:40px;min-height:40px;padding:0;background:transparent;border-color:transparent;color:#d9e6ff;font-size:27px;line-height:1}
#new-user-guide .new-user-guide-actions{display:flex;gap:10px;justify-content:space-between;margin-top:10px}
#new-user-guide .new-user-guide-next{background:#5174e8;border-color:#7d9aff;color:#fff}
#new-user-guide .new-user-guide-stop{display:block;margin:4px auto 0;min-height:32px;padding:5px 2px;background:transparent;border-color:transparent;color:#b7c8e8;font-size:10px;text-decoration:underline;text-underline-offset:3px}
#new-user-guide .new-user-guide-meter{display:flex;align-items:center;gap:14px;color:#b9cbed;font-size:11px}
#new-user-guide progress{flex:1;width:100%;height:5px;border:0;border-radius:4px;appearance:none;-webkit-appearance:none;background:#36496c;color:#96b6ff;overflow:hidden}
#new-user-guide progress::-webkit-progress-bar{background:#36496c}
#new-user-guide progress::-webkit-progress-value{background:#96b6ff}
#new-user-guide progress::-moz-progress-bar{background:#96b6ff}
.new-user-guide-replay{display:block;width:fit-content;max-width:100%;margin-top:10px;padding:7px 0;background:transparent;border:0;color:#abc5ff;font:inherit;font-size:12px;line-height:1.6;cursor:pointer;text-align:left;text-decoration:underline;text-underline-offset:4px}
@media(max-width:480px){#new-user-guide .new-user-guide-card{padding:14px}#new-user-guide .new-user-guide-actions button{flex:1}}
@media(prefers-reduced-motion:reduce){#new-user-guide *{scroll-behavior:auto!important}}

#new-user-guide .new-user-guide-pointer{position:fixed;inset:0;width:100%;height:100%;z-index:1;overflow:visible;pointer-events:none}
#new-user-guide .new-user-guide-pointer[hidden]{display:none}