@import "https://googleapis.com";*{margin:0;font-family:Noto Sans KR,sans-serif}html,body{overflow-x:hidden}body{-webkit-tap-highlight-color:transparent;background:#f2e6c4}.homediv{-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#f2e6c4;flex-direction:column;align-items:center;gap:12px;width:100%;padding:clamp(120px,26vh,200px) 16px 24px;display:flex}.widebtn{color:#fff;cursor:pointer;background:#b8862d;border-radius:20px;justify-content:center;align-items:center;width:100%;max-width:400px;height:clamp(76px,14vh,100px);font-size:clamp(28px,8vw,40px);display:flex}.widebtn:active{background:#8a6420}.widebtn.bonmun{background:#2f6f5e}.widebtn.bonmun:active{background:#22503f}.title{text-align:center;box-sizing:border-box;z-index:10;background:linear-gradient(#f2e6c4 0%,#f2e6c499 70%,#0000 100%);justify-content:center;align-items:center;width:100%;height:clamp(120px,24vh,200px);padding:0 16px;display:flex;position:fixed;top:0;left:0}.title h1{font-size:clamp(24px,7vw,34px)}.aesong{text-align:center;box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100dvh;padding:30px;font-size:clamp(22px,7vw,30px);display:flex}.goback{z-index:9999;cursor:pointer;top:calc(15px + env(safe-area-inset-top));-webkit-user-select:none;user-select:none;background:#fff;border-radius:18px;justify-content:center;align-items:center;width:120px;height:46px;font-size:18px;display:flex;position:fixed;left:15px}.goback:active{background:#aaa}.charcardwrap{box-sizing:border-box;width:100%;height:100dvh;padding:calc(74px + env(safe-area-inset-top)) 16px calc(104px + env(safe-area-inset-bottom));flex-direction:column;align-items:center;display:flex}.gwaindi{top:calc(24px + env(safe-area-inset-top));text-align:center;pointer-events:none;z-index:20;font-size:clamp(22px,6vw,30px);position:fixed;left:0;right:0}.cardstack{flex:1;width:100%;max-width:380px;min-height:0;margin-top:34px;position:relative}.charcard{-webkit-user-select:none;user-select:none;perspective:1000px;border-radius:clamp(28px,9vw,50px);position:absolute;inset:0}.charcard-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s;position:relative}.charcard-front,.charcard-back{backface-visibility:hidden;text-align:center;box-sizing:border-box;word-break:keep-all;background:#fff;border-radius:clamp(28px,9vw,50px);justify-content:center;align-items:center;padding:24px;line-height:1.35;display:flex;position:absolute;inset:0}.charcard-front{font-size:clamp(80px,30vw,140px)}.charcard-back{background:#f6efe0;font-size:clamp(30px,9vw,46px);transform:rotateY(180deg)}.charnavbuttons{width:100%;max-width:460px;height:calc(88px + env(safe-area-inset-bottom));padding:14px 16px calc(14px + env(safe-area-inset-bottom));box-sizing:border-box;z-index:20;gap:14px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.charnavbutton{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:18px;justify-content:center;align-items:center;width:100%;height:100%;font-size:21px;display:flex;box-shadow:0 3px 12px #0000001a}.charnavbutton:active{background:#aaa}.charnavbutton.finish{color:#fff;letter-spacing:2px;background:#2f2f2f;font-weight:700;box-shadow:0 6px 20px #00000040}.charnavbutton.finish:active{background:#000}.disabled{pointer-events:none;background:#999}.quiz-progress{top:calc(24px + env(safe-area-inset-top));text-align:center;color:#7a5c1f;pointer-events:none;z-index:20;font-size:clamp(18px,5vw,24px);font-weight:700;position:fixed;left:0;right:0}.quiz-review-tag{color:#fff;vertical-align:middle;background:#b8862d;border-radius:999px;margin-right:8px;padding:2px 9px;font-size:.68em;font-weight:700;display:inline-block}.quizwrap{box-sizing:border-box;width:100%;min-height:100dvh;padding:calc(96px + env(safe-area-inset-top)) 16px calc(48px + env(safe-area-inset-bottom));flex-direction:column;justify-content:center;align-items:center;gap:clamp(20px,5vh,40px);display:flex}.quiz-hanja{aspect-ratio:1;-webkit-user-select:none;user-select:none;background:#fff;border-radius:clamp(24px,7vw,40px);justify-content:center;align-items:center;width:100%;max-width:340px;max-height:42vh;font-size:clamp(90px,32vw,150px);display:flex;box-shadow:0 8px 24px #00000014}.quiz-choices{width:100%;max-width:380px}.quiz-choices-inner{flex-direction:column;gap:10px;display:flex}.quiz-choice{box-sizing:border-box;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;word-break:keep-all;background:#fff;border-radius:16px;justify-content:center;align-items:center;width:100%;min-height:58px;padding:14px 18px;font-size:clamp(18px,5vw,22px);transition:background .25s,color .25s,opacity .25s,transform .1s;display:flex;box-shadow:0 3px 10px #0000000f}.quiz-choice:active{transform:scale(.98)}.quiz-choice.correct{color:#fff;background:#3fa060;font-weight:700;box-shadow:0 4px 14px #3fa06066}.quiz-choice.wrong{color:#fff;background:#d15353;font-weight:700;box-shadow:0 4px 14px #d1535366}.quiz-choice.dim{opacity:.4}.quiz-timerbar{transform-origin:0;z-index:30;background:#b8862d;width:100%;height:6px;position:fixed;bottom:0;left:0}.quiz-result{text-align:center;box-sizing:border-box;min-height:100dvh;padding:32px 20px calc(32px + env(safe-area-inset-bottom));flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.quiz-result-emoji{font-size:72px}.quiz-result-score{color:#3fa060;font-size:clamp(48px,16vw,72px);font-weight:800;line-height:1}.quiz-result-score span{color:#9a8656;font-size:.45em;font-weight:700}.quiz-result-msg{color:#5c4a24;font-size:clamp(18px,5vw,22px)}.quiz-result-btns{flex-direction:column;gap:12px;width:100%;max-width:360px;margin-top:20px;display:flex}.quiz-bigbtn{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:18px;justify-content:center;align-items:center;width:100%;height:66px;font-size:22px;display:flex;box-shadow:0 3px 12px #0000001a}.quiz-bigbtn:active{background:#e6dcc0}.quiz-bigbtn.primary{color:#fff;background:#b8862d;font-weight:700}.quiz-bigbtn.primary:active{background:#8a6420}.endgame-card-group{flex-direction:column;align-items:center;gap:12px;display:flex}.endgame-answerslot{justify-content:center;align-items:center;min-height:30px;display:flex}.endgame-answer{color:#d15353;text-align:center;word-break:keep-all;font-size:clamp(18px,5vw,22px);font-weight:700}.endgame-form{gap:10px;width:100%;max-width:340px;display:flex}.endgame-input{box-sizing:border-box;color:#3a2f14;background:#fff;border:2px solid #e0d3a8;border-radius:16px;outline:none;flex:1;min-width:0;height:58px;padding:0 18px;font-family:inherit;font-size:clamp(18px,5vw,22px);transition:background .2s,border-color .2s,color .2s}.endgame-input::placeholder{color:#b7a98a}.endgame-input:focus{border-color:#b8862d}.endgame-input.correct{color:#fff;-webkit-text-fill-color:#fff;opacity:1;background:#3fa060;border-color:#3fa060}.endgame-input.wrong{color:#fff;-webkit-text-fill-color:#fff;opacity:1;background:#d15353;border-color:#d15353}.endgame-submit{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#b8862d;border:none;border-radius:16px;flex-shrink:0;width:72px;height:58px;font-family:inherit;font-size:18px;font-weight:700}.endgame-submit:active{background:#8a6420}.endgame-submit:disabled{background:#c9b483}.bonmunwrap{box-sizing:border-box;width:100%;min-height:100dvh;padding:calc(76px + env(safe-area-inset-top)) 16px calc(32px + env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:14px;display:flex}.bonmun-card{box-sizing:border-box;background:#fff;border-radius:24px;width:100%;max-width:460px;padding:18px 16px 14px;box-shadow:0 8px 24px #00000014}.bonmun-sentence{flex-wrap:wrap;align-items:center;gap:8px 4px;line-height:1;display:flex}.bonmun-to{color:#9a7a35;font-size:clamp(15px,4.2vw,18px)}.bonmun-gu{color:#3a2f14;-webkit-user-select:none;user-select:none;flex-wrap:wrap;gap:3px;font-size:clamp(24px,7vw,30px);display:inline-flex}.bonmun-gu.done{padding:3px 5px}.bonmun-box{box-sizing:border-box;color:#b7a98a;border:2px dashed #d9c99c;border-radius:8px;justify-content:center;align-items:center;width:clamp(30px,8.6vw,38px);height:clamp(30px,8.6vw,38px);font-size:clamp(20px,6vw,26px);display:inline-flex}.bonmun-box.filled{color:#3a2f14;background:#eef7f1;border:2px solid #3fa060}.bonmun-box.active{color:#b8862d;background:#fbf4e2;border:2px solid #b8862d}.bonmun-blank{color:#b7a98a;border-bottom:3px solid #d9c99c;justify-content:center;align-items:center;min-width:64px;height:clamp(30px,8.6vw,38px);font-size:clamp(16px,4.6vw,20px);display:inline-flex}.bonmun-source{text-align:right;color:#9a8656;margin-top:12px;font-size:13px}.bonmun-meaning{box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;word-break:keep-all;background:#f6efe0;border:2px solid #e6dcc0;border-radius:20px;width:100%;max-width:460px;padding:14px 16px}.bonmun-meaning.whole{background:#fff;border-color:#b8862d}.bonmun-meaning-label{color:#9a7a35;font-size:13px;font-weight:700}.bonmun-meaning-text{color:#3a2f14;margin-top:6px;font-size:clamp(17px,4.8vw,20px);font-weight:700;line-height:1.45}.bonmun-sokddeut{color:#7a5c1f;margin-top:6px;font-size:15px;line-height:1.45}.bonmun-chips{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px;display:flex}.bonmun-meaning .bonmun-chips{justify-content:flex-start}.bonmun-chip{color:#5c4a24;background:#fff;border-radius:999px;padding:5px 11px;font-size:14px;box-shadow:0 2px 6px #0000000d}.bonmun-chip b{color:#3a2f14;font-size:17px;font-weight:400}.bonmun-controls{gap:10px;width:100%;max-width:320px;display:flex}.bonmun-toggle{box-sizing:border-box;color:#7a5c1f;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:2px solid #e0d3a8;border-radius:14px;flex:1;justify-content:center;align-items:center;height:44px;font-size:16px;display:flex}.bonmun-toggle.on{color:#fff;background:#b8862d;border-color:#b8862d;font-weight:700}.bonmun-padwrap{flex-direction:column;gap:10px;width:100%;max-width:320px;display:flex}.bonmun-candidates{scrollbar-width:none;align-items:center;gap:6px;height:56px;display:flex;overflow-x:auto}.bonmun-candidates::-webkit-scrollbar{display:none}.bonmun-cand-empty{text-align:center;color:#b7a98a;width:100%;font-size:15px}.bonmun-cand{box-sizing:border-box;color:#3a2f14;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:2px solid #e0d3a8;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:30px;transition:background .2s,border-color .2s,color .2s,transform .1s;display:flex}.bonmun-cand:active{transform:scale(.94)}.bonmun-cand.correct{color:#fff;background:#3fa060;border-color:#3fa060}.bonmun-cand.wrong{color:#fff;background:#d15353;border-color:#d15353}.bonmun-pad{aspect-ratio:1;background-color:#fff;background-image:linear-gradient(#efe6cc,#efe6cc),linear-gradient(#efe6cc,#efe6cc);background-position:50%;background-repeat:no-repeat;background-size:100% 2px,2px 100%;border-radius:24px;width:100%;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000014}.bonmun-canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.bonmun-hintchar{color:#efe6cc;-webkit-user-select:none;user-select:none;pointer-events:none;justify-content:center;align-items:center;font-family:serif;font-size:min(64vw,210px);display:flex;position:absolute;inset:0}.bonmun-padbtns{gap:10px;display:flex}.bonmun-padbtn{color:#5c4a24;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:14px;flex:1;justify-content:center;align-items:center;height:44px;font-size:16px;display:flex;box-shadow:0 3px 10px #0000000f}.bonmun-padbtn:active{background:#e6dcc0}.bonmun-padbtn.off{opacity:.4;pointer-events:none}.bonmun-skip{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#b8862d;border-radius:14px;justify-content:center;align-items:center;height:44px;font-weight:700;display:flex}.bonmun-next{max-width:460px}.bonmun-result-sub{color:#9a8656;font-size:16px}.bonmun-gu.upcoming{color:#b7a98a}.bonmun-box.show{color:#9a8656}.bonmun-box.active.show{color:#b8862d;font-weight:700}.bonmun-translation{color:#5c4a24;word-break:keep-all;border-top:1px dashed #e6dcc0;margin-top:14px;padding-top:12px;font-size:clamp(15px,4.2vw,17px);line-height:1.5}.bonmun-meaning.static{cursor:default}.bonmun-chip.now{color:#fff;background:#b8862d}.bonmun-chip.now b{color:#fff}.bonmun-gu.target{background:#fbf4e2;border-radius:8px;padding:3px 5px;box-shadow:inset 0 -3px #b8862d}.bonmun-gu.dim{color:#b7a98a}.meaning-question{color:#5c4a24;text-align:center;word-break:keep-all;font-size:clamp(18px,5vw,22px)}.meaning-question b{color:#3a2f14;font-size:1.25em;font-weight:400}.meaning-form{max-width:460px}.meaning-answer{margin-top:2px}.meaning-mine{color:#5c4a24;margin-top:4px;font-size:clamp(16px,4.6vw,19px);line-height:1.45}.meaning-gap{margin-top:12px}.meaning-judge{gap:10px;width:100%;max-width:460px;display:flex}.quiz-bigbtn.meaning-correct{color:#fff;background:#3fa060;font-weight:700}.quiz-bigbtn.meaning-correct:active{background:#2f7f4b}.quiz-bigbtn.meaning-wrong{color:#fff;background:#d15353;font-weight:700}.quiz-bigbtn.meaning-wrong:active{background:#a83f3f}.meaning-wronglist{text-align:left;flex-direction:column;gap:8px;width:100%;max-width:400px;display:flex}.meaning-wrongitem{word-break:keep-all;background:#fff;border-radius:14px;padding:10px 14px;box-shadow:0 2px 8px #0000000d}.meaning-wrong-hanja{color:#3a2f14;font-size:20px}.meaning-wrong-answer{color:#7a5c1f;margin-top:2px;font-size:15px}.meaning-guide .bonmun-meaning-text{color:#b7a98a;margin-top:0}.meaning-typed{color:#3fa060}