:root,[data-theme]{--bg:var(--surface-alt);--ink:var(--text);--muted:var(--text-muted);--line:var(--border);--accent:var(--primary);--accent-ink:var(--on-primary);--accent-soft:var(--secondary);--ok:var(--success-fg);--ok-soft:var(--success-bg);--warn:var(--danger-fg);--warn-soft:var(--danger-bg);--input-border:var(--c-gray-500);--s1:var(--sp-2);--s2:var(--sp-4);--s3:var(--sp-5);--s4:var(--sp-6);--s8:var(--sp-9);--radius:var(--radius-lg);color-scheme:light;}*{box-sizing:border-box}:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans)}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--link)}:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}input:not([type=radio]):not([type=checkbox]),select,textarea,.search{border-color:var(--input-border)!important}button,.btn,input:not([type=radio]):not([type=checkbox]),select,.sel,.row,.rel label,.scale button{min-height:var(--touch-min)}.btn{border-radius:var(--radius-md)}.btn:hover:not([disabled]){background:var(--primary-hover)}.btn.ghost:hover:not([disabled]){background:var(--secondary)}.err{background:var(--danger-bg)!important;color:var(--danger-fg)!important;border-left:4px solid var(--danger-fg);display:flex;gap:var(--sp-2);align-items:flex-start}.err::before{content:"⚠ ข้อผิดพลาด:";font-weight:var(--fw-semibold);white-space:nowrap}.err.hidden{display:none}.item.miss .q::before{content:"⚠ ยังไม่ตอบ · ";font-weight:var(--fw-semibold)}.logo-ph{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--primary);color:var(--on-primary);font-weight:var(--fw-bold);font-size:var(--fs-12);letter-spacing:.02em;flex:none}.brandrow{display:flex;gap:var(--sp-3);align-items:center}header.top,body::before{background:var(--nav-bg)!important;color:var(--nav-fg);border-bottom-color:var(--nav-bg)!important}header.top .brand small,header.top .who{color:var(--nav-fg);opacity:.85}header.top .who button{color:var(--nav-fg)}header.top .logo-ph{background:var(--on-primary);color:var(--c-blue-900)}header.top:focus-visible{outline-color:var(--on-primary)}