@font-face{font-display:swap;font-family:Juache;font-style:normal;font-weight:400;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMJUA.woff) format("woff")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-330{background:#05f7ee;margin:0 auto;min-height:100vh;padding:24px 20px 40px;width:330px}.title{font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans KR,Apple SD Gothic Neo,sans-serif;font-size:52px;font-weight:700;line-height:1.05;margin:0 0 14px}.title em{font-style:italic}.subtitle{font-size:26px;font-weight:500;line-height:1.45;margin-top:18px}.continue-text{color:blue;cursor:pointer;text-decoration:underline}.continue-text:active{opacity:.6}.big-btn{background:#ff0e0e;border:none;color:#4be000;display:block;font-size:40px;font-weight:800;height:90px;margin-top:26px;width:230px}.big-btn:active{transform:translateY(1px)}@font-face{font-display:swap;font-family:Aggravo;font-weight:300;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroL.woff) format("woff")}.signup,.signup *{font-family:Aggravo,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans KR,Apple SD Gothic Neo,sans-serif}:root{--bg:#f5f5f0;--surface:#fff;--ink:#17181c;--muted:#435349;--primary:#5d866c;--primary-ink:#fff;--chip:#e6d8c3;--chip-ink:#1f2937;--ring:0 0 0 3px #262e272e;--shadow-1:0 8px 20px #3c4d3d14;--radius:14px}body,button,input,option,select{font-family:Aggravo,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans KR,Apple SD Gothic Neo,sans-serif}.signup{background:#f5f5f0;background:var(--bg);min-height:100vh;padding:28px 18px 44px}.title{font-size:30px;line-height:1.1;margin:0 0 18px}.title,.white{color:#17181c;color:var(--ink)}.form{display:flex;flex-direction:column;gap:14px}.label{color:#435349;color:var(--muted);font-size:13px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.input.red{background:#fff;background:var(--surface);border:1px solid #0000000f;border-radius:14px;border-radius:var(--radius);box-shadow:0 8px 20px #3c4d3d14;box-shadow:var(--shadow-1);color:#17181c;color:var(--ink);font-size:16px;height:50px;padding:0 14px}.input.red::placeholder{color:#9ca3af}.input.red:focus{box-shadow:0 8px 20px #3c4d3d14,0 0 0 3px #262e272e;box-shadow:var(--shadow-1),var(--ring);outline:none}.pw-options{display:flex;flex-wrap:wrap;gap:8px}.pw-chip{background:#e6d8c3;background:var(--chip);border:0;border-radius:999px;box-shadow:0 2px 6px #0000000f;color:#1f2937;color:var(--chip-ink);font-weight:700;padding:10px 12px}.pw-chip:active{transform:translateY(1px)}.pw-refresh{background:#0000;border:1px dashed #1f293759;border-radius:999px;color:#435349;color:var(--muted);padding:10px 12px}.field{display:flex;flex-direction:column;gap:12px}.field-label{color:#435349;color:var(--muted);font-size:14px}.row{grid-gap:14px;align-items:center;display:grid;gap:14px;grid-template-columns:56px auto 56px}.circle{background:#fff;background:var(--surface);border:0;border-radius:28px;box-shadow:0 8px 20px #3c4d3d14;box-shadow:var(--shadow-1);color:#17181c;color:var(--ink);font-weight:800;height:56px;letter-spacing:.2px;width:56px}.circle:active{transform:translateY(1px)}.red-box{background:#fff;background:var(--surface);border-radius:14px;border-radius:var(--radius);box-shadow:0 8px 20px #3c4d3d14;box-shadow:var(--shadow-1);color:#17181c;color:var(--ink);display:grid;font-weight:800;height:56px;place-items:center}.value{font-size:18px}.select.gray{background:#fff;background:var(--surface);border:1px solid #0000000f;border-radius:14px;border-radius:var(--radius);box-shadow:0 8px 20px #3c4d3d14;box-shadow:var(--shadow-1);color:#17181c;color:var(--ink);height:50px;padding:0 12px;width:180px}.select.gray:focus{box-shadow:0 8px 20px #3c4d3d14,0 0 0 3px #262e272e;box-shadow:var(--shadow-1),var(--ring);outline:none}.submit{background:#5d866c;background:var(--primary);border:0;border-radius:12px;color:#fff;color:var(--primary-ink);font-size:16px;font-weight:800;height:52px;margin-top:36px}.submit:active{transform:translateY(1px)}@media (prefers-reduced-motion:reduce){.circle:active,.pw-chip:active,.submit:active{transform:none}}.captcha{background:#fff;padding:24px 18px 44px}.caption{font-size:16px;text-align:center}.panel{grid-gap:16px;border:2px solid #ddd;gap:16px;padding:14px}.instruction-box{align-items:center;background:#0b8cff;border-radius:3px;color:#fff;display:flex;font-weight:400;height:40px;justify-content:center}.circle-button{background:linear-gradient(145deg,#b8b8b8,#9a9a9a);border:none;border-radius:50%;box-shadow:inset 0 4px 8px #fff6,inset 0 -4px 8px #0003,0 6px 10px #00000040;cursor:pointer;display:block;height:236px;margin:10px auto 6px;transition:transform .15s ease,box-shadow .15s ease;width:236px}.circle-button:active{background:linear-gradient(145deg,#9a9a9a,#b8b8b8);box-shadow:inset 0 2px 4px #0003,inset 0 -2px 4px #ffffff4d,0 2px 4px #0003;transform:translateY(3px)}.footer{display:flex;justify-content:flex-end}.submit-click{background:linear-gradient(180deg,#36a3ff,#0b8cff);border:none;border-radius:6px;color:#fff;font-weight:500;height:38px;transition:transform .15s ease,box-shadow .15s ease;width:110px}.captch2{background:#fff;padding:24px 18px 44px}.caption{color:#111;font-size:18px;font-weight:700;margin:16px 0 18px;text-align:left}.panel{grid-gap:12px;background:#fff;border:2px solid #dcdcdc;border-radius:6px;box-shadow:0 4px 14px #0000000a;box-sizing:border-box;display:grid;gap:12px;overflow:hidden;padding:16px}.instruction{background:#0b8cff;border-radius:4px;box-shadow:inset 0 -1px 0 #00000026;color:#fff;display:grid;font-weight:800;height:40px;max-width:300px;place-items:center}.problem{align-items:center;background:#f6f6f6;border:1px solid #e6e6e6;border-radius:4px;display:flex;justify-content:center;padding:6px}.problem-img{display:block;height:auto;max-width:100%}.bottom{align-items:stretch;display:flex;gap:10px;min-height:44px}.answer,.submit-math{box-sizing:border-box;font-size:14px;height:44px;line-height:normal}.answer{-webkit-appearance:none;appearance:none;background:#efefef;border:1px solid #e0e0e0;border-radius:6px;flex:1 1 auto;max-width:150px;padding:0 12px}.answer,.submit-math{align-items:center;display:inline-flex}.submit-math{background:#0b8cff;border:none;border-radius:6px;box-shadow:inset 0 1px 0 #ffffff80,0 1px 0 #0a6fc7e6,0 2px 4px #00000026;color:#fff;flex:0 0 auto;font-weight:800;max-width:80px;padding:0 16px}.final,.submit-math{justify-content:center}.final{align-items:center;background:#fff;box-sizing:border-box;display:flex;min-height:100vh;padding:20px}.final-container{max-width:300px;text-align:center;width:100%}.final-title{color:#111;font-size:20px;font-weight:700;line-height:1.4;margin-bottom:10px}.final-text{color:#333;font-size:14px;margin-bottom:20px}.image-box{display:flex;justify-content:center}.final-image{border-radius:8px;box-shadow:0 4px 14px #0000001a;height:auto;max-width:100%;width:220px}
/*# sourceMappingURL=main.5185a6e7.css.map*/