:root { font-family: "Leelawadee UI", "Noto Sans Thai", system-ui, sans-serif; color: #f9f5ff; background: #21113a; }
* { box-sizing: border-box; }
body { min-height: 100vh; margin: 0; padding: 24px; display: grid; place-items: center; background: radial-gradient(circle at 85% 5%, #684698 0, transparent 36%), linear-gradient(150deg, #291548, #130c26); }
.card { width: min(100%, 540px); padding: clamp(26px, 7vw, 44px); border: 1px solid #987bb2; border-radius: 24px; background: #2e1a4de8; box-shadow: 0 22px 60px #0a071c80; }
.mark { display: grid; place-items: center; width: 72px; height: 72px; border-radius: 19px; background: #e8bc62; color: #321c55; font-size: 23px; font-weight: 800; }
.eyebrow { margin: 24px 0 5px; color: #dfbc75; font-size: 13px; font-weight: 700; letter-spacing: .04em; }
h1 { margin: 0; font-size: clamp(26px, 7vw, 36px); line-height: 1.3; }
.intro { color: #dfd4ee; line-height: 1.7; }
section { margin-top: 30px; }
h2 { margin: 0 0 12px; font-size: 19px; }
.status { margin: 0; padding: 13px 16px; border-radius: 12px; background: #4b3470; font-weight: 700; }
.hint { min-height: 24px; color: #e5d9f1; font-size: 14px; line-height: 1.6; }
.actions { display: flex; gap: 10px; flex-wrap: wrap; }
button { border: 0; border-radius: 10px; padding: 12px 18px; background: #e9bc61; color: #2a1846; font: inherit; font-weight: 700; cursor: pointer; }
button.secondary { background: #594279; color: #fff; }
button:disabled { opacity: .5; cursor: not-allowed; }
button:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.guide { border-top: 1px solid #76618f; padding-top: 24px; }
ol { margin: 0; padding-left: 25px; color: #e5d9f1; line-height: 1.9; }
.inbox { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.inbox li { padding: 14px 16px; border: 1px solid #806799; border-radius: 12px; background: #3d275e; }
.inbox strong { display: block; color: #f1c875; }
.inbox span { display: block; margin-top: 4px; line-height: 1.5; }
.inbox time { display: block; margin-top: 6px; color: #cabbdc; font-size: 12px; }