:root{--bg:#fff;--fg:#222;--muted:#8a8a8a;--line:#e6e2da;--accent:#c9a227;--accent-soft:#fdf8ec;--link:#2b6cb0}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);flex-direction:column;min-height:100vh;margin:0;font-family:Pretendard,Malgun Gothic,Apple SD Gothic Neo,-apple-system,Segoe UI,sans-serif;line-height:1.6;display:flex}main{flex:1;width:100%;max-width:720px;margin:0 auto;padding:0 1.25rem}.site-header{border-bottom:1px solid var(--line);padding:.9rem 1.25rem}.logo{color:var(--fg);letter-spacing:-.02em;font-size:1.3rem;font-weight:800;text-decoration:none}.logo span{color:var(--accent)}.site-footer{border-top:1px solid var(--line);color:var(--muted);text-align:center;margin-top:3rem;padding:1rem;font-size:.78rem}.site-footer a{color:var(--muted)}a{color:var(--link)}.searchbox{width:100%;position:relative}.searchbox input{border:2px solid var(--accent);border-radius:999px;outline:none;width:100%;padding:.85rem 1.1rem;font-size:1.05rem}.searchbox input:focus{box-shadow:0 0 0 3px var(--accent-soft)}.suggest{z-index:10;border:1px solid var(--line);background:#fff;border-radius:12px;max-height:60vh;margin:0;padding:.4rem 0;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000014}.suggest li{cursor:pointer;align-items:baseline;gap:.6rem;padding:.45rem 1.1rem;display:flex;overflow:hidden}.suggest li:hover,.suggest li.active{background:var(--accent-soft)}.s-word{font-weight:700}.s-pron{color:var(--accent);flex-shrink:0;font-weight:600}.s-meaning{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.home{text-align:center;padding-top:14vh}.slogan{margin-bottom:2rem;font-size:1.6rem;font-weight:800;line-height:1.45}.slogan em{color:var(--accent);font-style:normal}.hint{color:var(--muted);margin-top:1.5rem;font-size:.9rem}.hint code{background:var(--accent-soft);border-radius:4px;padding:.05rem .35rem}.word-page{padding-top:1.5rem}.word-search{max-width:560px;margin:0 auto 2.5rem}.word-card{text-align:center}.freq-badge{letter-spacing:.05em;border-radius:999px;padding:.2rem .8rem;font-size:.78rem;font-weight:700;display:inline-block}.freq-badge.essential{background:var(--accent-soft);color:#9a7b14;border:1px solid var(--accent)}.freq-badge.important{color:#1e8449;background:#eafaf1;border:1px solid #a9dfbf}.freq-badge.useful{color:#2b6cb0;background:#ebf3fb;border:1px solid #b8d4ee}.freq-badge.rare{color:#888;background:#f4f4f4;border:1px solid #ddd}.spelling{letter-spacing:-.01em;margin:.2rem 0 0;font-size:3.2rem;font-weight:400}.hangul{margin:.2rem 0 0;font-size:1.6rem;font-weight:600}.ipa{color:var(--muted);margin:.2rem 0 .8rem;font-family:Segoe UI,Noto Sans,Arial,sans-serif;font-size:.95rem}.speak{justify-content:center;gap:.5rem;margin-bottom:2rem;display:flex}.speak button{border:1px solid var(--line);cursor:pointer;background:#f7f5f0;border-radius:999px;padding:.35rem .9rem;font-size:.85rem}.speak button:hover{background:var(--accent-soft);border-color:var(--accent)}.senses ul{text-align:left;margin:0 auto 1rem;font-size:1.05rem;list-style:outside;display:inline-block}.pos{color:var(--accent);margin-right:.2rem;font-size:.85em}.section{text-align:left;margin-top:2.2rem}.section h2{color:var(--muted);text-align:center;align-items:center;gap:.8rem;margin-bottom:1rem;font-size:.9rem;font-weight:600;display:flex}.section h2:before,.section h2:after{content:"";border-top:1px solid var(--line);flex:1}.en-senses{color:#555;padding-left:1.2rem;font-size:.92rem}.example{margin-bottom:1rem}.ex-en{margin:0}.ex-ko{color:var(--muted);margin:0;font-size:.92rem}.external{justify-content:center;gap:1.5rem;margin-top:2.5rem;font-size:.88rem;display:flex}.external a{color:var(--muted)}.back{text-align:center;margin-top:2rem;font-size:.9rem}.site-header{justify-content:space-between;align-items:center;display:flex}.site-nav{align-items:center;gap:1rem;font-size:.88rem;display:flex}.site-nav a{color:var(--fg);font-weight:600;text-decoration:none}.user-email{color:var(--muted);font-size:.8rem}.linklike{color:var(--link);cursor:pointer;background:0 0;border:none;padding:0;font-size:.88rem}.linklike.danger{color:#c0392b}button.primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:.6rem 1.4rem;font-size:.95rem;font-weight:700}button.primary:disabled{opacity:.5;cursor:default}button.primary.small{padding:.4rem 1rem;font-size:.85rem}.auth-page{text-align:center;max-width:380px;margin:3rem auto 0}.auth-sub{color:var(--muted);font-size:.9rem}.auth-form{flex-direction:column;gap:.7rem;margin-top:1.5rem;display:flex}.auth-tabs{border:1px solid var(--line);border-radius:999px;margin-bottom:.5rem;display:flex;overflow:hidden}.auth-tabs button{cursor:pointer;background:0 0;border:none;flex:1;padding:.55rem;font-size:.9rem}.auth-tabs button.on{background:var(--accent);color:#fff;font-weight:700}.auth-form input{border:1px solid var(--line);border-radius:10px;padding:.7rem 1rem;font-size:.95rem}.auth-message{color:#c0392b;font-size:.88rem}.wordbooks-page{max-width:560px;margin:0 auto;padding-top:2rem}.wordbooks-page h1{font-size:1.5rem}.book-progress{color:var(--muted);font-size:.88rem}.create-book{gap:.5rem;margin:1rem 0 1.5rem;display:flex}.create-book input{border:1px solid var(--line);border-radius:10px;flex:1;padding:.6rem 1rem}.empty{color:var(--muted);text-align:center;padding:2rem 0}.book-list,.item-list{margin:0;padding:0;list-style:none}.book-list li,.item-row{border-bottom:1px solid var(--line);align-items:center;gap:.8rem;padding:.7rem .2rem;display:flex}.book-link{color:var(--fg);flex:1;justify-content:space-between;text-decoration:none;display:flex}.book-name{font-weight:700}.book-count{color:var(--muted);font-size:.85rem}.item-word{color:var(--fg);flex:1;align-items:baseline;gap:.6rem;text-decoration:none;display:flex;overflow:hidden}.item-row.done .s-word{color:var(--muted);text-decoration:line-through}.memorize input{width:1.1rem;height:1.1rem;accent-color:var(--accent);cursor:pointer}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.add-wordbook{margin-bottom:1.5rem;font-size:.9rem}.add-message{color:var(--accent);margin:.5rem 0 0;font-weight:600}.book-picker{border:1px solid var(--line);text-align:left;background:#fff;border-radius:12px;margin-top:.7rem;padding:.8rem 1rem;display:inline-block;box-shadow:0 6px 18px #00000012}.book-picker ul{margin:0 0 .6rem;padding:0;list-style:none}.book-picker ul button{cursor:pointer;color:var(--link);background:0 0;border:none;padding:.35rem .2rem;font-size:.92rem}.book-picker form{border-top:1px solid var(--line);gap:.4rem;padding-top:.7rem;display:flex}.book-picker form input{border:1px solid var(--line);border-radius:8px;width:10rem;padding:.35rem .6rem;font-size:.85rem}.badge{color:#fff;vertical-align:1px;background:#e74c3c;border-radius:999px;margin-left:.3rem;padding:.05rem .45rem;font-size:.7rem;font-weight:700;display:inline-block}.review-page{text-align:center;max-width:480px;margin:0 auto;padding-top:2rem}.review-page h1{font-size:1.5rem}.notify-bar{background:var(--accent-soft);border:1px solid var(--line);border-radius:10px;padding:.6rem 1rem;font-size:.85rem}.notify-bar.muted{color:var(--muted);background:#f5f5f5}.review-progress{color:var(--muted);font-size:.85rem}.flashcard{border:1px solid var(--line);border-radius:16px;margin-bottom:1.2rem;padding:2.2rem 1.5rem;box-shadow:0 6px 20px #0000000f}.fc-word{margin:0;font-size:2.4rem}.fc-pron{color:var(--accent);margin:.2rem 0 .8rem;font-size:1.3rem;font-weight:600}.flashcard .speak{margin-bottom:1.2rem}.fc-meaning{border-top:1px dashed var(--line);padding-top:1rem;font-size:1.05rem}.review-buttons{justify-content:center;gap:.8rem;display:flex}.answer{cursor:pointer;border:none;border-radius:12px;flex:1;max-width:180px;padding:.8rem;font-size:1rem;font-weight:700}.answer.forgot{color:#c0392b;background:#fdecea}.answer.remember{color:#1e8449;background:#eafaf1}.review-done .big{font-size:1.4rem;font-weight:800}.quiz-page{text-align:center;max-width:520px;margin:0 auto;padding-top:2rem}.quiz-page h1{font-size:1.4rem}.primary-link{background:var(--accent);color:#fff;border-radius:999px;padding:.5rem 1.3rem;font-size:.92rem;font-weight:700;text-decoration:none;display:inline-block}.quiz-start{text-align:left}.quiz-card{border:1px solid var(--line);border-radius:16px;padding:1.8rem 1.4rem;box-shadow:0 6px 20px #0000000f}.q-prompt{margin:0;font-size:1.9rem;font-weight:700}.q-sub{color:var(--muted);margin:.3rem 0 1.3rem;font-size:.9rem}.q-choices{gap:.6rem;display:grid}.choice{border:1.5px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:12px;padding:.75rem 1rem;font-size:1rem}.choice:hover{border-color:var(--accent)}.choice.correct{background:#eafaf1;border-color:#1e8449;font-weight:700}.choice.incorrect{background:#fdecea;border-color:#c0392b}.choice.dim{opacity:.45}.q-feedback{border-top:1px dashed var(--line);margin-top:1.2rem;padding-top:1rem}.quiz-result .big{font-size:2rem;font-weight:800}.wrong-list{text-align:left;padding:0;list-style:none;display:inline-block}.wrong-list li{padding:.3rem 0}.wrong-list a{color:var(--fg);text-decoration:none}.quiz-actions{color:var(--muted);margin-top:1.5rem}