:root{--bg:#f4f8fc;--card:#fff;--ink:#1f2a44;--ink-soft:#6b7a99;--line:#e3eaf4;--blue:#1c8ef6;--blue-dark:#1273cc;--green:#58cc02;--green-dark:#46a302;--green-soft:#e8f8d8;--red:#ff4b4b;--red-dark:#d63b3b;--red-soft:#ffeaea;--gold:#ffc800;--radius:20px;font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);overscroll-behavior:none;-webkit-user-select:none;user-select:none}.app-frame{max-width:440px;height:100%;padding:16px 20px calc(20px + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex;overflow:hidden}button{cursor:pointer;border:none;font-family:inherit}.chunky{color:#fff;background:var(--green);width:100%;box-shadow:0 5px 0 var(--green-dark);border-radius:16px;padding:16px;font-size:17px;font-weight:800;transition:transform 50ms,box-shadow 50ms,filter .15s}.chunky:active{box-shadow:0 1px 0 var(--green-dark);transform:translateY(4px)}.chunky.blue{background:var(--blue);box-shadow:0 5px 0 var(--blue-dark)}.chunky.blue:active{box-shadow:0 1px 0 var(--blue-dark)}.choice{border:2px solid var(--line);background:var(--card);width:100%;color:var(--ink);text-align:left;border-bottom-width:4px;border-radius:16px;padding:15px 16px;font-size:16px;font-weight:700;transition:border-color .12s,background .12s,color .12s,transform 50ms}.choice:active:not(:disabled){border-bottom-width:2px;margin-bottom:2px;transform:translateY(2px)}.choice:disabled{cursor:default}.choice.correct{border-color:var(--green);background:var(--green-soft);color:var(--green-dark)}.choice.wrong{border-color:var(--red);background:var(--red-soft);color:var(--red-dark)}.choice.dimmed{opacity:.45}.speak-btn:active:not(:disabled){border-bottom-width:2px;transform:translateY(2px)}.speak-btn:disabled{cursor:default;opacity:.85}.reg-field{text-align:left;flex-direction:column;gap:4px;display:flex}.reg-field label{color:var(--ink-soft);font-size:12px;font-weight:800}.reg-field input,.reg-field select{color:var(--ink);background:var(--card);border:2px solid var(--line);appearance:none;border-radius:12px;width:100%;padding:11px 12px;font-family:inherit;font-size:15px;font-weight:600}.reg-field input:focus,.reg-field select:focus{border-color:var(--blue);outline:none}.reg-consent{text-align:left;color:var(--ink);align-items:flex-start;gap:8px;font-size:13px;font-weight:600;line-height:1.5;display:flex}.reg-consent input{width:18px;height:18px;accent-color:var(--green);flex-shrink:0;margin-top:1px}.reg-consent a{color:var(--blue);font-weight:700}.reg-error{color:var(--red-dark);margin:0;font-size:13px;font-weight:700}