*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:Pretendard Variable,Pretendard,Malgun Gothic,Apple SD Gothic Neo,Segoe UI,sans-serif;line-height:1.5;color:#2d3436;background:#fff}#root,#wrap{min-height:100vh;display:flex;flex-direction:column}.site-header{flex-shrink:0;direction:rtl;background:#fff;border-bottom:1px solid rgba(0,0,0,.06);box-shadow:0 1px #0000000a}.header-inner{max-width:1100px;margin:0 auto;padding:.25rem 1.25rem;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:.75rem 1rem}.brand{display:inline-flex;align-items:center;height:8rem;text-decoration:none}.brand-logo{display:block;height:100%;width:auto}.header-nav{display:flex;align-items:center;gap:1rem 1.25rem;flex-wrap:wrap}.header-nav a{color:#546e7a;text-decoration:none;font-size:.9rem}.header-nav a:hover{color:#1b5e20}.header-actions{display:flex;align-items:center;gap:.75rem 1rem}.site-header__left-actions{margin-right:auto;display:inline-flex;align-items:center;gap:.5rem}.link-login{color:#546e7a;text-decoration:none;font-size:.9rem}.btn-header-signup{padding:.35rem .9rem;border-radius:999px;background:#e8f5e9;color:#1b5e20;font-weight:600;font-size:.85rem;text-decoration:none}.btn-header-signup:hover{background:#c8e6c9}.section.s1{--hero-gradient: linear-gradient(90deg, #eaf2e9 0%, #e8f5e9 28%, #dcedc8 55%, #c5e1a5 100%);flex:1;display:flex;flex-direction:column;background:var(--hero-gradient);padding:2.5rem 1.25rem 3rem}.section-inner{max-width:960px;margin:0 auto;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.title1{margin:0 0 .5rem;font-size:clamp(.95rem,2.5vw,1.05rem);color:#455a64;font-weight:600;max-width:42em}.title2{margin:0 0 2rem;font-size:clamp(1.35rem,4vw,2rem);font-weight:800;color:#263238;line-height:1.35;max-width:22em}.section-img{display:flex;flex-direction:row;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:1.5rem 1.75rem;margin-bottom:2.5rem;max-width:56rem;margin-left:auto;margin-right:auto}.section-img-item--sheep{--sheep-tilt: 0deg;display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;background:none;border:none;box-shadow:none;transform:rotate(var(--sheep-tilt));transition:transform .2s ease,filter .2s ease}.section-img-item--sheep[data-type=word]{--sheep-tilt: -3deg}.section-img-item--sheep[data-type=sentence]{--sheep-tilt: 3deg}.section-img-item--sheep[data-type=drill]{--sheep-tilt: -2deg}.section-img-item--sheep[data-type=grammar]{--sheep-tilt: 2.5deg}.section-img-item--sheep[data-type=listen]{--sheep-tilt: -2.5deg}.section-img-figure{display:block;width:clamp(10.5rem,24vw,13.5rem);aspect-ratio:1024 / 682;flex-shrink:0}.learning-sheep-photo{position:relative;display:block;width:100%;height:100%;border-radius:18px;overflow:hidden;background:#eaf2e9;box-shadow:0 2px 4px #0000000a,0 14px 32px #2e7d3224,0 0 0 1px #2e7d320f;transition:box-shadow .25s ease}.learning-sheep-photo__img{display:block;width:100%;height:100%;object-fit:contain;vertical-align:top}.learning-sheep-photo__label{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:42%;min-width:2.75rem;max-width:4.5rem;min-height:1.5rem;display:flex;align-items:center;justify-content:center;font-size:clamp(.8rem,2.1vw,1.05rem);font-weight:800;color:#1b5e20;letter-spacing:.04em;line-height:1.05;text-align:center;pointer-events:none;z-index:1;text-shadow:0 0 8px rgba(255,255,255,.95)}a.section-img-item--sheep{text-decoration:none;color:inherit;cursor:pointer}.section-img-item--sheep:hover{transform:translateY(-5px) rotate(var(--sheep-tilt))}.section-img-item--sheep:hover .learning-sheep-photo{box-shadow:0 10px 16px #00000012,0 22px 44px #2e7d3233,0 0 0 1px #2e7d321a}.btn-body{margin-top:auto}.pos-relative.dp-inline-block{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem 1.5rem}.btn{display:inline-block;text-decoration:none;cursor:pointer;border:none;font:inherit}.btn-top-member-reg{background:linear-gradient(180deg,#7e57c2,#5e35b1);color:#fff;font-weight:700;font-size:clamp(.9rem,2vw,1rem);padding:.85rem 1.75rem;border-radius:999px;box-shadow:0 6px 18px #5e35b159}.btn-top-member-reg:hover{filter:brightness(1.05)}.youtube{display:inline-flex;align-items:center;gap:.5rem;color:#37474f;text-decoration:none;font-size:.95rem;font-weight:600}.youtube:hover{color:#1b5e20}.youtube-icon{display:inline-block;width:22px;height:16px;background:#e53935;border-radius:3px;position:relative;flex-shrink:0}.youtube-icon:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-40%,-50%);border-style:solid;border-width:4px 0 4px 7px;border-color:transparent transparent transparent #fff}@media(max-width:600px){.brand{height:6.4rem}.header-inner{justify-content:flex-start}.header-nav{justify-content:center}.section-img{gap:1.15rem 1.25rem}.section-img-figure{width:clamp(8.5rem,44vw,11rem)}}.landing-page{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;background-color:#f8fafc}.landing-main{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:60px 20px calc(48px + env(safe-area-inset-bottom));background-color:#f8fafc}.landing-content{width:100%;max-width:620px;margin:0 auto;padding:52px 44px;border:1px solid #e5e7eb;border-radius:20px;background-color:#fff;box-shadow:0 20px 60px #00000014;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.landing-title{margin:0;font-size:clamp(2rem,5vw,2.375rem);font-weight:700;color:#111827;line-height:1.5;text-align:center}.landing-subtitle{margin:0;font-size:16px;color:#666;text-align:center}.landing-google-cta{margin-top:36px;width:320px;max-width:100%;display:flex;justify-content:center}.landing-google-wrap{margin:0 auto;width:100%}.landing-google-login-btn{width:100%;display:inline-flex;align-items:center;justify-content:flex-start;gap:12px;padding:0 14px;border:1px solid #dadce0;border-radius:4px;background:#fff;color:#3c4043;font-size:14px;font-weight:500;font-family:Roboto,Arial,sans-serif;text-decoration:none;height:40px;box-sizing:border-box}.landing-google-login-btn:hover{background:#f8f9fa;border-color:#d2e3fc}.landing-google-login-btn__icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}.landing-google-login-btn__text{line-height:1}.landing-google-error{margin:12px 0 0;font-size:.9rem;color:#b91c1c}.landing-policy{margin:18px 0 0;color:#888;font-size:13px;text-align:center}.landing-policy-link{color:#2563eb;text-decoration:underline}.site-footer{border-top:1px solid #e5e7eb;background-color:#ffffffe6}.site-footer__inner{max-width:980px;margin:0 auto;padding:18px 20px;direction:rtl;display:flex;align-items:center;justify-content:space-between;gap:.75rem 1rem;flex-wrap:wrap}.site-footer__copy{margin:0;color:#6b7280;font-size:.9rem;direction:ltr;unicode-bidi:isolate;text-align:left}.site-footer__links{display:inline-flex;align-items:center;gap:.9rem;flex-wrap:wrap}.site-footer__links a{color:#4b5563;text-decoration:none;font-size:.9rem}.site-footer__links a:hover{text-decoration:underline}@media(max-width:768px){.landing-main{padding-top:40px}.landing-content{max-width:560px;padding:40px 28px;border-radius:18px;gap:12px}.landing-google-cta{margin-top:28px}}@media(max-width:480px){.landing-main{padding-top:28px;padding-left:14px;padding-right:14px}.landing-content{max-width:100%;padding:30px 20px;border-radius:16px;box-shadow:0 12px 28px #00000014}.landing-subtitle{font-size:15px}.landing-google-cta{width:100%;margin-top:24px}.landing-policy{margin-top:14px;font-size:12px}.site-footer__inner{justify-content:center;text-align:center}.site-footer__links{justify-content:center;width:100%}}.word-topic-page{flex:1;background:linear-gradient(160deg,#f1f8e9,#e8f5e9 40%,#fff);padding:1.5rem 1.25rem 3rem}.word-topic-page__inner{max-width:960px;margin:0 auto}.word-topic-page__crumb{margin:0 0 1rem;font-size:.875rem;color:#546e7a}.word-topic-page__crumb a{color:#2e7d32;text-decoration:none;font-weight:600}.word-topic-page__crumb a:hover{text-decoration:underline}.word-topic-page__crumb-current{color:#37474f;font-weight:600}.word-topic-page__title{margin:0 0 .5rem;font-size:clamp(1.35rem,3.5vw,1.75rem);font-weight:800;color:#1b5e20;letter-spacing:-.02em}.word-topic-page__lead{margin:0 0 2rem;font-size:.95rem;color:#455a64;line-height:1.6;max-width:36em}.word-topic-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,10rem),1fr));gap:1rem}.word-topic-grid__cell{margin:0}.word-topic-card{aspect-ratio:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:.75rem;border-radius:16px;background:#fff;border:1px solid rgba(46,125,50,.2);box-shadow:0 6px 20px #0000000f;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.word-topic-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #2e7d3226;border-color:#2e7d3273}.word-topic-card:focus-visible{outline:3px solid #66bb6a;outline-offset:2px}.word-topic-card__title{font-size:clamp(.95rem,2.5vw,1.1rem);font-weight:800;color:#1b5e20;margin-bottom:.35rem}.word-topic-card__hint{font-size:.72rem;color:#607d8b;line-height:1.35;max-width:11em}.word-topic-card--random{background:linear-gradient(145deg,#e8f5e9,#fff 55%,#f1f8e9);border-color:#1b5e2059}.word-topic-card--random .word-topic-card__title{color:#0d47a1}.word-study-placeholder__msg{margin:0 0 1.5rem;color:#546e7a;font-size:1rem}.word-study-placeholder__back{display:inline-block;color:#2e7d32;font-weight:600;text-decoration:none}.word-study-placeholder__back:hover{text-decoration:underline}@media(min-width:640px){.word-topic-grid{grid-template-columns:repeat(4,1fr)}}.word-quiz{flex:1;display:flex;flex-direction:column;min-height:0;background:linear-gradient(180deg,#e8f5e9,#f1f8e9 35%,#fafafa)}.word-quiz__top{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:.75rem;padding:.65rem 1rem;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(76,175,80,.2);box-shadow:0 2px 12px #2e7d3214}.word-quiz__back{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:12px;border:2px solid #c8e6c9;background:#fff;color:#2e7d32;text-decoration:none;font-size:1.25rem;line-height:1;transition:background .2s,transform .15s}.word-quiz__back:hover{background:#e8f5e9;transform:scale(1.03)}.word-quiz__back:focus-visible{outline:3px solid #66bb6a;outline-offset:2px}.word-quiz__topic{flex:1;min-width:0;font-size:.95rem;font-weight:800;color:#1b5e20;letter-spacing:-.02em}.word-quiz__top-spacer,.word-quiz__progress-wrap{width:5.5rem;flex-shrink:0}.word-quiz__progress-num{font-size:.7rem;font-weight:700;color:#558b2f;text-align:right;margin-bottom:.2rem}.word-quiz__progress-bar{height:10px;border-radius:999px;background:#dcedc8;overflow:hidden;border:1px solid rgba(129,199,132,.5)}.word-quiz__progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#7cb342,#58cc02,#8bc34a);transition:width .45s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 12px #58cc0273}.word-quiz__body{flex:1;display:flex;flex-direction:column;padding:1rem 1rem 1.5rem;max-width:560px;width:100%;margin:0 auto}.word-quiz__card{flex:1;display:flex;flex-direction:column;background:#fff;border-radius:20px;padding:1.25rem 1rem 1.5rem;box-shadow:0 4px 24px #2e7d321a,0 0 0 1px #81c78440;margin-bottom:1rem;animation:word-quiz-card-in .45s cubic-bezier(.34,1.56,.64,1)}@keyframes word-quiz-card-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.word-quiz__prompt{margin:0 0 .75rem;font-size:.95rem;font-weight:700;color:#33691e;line-height:1.45}.word-quiz__arabic-wrap{display:flex;justify-content:center;align-items:center;min-height:5.5rem;padding:1rem .75rem;margin-bottom:1.25rem;border-radius:16px;background:linear-gradient(145deg,#f9fff9,#e8f5e9);border:2px dashed rgba(76,175,80,.35)}.word-quiz__arabic{margin:0;font-size:clamp(1.75rem,6vw,2.35rem);font-weight:800;color:#1b5e20;direction:rtl;text-align:center;line-height:1.35;font-family:Noto Naskh Arabic,Segoe UI,Tahoma,Arial,Noto Sans Arabic,sans-serif}.word-quiz__choices{display:flex;flex-direction:column;gap:.65rem}.word-quiz__choice{position:relative;display:block;width:100%;padding:1rem 1rem 1rem 3rem;border-radius:16px;border:3px solid #e0e0e0;background:#fafafa;font-size:1rem;font-weight:700;color:#37474f;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,transform .15s;font-family:inherit}.word-quiz__choice:hover:not(:disabled){border-color:#9ccc65;background:#f9fff5;transform:translateY(-2px);box-shadow:0 6px 16px #4caf501f}.word-quiz__choice:disabled{cursor:default}.word-quiz__choice-num{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);width:1.65rem;height:1.65rem;border-radius:8px;background:#e8f5e9;color:#2e7d32;font-size:.8rem;font-weight:800;display:flex;align-items:center;justify-content:center}.word-quiz__choice--selected:not(.word-quiz__choice--locked){border-color:#7cb342;background:#f1f8e9}.word-quiz__choice--correct{border-color:#58cc02!important;background:linear-gradient(135deg,#f1f8e9,#dcedc8)!important;animation:word-quiz-pop .4s ease}.word-quiz__choice--wrong{border-color:#ef9a9a!important;background:#fff5f5!important;animation:word-quiz-shake .45s ease}@keyframes word-quiz-pop{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes word-quiz-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.word-quiz__feedback{min-height:3rem;display:flex;align-items:center;justify-content:center;margin-top:.5rem;padding:.5rem;border-radius:12px;font-weight:800;font-size:1rem}.word-quiz__feedback--ok{color:#2e7d32;background:#c8e6c9a6}.word-quiz__feedback--bad{color:#c62828;background:#ffcdd273}.word-quiz__next{margin-top:auto;padding-top:.75rem}.word-quiz__btn-next{width:100%;padding:1rem 1.25rem;border:none;border-radius:16px;font-size:1.05rem;font-weight:800;cursor:pointer;font-family:inherit;background:linear-gradient(180deg,#8bc34a,#58cc02 45%,#689f38);color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.12);box-shadow:0 4px #558b2f,0 8px 20px #58cc0259;transition:transform .15s,filter .15s}.word-quiz__btn-next:hover{filter:brightness(1.05);transform:translateY(-1px)}.word-quiz__btn-next:active{transform:translateY(2px);box-shadow:0 2px #558b2f,0 4px 12px #58cc024d}.word-quiz__btn-next:focus-visible{outline:3px solid #aed581;outline-offset:3px}.word-quiz__btn-next:disabled{opacity:.45;cursor:not-allowed;transform:none;filter:grayscale(.2)}.word-quiz-complete{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1.25rem;animation:word-quiz-card-in .55s ease}.word-quiz-complete__emoji{font-size:clamp(3rem,15vw,4.5rem);line-height:1;margin-bottom:1rem;filter:drop-shadow(0 4px 12px rgba(76,175,80,.35))}.word-quiz-complete__title{margin:0 0 .5rem;font-size:clamp(1.35rem,4vw,1.75rem);font-weight:900;color:#1b5e20;letter-spacing:-.03em}.word-quiz-complete__score{margin:0 0 1.5rem;font-size:1.1rem;font-weight:700;color:#558b2f}.word-quiz-complete__msg{margin:0 0 2rem;font-size:.95rem;color:#546e7a;line-height:1.55;max-width:22em}.word-quiz-complete__actions{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:320px}.word-quiz-complete__btn{display:block;padding:1rem 1.25rem;border-radius:16px;font-size:1rem;font-weight:800;text-align:center;text-decoration:none;font-family:inherit;border:none;cursor:pointer;transition:transform .15s,box-shadow .15s}.word-quiz-complete__btn--primary{background:linear-gradient(180deg,#8bc34a,#58cc02,#689f38);color:#fff;box-shadow:0 4px #558b2f,0 8px 24px #58cc0259}.word-quiz-complete__btn--primary:hover{transform:translateY(-2px);filter:brightness(1.05)}.word-quiz-complete__btn--secondary{background:#e8f5e9;color:#1b5e20;border:3px solid #66bb6a}.word-quiz-complete__btn--secondary:hover{background:#c8e6c9;transform:translateY(-2px)}.word-quiz-complete__btn--ghost{background:#fff;color:#2e7d32;border:3px solid #c8e6c9}.word-quiz-complete__btn--ghost:hover{background:#f1f8e9}@media(min-width:480px){.word-quiz__body{padding:1.25rem 1.25rem 2rem}.word-quiz__card{padding:1.5rem 1.35rem 1.75rem}}.word-quiz--loading .word-quiz__body,.word-quiz--error .word-quiz__body{flex:1}.word-quiz__loading-msg{margin:0;padding:2rem 1.25rem 3rem;text-align:center;font-size:1rem;font-weight:600;color:#455a64}.word-quiz-error{padding:1.5rem 1.25rem 2.5rem;max-width:24rem;margin:0 auto;text-align:center}.word-quiz-error__msg{margin:0 0 1.25rem;color:#c62828;font-size:.95rem;line-height:1.5}.word-quiz-error__actions{display:flex;flex-direction:column;align-items:center;gap:.75rem}.word-quiz-error__link{font-size:.9rem;font-weight:600;color:#2e7d32;text-decoration:none}.word-quiz-error__link:hover{text-decoration:underline}.word-quiz__submit-err{margin:.5rem 0 0;font-size:.85rem;color:#c62828;text-align:center}.main-page{min-height:100vh;display:flex;flex-direction:column;background:#f8fafc}.main-page__content{flex:1;width:100%;max-width:980px;margin:0 auto;padding:40px 20px 56px}.main-header-actions{display:inline-flex;gap:8px}.main-header-actions__btn{border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#111827;padding:8px 12px;cursor:pointer;font-size:13px}.main-header-actions__btn:hover{background:#f9fafb}.main-header-actions__btn--danger{border-color:#ef4444;color:#ef4444}.main-header-actions__btn--danger:disabled{cursor:default;opacity:.6}.study-card-section{display:flex;flex-direction:column;gap:14px}.study-card-section__title{margin:0;font-size:24px;font-weight:700;color:#111827}.study-card{border:1px solid #e5e7eb;border-radius:16px;background:#fff;box-shadow:0 12px 24px #0f172a14;width:100%;padding:28px 24px;text-align:left;display:flex;flex-direction:column;gap:8px;cursor:pointer}.study-card:hover{border-color:#c7d2fe;box-shadow:0 16px 28px #4f46e51f}.study-card__arabic{font-size:28px;font-weight:700;color:#111827}.study-card__korean{font-size:16px;font-weight:600;color:#374151}.study-card__hint{font-size:13px;color:#6b7280}