.eis-button{appearance:none;background:var(--navy-900);color:var(--text-on-dark);border:1px solid var(--navy-900);border-radius:var(--radius-sm);font:inherit;cursor:pointer;padding:.75rem 1rem;font-weight:600}.eis-button:hover:not(:disabled){background:var(--navy-700);border-color:var(--navy-700)}.eis-button:focus-visible{outline:2px solid var(--gold-400);outline-offset:2px}.eis-button:disabled{opacity:.55;cursor:not-allowed}.eis-button-block{width:100%}.eis-button-ghost{color:var(--navy-900);background:0 0;border-color:#0000}.eis-button-ghost:hover:not(:disabled){background:var(--navy-100);color:var(--navy-900);border-color:#0000}.eis-button-on-dark{color:var(--text-on-dark);border-color:var(--gold-500);background:0 0}.eis-button-on-dark:hover:not(:disabled){background:var(--navy-hover);color:var(--text-on-dark);border-color:var(--gold)}.eis-button-accent{background:var(--gold);color:var(--ink);border-color:var(--gold)}.eis-button-accent:hover:not(:disabled){background:var(--gold-400);border-color:var(--gold-400);color:var(--ink)}.eis-field{text-align:left;flex-direction:column;gap:.35rem;display:flex}.eis-field label{color:var(--ink);font-size:.95rem;font-weight:600}.eis-field input,.eis-field textarea{box-sizing:border-box;border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);background:var(--surface);border-radius:10px;padding:.75rem .85rem}.eis-field input:focus,.eis-field textarea:focus{outline:2px solid var(--gold);outline-offset:1px;box-shadow:none}.eis-field input[aria-invalid=true]{border-color:var(--danger)}.eis-field-error{color:var(--danger);margin:0;font-size:.9rem}.eis-card{background:var(--surface);color:var(--ink);border:1px solid var(--line);box-sizing:border-box;box-shadow:var(--shadow);border-radius:12px;padding:1.75rem 1.5rem}.eis-logo{object-fit:contain;display:block}.eis-logo-fallback{background:var(--navy-900);color:var(--text-on-dark);border:2px solid var(--gold-500);box-sizing:border-box;border-radius:50%;place-items:center;font-weight:700;display:grid}.eis-auth-screen{background:var(--bg-auth);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.eis-auth-panel{width:100%;max-width:380px}.eis-auth-brand{justify-content:center;display:flex}.eis-auth-title{text-align:center;color:var(--navy-900);margin:.85rem 0 0;font-size:1.75rem;font-weight:700}.eis-auth-subtitle{text-align:center;color:var(--text-muted);margin:.25rem 0 0}.eis-gold-rule{background:var(--gold-500);border:0;width:40px;height:2px;margin:.85rem auto 1.25rem}.eis-stack{flex-direction:column;gap:.85rem;display:flex}.eis-note{color:var(--ink);text-align:center;margin:0}.eis-muted{color:var(--text-muted);text-align:center;margin:0;font-size:.95rem}.eis-dev-otp{border:1px solid var(--gold-500);background:var(--gray-50);color:var(--ink);border-radius:var(--radius-sm);text-align:center;margin:0;padding:.65rem .75rem}.eis-header{box-sizing:border-box;background:var(--navy);height:56px;color:var(--text-on-dark);align-items:center;gap:12px;padding:0 24px;display:flex}.eis-header-title{color:var(--text-on-dark);flex:1;margin:0;font-size:1.125rem}.eis-header-name{color:var(--text-on-dark);margin:0}.eis-page{background:var(--bg-app);min-height:100vh;color:var(--ink)}.eis-page-main{max-width:720px;padding:1.5rem}.eis-fill{max-width:480px;color:var(--ink);margin:0 auto;padding:1rem 1rem 5rem}.eis-fill h2{color:var(--navy-900);margin:0}.eis-pending{color:var(--navy-900);margin:0;font-weight:700}.eis-fill-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.eis-fill-list button{text-align:left;background:var(--surface);border:1px solid var(--line);width:100%;box-shadow:var(--shadow);cursor:pointer;border-radius:12px;flex-direction:column;gap:.25rem;padding:.85rem 1rem;display:flex}.eis-chip{border-radius:999px;width:fit-content;padding:.1rem .55rem;font-size:.85rem;font-weight:600;display:inline-block}.eis-chip-not_started{background:var(--gray-50);color:var(--text-muted);border:1px solid var(--border)}.eis-chip-in_progress{background:var(--navy-900);color:var(--text-on-dark)}.eis-chip-submitted{background:var(--success);color:var(--text-on-dark)}.eis-progress{background:var(--navy-100);border-radius:999px;height:.45rem;overflow:hidden}.eis-progress>span{background:var(--navy-900);height:100%;display:block}.eis-info-row,.eis-choice-row,.eis-nav-row,.eis-stepper{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.eis-info-row button,.eis-choice-row button,.eis-nav-row button,.eis-stepper button,.eis-fill>button{background:var(--surface);color:var(--navy-900);border:1px solid var(--navy-900);border-radius:var(--radius-sm);cursor:pointer;padding:.55rem .8rem}.eis-fill-head{z-index:2;background:var(--surface);padding-bottom:.6rem;position:sticky;top:0}.eis-fill-head h2,.eis-topic{color:var(--navy-900)}.eis-topic{margin:.2rem 0 .6rem;font-size:1.35rem}.eis-choice-row button,.eis-nav-row button,.eis-info-row button,.eis-na,.eis-fill>button{min-width:44px;min-height:44px}.eis-segments{grid-template-columns:repeat(5,minmax(44px,1fr));display:grid}.eis-segments button{flex-direction:column;justify-content:center;align-items:center;display:flex}.eis-segments button:focus-visible,.eis-pills button:focus-visible,.eis-na:focus-visible{outline:2px solid var(--gold-500);outline-offset:2px}.eis-pills button{flex:1}.eis-answer{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.eis-muted{opacity:.45}.eis-choice-row button[aria-pressed=true],.eis-fill button[aria-pressed=true]{background:var(--navy-900);color:var(--text-on-dark)}.eis-popup{border:1px solid var(--gold-500);background:var(--gold-100);color:var(--ink);border-radius:var(--radius);padding:.85rem 1rem}.eis-bottom-nav{background:var(--navy-900);display:flex;position:fixed;bottom:0;left:0;right:0}.eis-bottom-nav button{color:var(--text-on-dark);background:0 0;border:0;flex:1;padding:.85rem .4rem}.eis-bottom-nav button[aria-current=page]{box-shadow:inset 0 3px 0 var(--gold-500)}.eis-bottom-nav button:disabled{color:var(--text-muted)}.eis-score-card{border-top:4px solid var(--gold-500);padding-top:.75rem}.eis-score{color:var(--navy-900);margin:0;font-size:2.5rem;font-weight:700}.eis-band{color:var(--navy-900);margin:.2rem 0 0;font-weight:700}.eis-bars{align-items:flex-end;gap:1rem;height:8rem;display:flex}.eis-bar-col{flex-direction:column;flex:1;justify-content:flex-end;height:100%;display:flex}.eis-bar-col span{background:var(--navy-900);border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:.25rem;display:block}.eis-bar-col p{color:var(--ink);margin:.35rem 0 0;font-size:.85rem}.eis-fill textarea{width:100%;min-height:6rem;font:inherit;color:var(--ink)}.eis-complete{background:var(--navy-100);border-radius:99px;height:.5rem;overflow:hidden}.eis-complete>span{background:var(--gold-500);height:100%;display:block}.eis-profile-field{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.65rem 0;display:flex}.eis-profile-field p{margin:.15rem 0 0}.eis-flag{color:#fff;background:#b42318;border-radius:999px;margin-top:.25rem;padding:.15rem .5rem;display:inline-block}.eis-icon-button{color:var(--navy-700);cursor:pointer;font:inherit;background:0 0;border:0}.eis-lang-toggle{align-items:center;gap:.35rem;display:inline-flex}.eis-lang-toggle button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:.15rem .1rem}.eis-lang-toggle button[aria-pressed=true]{box-shadow:inset 0 -2px 0 var(--gold-500);font-weight:700}.eis-lang-toggle span{opacity:.7}:root{--canvas:#f5f6f9;--surface:#fff;--ink:#1a1a2e;--muted:#5b6072;--line:#e4e7ef;--navy:#1b3a6b;--navy-hover:#15305a;--navy-tint:#e9eef6;--gold:#c8960c;--success:#1e7f4f;--success-tint:#e7f3ec;--warn:#b7791f;--warn-tint:#fbf3dd;--danger:#b4232a;--danger-tint:#fbeaea;--info:var(--navy-tint);--navy-900:var(--navy);--navy-700:var(--navy-hover);--navy-50:var(--navy-tint);--navy-100:var(--navy-tint);--gold-500:var(--gold);--gold-400:#e0ab1e;--gold-100:var(--warn-tint);--text-muted:var(--muted);--text-on-dark:#fff;--bg-app:var(--canvas);--bg-auth:var(--canvas);--gray-50:var(--canvas);--border:var(--line);--warning:var(--warn);--color-primary:var(--navy);--color-primary-hover:var(--navy-hover);--color-accent:var(--gold);--focus-ring:var(--gold);--radius:12px;--radius-sm:10px;--shadow:0 1px 2px #1a1a2e0f;--font-sans:"Sarabun", "Noto Sans Thai", system-ui, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px}body{font-family:var(--font-sans);background:var(--bg-app);color:var(--ink);margin:0}button,input{font-family:inherit}