:root{--ink:#170b20;--paper:#fff9fd;--mag:#d72b8b;--vio:#6d3df5;--lime:#dfff9a;--muted:#816d7c}.dark-copy{display:block;color:#604b59;margin-top:16px}.transcript{min-height:1.2em;margin:14px 0 0;color:#5b2860;font-weight:700}.meaning-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:18px}.meaning-card{border:1px solid #d6c5ee;border-radius:14px;padding:12px;background:#f8f4ff;min-height:132px}.meaning-card img{width:42px;height:42px;display:block;margin-bottom:8px}.meaning-card span{display:block;font-size:12px;font-weight:800;color:#5c4580}.meaning-card b{display:block;margin-top:5px;line-height:1.3}.response-cards{border:1px solid #d7c1cf;border-radius:14px;padding:12px;margin:16px 0 0}.response-cards legend{font-weight:800}.response-card{border:1px solid #a97898;background:white;color:#421a35;border-radius:99px;padding:9px 12px;margin:4px;cursor:pointer;font:inherit}.response-card:focus-visible{outline:3px solid var(--vio);outline-offset:2px}.transcript-diagnostic{margin-top:14px;padding:12px;border-left:5px solid var(--vio);background:#f4efff;color:#38204d;line-height:1.5}.smoke-actions{margin-top:10px}.technical-report{display:block;width:min(100%,920px);min-height:390px;margin:24px 0;padding:16px;border:1px solid #9d83b1;border-radius:14px;background:#fff;color:#291427;font:14px/1.5 ui-monospace,Consolas,monospace;white-space:pre-wrap}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Noto Sans Thai",sans-serif;background:var(--ink);color:var(--paper)}button{font:inherit}
#app{min-height:100vh}.screen{min-height:100vh;padding:clamp(24px,5vw,70px);display:none;position:relative;overflow:hidden}.screen.on{display:block}
.kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#d8b8ce}h1{font-size:clamp(46px,8vw,120px);line-height:.94;margin:18px 0;letter-spacing:-.055em}h2{font-size:clamp(32px,5vw,72px);line-height:1;margin:14px 0;letter-spacing:-.04em}
.lead{font-size:clamp(18px,2vw,28px);max-width:850px;line-height:1.45;color:#eadce6}.accent{color:#ff75bd}.signal{color:var(--lime)}
.btn{border:0;padding:15px 20px;border-radius:999px;background:linear-gradient(90deg,var(--mag),var(--vio));color:#fff;font-weight:800;cursor:pointer;margin:6px}.btn.alt{background:#fff1fa;color:#7b1c5d}.btn.dark{background:#34223b}.next{position:absolute;right:5vw;bottom:5vh}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:28px}.card{border:1px solid #ffffff24;background:#ffffff0c;border-radius:22px;padding:20px;cursor:pointer;text-align:left;color:inherit;font:inherit}.card:hover{background:#ffffff16}.card:focus-visible,.choice:focus-visible,.btn:focus-visible,.output-option:focus-within{outline:3px solid var(--lime);outline-offset:3px}.pill{display:inline-block;border:1px solid #ffffff35;border-radius:99px;padding:6px 10px;font-size:12px}
.status{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:35px 0}.status>div{padding:22px;border-top:2px solid}.good{color:#dfff9a}.risk{color:#ff8da7}.fault{font-size:clamp(36px,6vw,90px);font-weight:900;letter-spacing:-.05em;margin:30px 0}
.timeline{border-left:3px solid #c653a0;padding-left:20px;margin-top:25px}.event{margin:14px 0}.small{color:#cdb9c8;font-size:14px}.choices{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.choice{border:1px solid #ffffff33;background:#ffffff0d;color:white;border-radius:16px;padding:16px;cursor:pointer}.choice.selected{outline:3px solid #ff75bd;background:#ff75bd22}.output-controls{border:1px solid #ffffff33;border-radius:18px;padding:18px;margin:22px 0;max-width:850px}.output-controls legend{font-weight:800}.output-options{display:flex;flex-wrap:wrap;gap:10px}.output-option{display:inline-flex;align-items:center;gap:7px;border:1px solid #ffffff33;border-radius:99px;padding:9px 12px;cursor:pointer}.output-option input{accent-color:var(--mag)}.question{background:#fff;color:#291427;border-radius:24px;padding:24px;max-width:850px}.large-output #presented{font-size:clamp(30px,4vw,52px)!important;line-height:1.45}.easy-read-output #presented{font-size:clamp(24px,3vw,38px)!important;line-height:1.75}.visual-points{display:grid;gap:10px;margin-top:18px}.visual-points div{border-left:6px solid var(--vio);background:#f2ecff;padding:12px}.visual-points span{display:block;font-size:13px;font-weight:800;color:#5c4580}.visual-points b{display:block;margin-top:3px;font-size:19px}.voice-tools{margin:18px 0;max-width:850px}.voice-actions{display:flex;flex-wrap:wrap;gap:8px}.voice-tools .btn{margin:0}.voice-tools .small{display:block;margin-top:10px}.light .voice-tools .small{color:#705a69}select{width:100%;font-size:19px;padding:13px;border-radius:12px;margin-top:12px}.result{padding:22px;border-radius:20px;font-size:24px;font-weight:850}.fail{background:#521a2a}.pass{background:#143d2b}.world{background:radial-gradient(circle at 75% 25%,#6c205d55,transparent 30%),linear-gradient(140deg,#16091d,#24102d 55%,#0b1524)}.light{background:#f7f1f5;color:#261421}.light .kicker,.light .small{color:#705a69}.light .lead{color:#604b59}.light .card{border-color:#dccbd6;background:white}.light .card:hover{background:#fff8fc}.light .pill{border-color:#d7c1cf}.light .choice{color:#421a35;border-color:#ddc7d5;background:white}.light .output-controls{border-color:#d7c1cf}.light .output-option{border-color:#d7c1cf}
@media(max-width:650px){.status{grid-template-columns:1fr}.next{position:static;margin-top:24px}}

.skip-link{position:absolute;left:16px;top:-60px;z-index:20;padding:12px 18px;border-radius:8px;background:#fff;color:#111;font-weight:700}
.skip-link:focus-visible{top:16px;outline:3px solid #6d3df5;outline-offset:2px}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}