:root{--bg: #F8F9FA;--bg2: #FFFFFF;--bg3: #eef1f4;--border: rgba(44,62,80,.12);--text: #46566a;--text2: #2C3E50;--text3: #8a97a3;--primary: #3498DB;--primary-hover: #2c82c4;--highlight: #FFD700;--highlight-fg: #2C3E50;--alert: #E74C3C;--brand: #c9372c;--brand2: #E74C3C;--accent: var(--brand);--accent2: var(--brand2);--gold: #c98a00;--green: #1e9e54;--red: var(--alert);--blue: var(--primary);--yut-primary: #1e40af;--yut-alert: #dc2626;--yut-highlight: #fbbf24;--yut-border: rgba(0,0,0,.15);--card-bg: var(--bg2);--card-shadow: 0 4px 16px rgba(44,62,80,.08);--radius: 12px;--radius-sm: 8px;--font-body: "DM Sans", sans-serif;--font-display: "DM Serif Display", serif;--font-kr: "Noto Sans KR", sans-serif;color-scheme:light}:root[data-theme=dark]{--bg: #11161d;--bg2: #1a2230;--bg3: #222c3a;--border: rgba(255,255,255,.08);--text: #9fb0c0;--text2: #e8ecf0;--text3: #5b6675;--primary: #5dade2;--primary-hover: #3498DB;--highlight: #FFD700;--highlight-fg: #2C3E50;--alert: #ff6b5e;--brand: #e5534b;--brand2: #ff6b5e;--gold: #d29922;--green: #3fb950;--yut-primary: #3b82f6;--yut-alert: #ff6b6b;--yut-highlight: #fbbf24;--yut-border: rgba(255,255,255,.2);--card-shadow: 0 4px 24px rgba(0,0,0,.4);color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.6;min-height:100vh;display:flex;flex-direction:column;transition:background .2s ease,color .2s ease}a{color:inherit;text-decoration:none}.nav{display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:60px;background:var(--bg2);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-brand{display:flex;align-items:baseline;gap:.5rem;font-weight:600;flex-shrink:0}.nav-kr{font-family:var(--font-kr);font-size:1.1rem;color:var(--accent2)}.nav-en{color:var(--text2);font-size:.85rem}.nav-links{display:flex;gap:.25rem;flex:1;justify-content:center;min-width:0;overflow:hidden}.nav-user-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.nav-profile-btn{padding:.35rem .75rem;border-radius:var(--radius-sm);font-size:.8rem;color:var(--text);background:var(--bg3);border:1px solid var(--border);transition:border-color .15s,color .15s;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.nav-profile-btn:hover{border-color:var(--accent2);color:var(--text2)}.nav-link{padding:.4rem .9rem;border-radius:var(--radius-sm);color:var(--text2);font-size:.875rem;transition:all .15s}.nav-link:hover{color:var(--primary);background:var(--bg3)}.nav-link.active{color:var(--primary);background:#3498db1a;font-weight:500}.nav-hamburger{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text2);font-size:1.2rem;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s}.nav-hamburger:hover{background:var(--bg3);color:var(--text)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text2);font-size:1.05rem;line-height:1;cursor:pointer;flex-shrink:0;transition:background .15s,border-color .15s,color .15s}.theme-toggle:hover{background:var(--bg2);border-color:var(--primary);color:var(--primary)}.nav-mobile-actions{display:none;align-items:center;gap:.5rem;flex-shrink:0}.nav-drawer{display:none}.lesson-page{max-width:760px;margin:0 auto}.lesson-header{margin-bottom:1.25rem}.lesson-back{font-size:.85rem;color:var(--text2)}.lesson-back:hover{color:var(--text)}.lesson-title-text{font-size:1.6rem;font-weight:700;margin:.4rem 0 .2rem;color:var(--text2)}.lesson-meta{color:var(--text3);font-size:.88rem}.lesson-actions{display:flex;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap}.lesson-section{margin-bottom:2rem}.lesson-section-title{font-size:1.05rem;font-weight:700;margin-bottom:.75rem;border-bottom:2px solid var(--border);padding-bottom:.4rem;padding-left:.75rem;border-left:3px solid var(--brand);color:var(--text2)}.lesson-section-count{font-weight:400;color:var(--text3);font-size:.88rem}.vocab-table{width:100%;border-collapse:collapse;font-size:.9rem}.vocab-table th{text-align:left;padding:6px 10px;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text3);border-bottom:1px solid var(--border)}.vocab-table td{padding:9px 10px;border-bottom:1px solid var(--border);vertical-align:middle}.vocab-table tr:last-child td{border-bottom:none}.vocab-kr{font-family:var(--font-kr);font-weight:600;font-size:1rem;color:var(--text2)}.vocab-conj{font-family:var(--font-kr);color:var(--text2)}.vocab-conj--empty{color:var(--text3)}.vocab-cards-wrap{display:none;flex-direction:column;gap:.5rem}.vocab-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.9rem 1rem}.vocab-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.3rem}.vocab-card-kr{font-family:var(--font-kr);font-size:1.15rem;font-weight:700;color:var(--text2)}.vocab-card-meaning{color:var(--text);font-size:.92rem;margin-bottom:.25rem}.vocab-card-conj{font-family:var(--font-kr);font-size:.88rem;color:var(--accent2)}.sentence-list{display:flex;flex-direction:column;gap:.5rem}.sentence-item{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.7rem 1rem}.sentence-kr{font-family:var(--font-kr);font-size:1.05rem;font-weight:500;color:var(--text2);margin-bottom:.2rem}.sentence-en{color:var(--text3);font-size:.88rem}.lesson-notes-list{display:flex;flex-direction:column;gap:.5rem}.lesson-note-item{background:var(--bg2);border:1px dashed var(--border);border-radius:var(--radius-sm);padding:.7rem 1rem;font-family:var(--font-kr);color:var(--text3);font-size:.9rem;white-space:pre-line}.grammar-list{display:flex;flex-direction:column;gap:.75rem}.grammar-item{background:var(--bg2);border:1px solid var(--gold);border-radius:var(--radius-sm);padding:.85rem 1rem;border-left:3px solid var(--gold)}.grammar-pattern{font-family:var(--font-kr);font-size:1.05rem;font-weight:700;color:var(--gold);margin-bottom:.2rem}.grammar-meaning{color:var(--text);font-size:.92rem;margin-bottom:.3rem}.grammar-rule{color:var(--text3);font-size:.82rem;font-style:italic;white-space:pre-line;line-height:1.5}.main{flex:1;max-width:1100px;width:100%;margin:0 auto;padding:2.5rem 2rem}.footer{text-align:center;padding:1.5rem;color:var(--text3);font-size:.8rem;border-top:1px solid var(--border)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:1rem}.login-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:2.5rem 2rem;width:100%;max-width:380px;box-shadow:var(--card-shadow)}.login-brand{display:flex;align-items:baseline;gap:.4rem;justify-content:center;margin-bottom:2rem}.login-brand .nav-kr{font-family:var(--font-kr);font-size:1.5rem;color:var(--accent2)}.login-brand .nav-en{font-size:1.1rem;color:var(--text2);font-family:var(--font-display)}.login-error{color:var(--red);font-size:.85rem;margin-top:.75rem}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.4rem;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.9rem;font-weight:500;cursor:pointer;border:none;transition:all .15s;white-space:nowrap}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text2);border:1px solid var(--border)}.btn-ghost:hover{color:var(--text);border-color:var(--text3)}.btn-secondary{background:var(--card-bg);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.hero{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.hero-label{text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;color:var(--accent2);font-weight:600;margin-bottom:.5rem}.hero-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);line-height:1.1;margin-bottom:.75rem}.hero-title em{color:var(--accent2);font-style:italic}.hero-sub{color:var(--text2);font-size:.9rem}.hero-cta{display:flex;gap:.75rem;flex-shrink:0;padding-left:2rem}.stats-row{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:3rem}.stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;text-align:center}.stat-card.accent{border-color:var(--accent)}.stat-num{font-family:var(--font-display);font-size:2rem;line-height:1;margin-bottom:.25rem}.stat-card.accent .stat-num{color:var(--accent2)}.stat-label{font-size:.75rem;color:var(--text2);text-transform:uppercase;letter-spacing:.08em}.section{margin-bottom:3rem}.section-title{font-size:1rem;font-weight:600;margin-bottom:1.25rem;display:flex;align-items:center;gap:.75rem;padding-left:.75rem;border-left:3px solid var(--brand)}.section-sub{font-size:.8rem;color:var(--text2);font-weight:400}.tag-grid{display:flex;flex-wrap:wrap;gap:.5rem}.tag-pill{padding:.4rem 1rem;border-radius:999px;background:var(--bg2);border:1px solid var(--border);font-size:.8rem;color:var(--text2);transition:all .15s;cursor:pointer}.tag-pill:hover{color:var(--text);border-color:var(--text3);background:var(--bg3)}.tag-pill--sentence{border-color:var(--blue);color:var(--blue)}.tag-pill--mixed{border-color:var(--gold);color:var(--gold)}.lessons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.lesson-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;transition:all .15s;display:block}.lesson-card:hover{border-color:var(--text3);transform:translateY(-2px);box-shadow:var(--card-shadow)}.lesson-date{font-size:.7rem;color:var(--text3);margin-bottom:.25rem;font-family:monospace}.lesson-title{font-size:.85rem;font-weight:500;margin-bottom:.5rem}.lesson-tags{display:flex;flex-wrap:wrap;gap:.25rem}.lesson-tag{background:var(--bg3);border-radius:4px;padding:.1rem .4rem;font-size:.65rem;color:var(--text3)}.weak-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.weak-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.weak-kr{font-family:var(--font-kr);font-size:1.2rem;margin-bottom:.25rem}.weak-en{font-size:.8rem;color:var(--text2);margin-bottom:.5rem}.weak-rate{font-size:.8rem;font-weight:600;display:flex;justify-content:space-between}.rate-bad{color:var(--red)}.rate-ok{color:var(--gold)}.rate-good{color:var(--green)}.weak-count{font-weight:400;color:var(--text3)}.loading-msg,.empty-msg{color:var(--text2);font-size:.875rem}.quiz-page{display:flex;flex-direction:column;gap:1.5rem;max-width:800px;margin:0 auto}.quiz-settings{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-end;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem}.quiz-settings-mobilebar{display:none}.quiz-settings-body{display:contents}.settings-group{display:flex;flex-direction:column;gap:.4rem}.settings-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text3)}.seg-control{display:flex;background:var(--bg3);border-radius:var(--radius-sm);overflow:hidden}.seg-btn{padding:.4rem .85rem;border:none;background:transparent;color:var(--text2);font-family:var(--font-body);font-size:.8rem;cursor:pointer;transition:all .15s;white-space:nowrap}.seg-btn:hover{color:var(--text)}.seg-btn.active{background:var(--primary);color:#fff}.select-input{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:.4rem .75rem;font-family:var(--font-body);font-size:.85rem;cursor:pointer;min-width:180px}.session-bar{display:flex;gap:1rem;align-items:center;padding:.75rem 1.25rem;background:var(--bg2);border-radius:var(--radius);border:1px solid var(--border)}.session-stat{font-size:.875rem;font-weight:500}.session-stat.correct{color:var(--green)}.session-stat.wrong{color:var(--alert)}.session-stat.streak{color:var(--brand);font-weight:600}.session-stat.total{color:var(--text3);margin-left:auto}.quiz-area{display:flex;justify-content:center}.quiz-card{width:100%;max-width:680px;min-height:380px;background:var(--bg2);border:1px solid var(--border);border-radius:20px;padding:2.5rem;display:flex;flex-direction:column;box-shadow:var(--card-shadow);position:relative}.card-loading{display:flex;align-items:center;justify-content:center;flex:1}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none!important}.card-content{display:flex;flex-direction:column;flex:1}.card-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.card-lesson{font-size:.7rem;color:var(--text3);text-transform:uppercase;letter-spacing:.08em}.card-tag-row{display:flex;gap:.25rem;flex-wrap:wrap}.card-tag{background:var(--bg3);border-radius:4px;padding:.15rem .5rem;font-size:.65rem;color:var(--text3)}.grammar-tag{border:1px solid var(--blue);color:var(--blue);background:transparent}.card-prompt{font-size:.8rem;color:var(--text3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem}.card-question{font-family:var(--font-kr);font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.3;margin-bottom:2rem;color:var(--text);word-break:break-word;display:flex;align-items:center;gap:.5rem;justify-content:center;flex-wrap:wrap}.card-root{font-family:var(--font-kr);font-size:.55em;color:var(--text3);font-weight:400}.card-form-chip{display:inline-block;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--blue);border:1px solid var(--blue);border-radius:999px;padding:.15rem .6rem;margin:-1.25rem auto 1.5rem}.speaker-btn{background:none;border:1px solid transparent;cursor:pointer;font-size:1.5rem;padding:.25rem .5rem;border-radius:8px;opacity:.75;transition:opacity .15s,background .15s,border-color .15s;line-height:1;flex-shrink:0}.speaker-btn:hover{opacity:1;background:var(--bg3);border-color:var(--border)}.speaker-btn.speaking{opacity:1}.choices-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem}.choice-btn{padding:.9rem 1rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg3);color:var(--text);font-family:var(--font-kr);font-size:.9rem;cursor:pointer;text-align:left;transition:all .15s;line-height:1.4}.choice-btn:hover:not(:disabled){border-color:var(--primary);background:#3498db0f;color:var(--text2)}.choice-btn:disabled{cursor:default}.choice-btn.correct{border-color:var(--green);background:#3fb9501a;color:var(--green)}.choice-btn.wrong{border-color:var(--red);background:#f851491a;color:var(--red)}.card-feedback{border-top:1px solid var(--border);padding-top:1.25rem;display:flex;flex-direction:column;gap:.75rem}.feedback-top{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.feedback-actions{display:flex;align-items:center;gap:.75rem}.feedback-text{font-weight:600;font-size:1rem}.feedback-correct{color:var(--green)}.feedback-wrong{color:var(--red)}.feedback-answer{color:var(--text2);font-size:.875rem;font-family:var(--font-kr)}.next-btn{margin-left:auto}.card-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;flex:1;color:var(--text2);text-align:center}.upload-page,.students-page{max-width:800px;margin:0 auto}.upload-header{margin-bottom:2rem}.upload-header h1{font-family:var(--font-display);font-size:2rem;margin-bottom:.5rem}.upload-sub{color:var(--text2)}.upload-section{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem 2rem;margin-bottom:1.25rem}.step-label{display:flex;align-items:center;gap:.75rem;font-weight:600;margin-bottom:1.25rem}.step-num{width:24px;height:24px;border-radius:50%;background:var(--primary);color:#fff;font-size:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.upload-tip{color:var(--text2);font-size:.85rem;margin-bottom:.75rem}.form-row{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.form-group{display:flex;flex-direction:column;gap:.4rem;flex:1;min-width:160px}.form-group.full{flex-basis:100%}.form-group label{font-size:.8rem;color:var(--text2)}.hint{color:var(--text3);font-size:.7rem}.input,.textarea{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:.5rem .75rem;font-family:var(--font-body);font-size:.875rem;transition:border-color .15s}.input:focus,.textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #3498db26}.textarea{width:100%;resize:vertical;font-family:monospace;font-size:.8rem;margin-bottom:1rem}.preview-block{margin-bottom:1.5rem}.preview-title{font-size:.9rem;font-weight:600;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.preview-count{font-size:.75rem;color:var(--text3);font-weight:400}.preview-tbl{width:100%;border-collapse:collapse;font-size:.85rem}.preview-tbl th{text-align:left;padding:.5rem .75rem;border-bottom:1px solid var(--border);color:var(--text3);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.preview-tbl td{padding:.5rem .75rem;border-bottom:1px solid var(--border)}.preview-tbl .kr{font-family:var(--font-kr)}.preview-tbl tr:last-child td{border-bottom:none}.preview-actions{display:flex;gap:.75rem;margin-top:1.5rem}.success-msg{text-align:center;padding:2rem}.success-icon{width:56px;height:56px;border-radius:50%;background:#3fb95026;color:var(--green);font-size:1.5rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.success-msg h2{font-family:var(--font-display);font-size:1.75rem;margin-bottom:.5rem}.success-msg p{color:var(--text2);margin-bottom:1.5rem}.success-actions{display:flex;gap:.75rem;justify-content:center}.tbl-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-sm)}.type-tabs{flex-wrap:wrap}@media (max-width: 1024px){.nav{padding:0 1rem}.nav-links,.nav-user-actions{display:none}.nav-mobile-actions,.nav-hamburger{display:flex}.nav-drawer{display:flex;flex-direction:column;position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--bg);border-top:1px solid var(--border);z-index:99;overflow-y:auto}.nav-drawer-links{display:flex;flex-direction:column;padding:.75rem;gap:.25rem;flex:1}.nav-drawer-link{display:block;padding:.85rem 1rem;border-radius:var(--radius-sm);color:var(--text2);font-size:1rem;font-family:var(--font-body);transition:background .1s,color .1s}.nav-drawer-link:hover{background:var(--bg3);color:var(--text)}.nav-drawer-link.active{background:#3498db1a;color:var(--primary);font-weight:500}.nav-drawer-signout{padding:1rem 1.75rem;background:none;border:none;border-top:1px solid var(--border);color:var(--text3);text-align:left;cursor:pointer;font-size:.9rem;font-family:var(--font-body);transition:color .1s}.nav-drawer-signout:hover{color:var(--text2)}}@media (max-width: 700px){.main{padding:1.5rem 1rem}.hero{flex-direction:column;align-items:flex-start;gap:1.25rem}.hero-cta{padding-left:0}.stats-row{grid-template-columns:repeat(3,1fr)}.choices-grid{grid-template-columns:1fr}.form-row{flex-direction:column}.select-input{min-width:0;width:100%}.word-popup{max-width:calc(100vw - 32px)}.upload-section{padding:1.25rem 1rem}.vocab-table-wrap{display:none}.vocab-cards-wrap{display:flex}.lesson-card-actions .btn{min-height:36px;padding:.4rem .75rem;font-size:.8rem}.quiz-settings{flex-direction:column;align-items:stretch;gap:0;padding:0}.quiz-settings-mobilebar{display:flex;flex-direction:column;gap:.5rem;padding:.65rem 1rem;width:100%;box-sizing:border-box}.quiz-settings-mobilebar-top{display:flex;align-items:center;gap:.6rem;width:100%;overflow:hidden}.quiz-settings-toggle{flex-shrink:0;padding:.3rem .65rem;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text2);font-size:.8rem;cursor:pointer;white-space:nowrap}.quiz-settings-toggle:hover{background:var(--bg2);border-color:var(--primary)}.settings-chips{display:flex;gap:.35rem;flex-wrap:nowrap;overflow:hidden;flex:1;min-width:0}.settings-chip{padding:.2rem .5rem;background:var(--bg3);border:1px solid var(--border);border-radius:999px;font-size:.72rem;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70px}.quiz-settings-body{display:flex;flex-direction:column;gap:1rem;padding:.75rem 1rem 1rem;border-top:1px solid var(--border)}.quiz-settings-body--hidden{display:none}}@media (max-width: 420px){.stats-row{grid-template-columns:repeat(2,1fr)}.quiz-card{padding:1.5rem 1.25rem}.card-question{font-size:clamp(1.4rem,7vw,2rem)}.lesson-title-text{font-size:1.3rem}}.answer-blur{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:20px;margin:16px 0;text-align:center;cursor:pointer;transition:all .3s ease}.answer-blur:not(.revealed) .answer-text{filter:blur(12px);-webkit-user-select:none;-moz-user-select:none;user-select:none}.answer-blur.revealed .answer-text{filter:none;color:var(--text2)}.answer-blur .tap-hint{font-size:.85em;color:var(--text3);margin-top:8px}.answer-blur.revealed .tap-hint{display:none}.answer-text{font-size:1.3em;font-weight:600;transition:filter .3s ease}.rating-buttons{display:flex;gap:12px;justify-content:center;margin-top:16px}.btn-correct{background:var(--green);color:#fff;border:none;padding:10px 24px;border-radius:8px;cursor:pointer;font-size:1em}.btn-wrong{background:var(--alert);color:#fff;border:none;padding:10px 24px;border-radius:8px;cursor:pointer;font-size:1em}.editor-page{max-width:900px;margin:0 auto;padding:20px}.editor-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:20px}.editor-filters .select-input{flex:1;min-width:150px}.result-count{font-size:.9em;color:var(--text3)}.items-list{display:flex;flex-direction:column;gap:12px}.editor-item{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:16px}.editor-item.item-flagged{border-left:4px solid var(--gold)}.item-header{display:flex;gap:8px;align-items:center;margin-bottom:12px}.item-id{font-family:monospace;font-size:.85em;color:var(--text3)}.item-type-badge{font-size:.75em;background:var(--bg3);padding:2px 8px;border-radius:4px;color:var(--text2)}.flag-badge{font-size:.8em;color:var(--gold)}.item-body{display:flex;flex-direction:column;gap:8px}.item-field label{font-size:.75em;color:var(--text3);display:block;margin-bottom:2px}.edit-input{width:100%;padding:6px 10px;border:1px solid var(--border);border-radius:4px;font-size:.95em;background:var(--bg2);color:var(--text2);font-family:inherit}.edit-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #3498db26}.item-actions{display:flex;gap:8px;margin-top:12px}.btn-sm{padding:6px 16px;font-size:.85em}.empty-state{text-align:center;color:var(--text3);padding:40px}.progress-bar-container{display:flex;align-items:center;gap:12px;padding:0 20px;margin-bottom:12px}.progress-bar-track{flex:1;height:8px;background:var(--bg3);border-radius:4px;overflow:hidden}.progress-bar-container .progress-bar{height:100%;background:var(--green);border-radius:4px;transition:width .3s ease}.progress-label{font-size:.85em;color:var(--text3);white-space:nowrap}.writing-page{display:flex;flex-direction:column;gap:1.5rem}.writing-body{display:flex;gap:1.5rem;align-items:flex-start}.writing-selector{width:220px;flex-shrink:0;display:flex;flex-direction:column;gap:1.25rem}.jamo-group{display:flex;flex-direction:column;gap:.5rem}.jamo-group-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text3)}.jamo-grid{display:grid;gap:6px}.jamo-grid.consonants{grid-template-columns:repeat(7,1fr)}.jamo-grid.vowels{grid-template-columns:repeat(5,1fr)}.jamo-btn{padding:.45rem .3rem;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text2);font-family:var(--font-kr);font-size:1.1rem;cursor:pointer;transition:background .12s,border-color .12s;text-align:center}.jamo-btn:hover{background:var(--bg3);border-color:var(--accent2)}.jamo-btn:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}.jamo-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.word-list{display:flex;flex-direction:column;gap:4px;max-height:480px;overflow-y:auto;padding-right:4px}.word-btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:.55rem .75rem;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background .12s,border-color .12s}.word-btn:hover{background:var(--bg3);border-color:var(--accent2)}.word-btn:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}.word-btn.active{background:var(--bg3);border-color:var(--accent2)}.word-kr{font-family:var(--font-kr);font-size:1rem;font-weight:600;color:var(--text2)}.word-en{font-size:.78rem;color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.writing-canvas-area{flex:1;display:flex;flex-direction:column;align-items:center;gap:1rem}.syllable-nav{display:flex;align-items:center;gap:.75rem}.syll-arrow{background:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:1.4rem;width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s}.syll-arrow:hover:not(:disabled){background:var(--bg3)}.syll-arrow:disabled{opacity:.3;cursor:default}.syll-arrow:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}.syllable-dots{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.syll-dot{min-width:38px;padding:.3rem .5rem;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-kr);font-size:1rem;cursor:pointer;transition:background .12s,border-color .12s}.syll-dot:hover{background:var(--bg3)}.syll-dot:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}.syll-dot.current{border-color:var(--accent2);color:var(--accent2);font-weight:700}.syll-dot.scored{border-color:var(--green);color:var(--green)}.syll-dot.current.scored{border-color:var(--accent2);color:var(--accent2)}.trace-header{display:flex;flex-direction:column;align-items:center;gap:4px}.trace-char-label{font-family:var(--font-kr);font-size:2.5rem;font-weight:700;color:var(--text2);line-height:1}.trace-word-context{font-family:var(--font-kr);font-size:.9rem;color:var(--text3)}.trace-canvas{display:block;background:var(--bg2);border:2px solid var(--border);border-radius:var(--radius)}.trace-canvas:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}.trace-controls{display:flex;gap:.75rem;align-items:center}.trace-score{display:flex;align-items:center;gap:.6rem;padding:.6rem 1.4rem;border-radius:var(--radius);border:1px solid var(--border);animation:score-pop .18s ease-out}@keyframes score-pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.score-pct{font-size:1.8rem;font-weight:700;line-height:1}.score-label{font-size:.9rem;font-weight:600;opacity:.85}.score-great{background:#3fb9501f;border-color:var(--green);color:var(--green)}.score-ok{background:#d299221f;border-color:var(--gold);color:var(--gold)}.score-retry{background:#f851491a;border-color:var(--red);color:var(--red)}.writing-summary{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);text-align:center;color:var(--text)}.writing-summary strong{color:var(--text2)}.writing-placeholder{color:var(--text3);font-size:1rem;margin-top:4rem}.writing-hint{color:var(--text3);font-size:.85rem;padding:.5rem 0}@media (max-width: 700px){.writing-body{flex-direction:column}.writing-selector{width:100%}.jamo-grid.consonants{grid-template-columns:repeat(7,1fr)}.jamo-grid.vowels{grid-template-columns:repeat(5,1fr)}.word-list{max-height:200px}.word-en{max-width:100%}.writing-canvas-area{width:100%}}.feedback-example{display:flex;flex-direction:column;gap:2px;margin:6px 0 2px;padding:8px 12px;background:var(--bg3);border-left:3px solid var(--accent2);border-radius:0 var(--radius-sm) var(--radius-sm) 0;text-align:left}.feedback-example-kr{font-family:var(--font-kr);font-size:.95rem;color:var(--text2)}.feedback-example-en{font-size:.8rem;color:var(--text3)}.notion-token-section{margin-bottom:1.5rem}.notion-token-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.4rem}.notion-token-badge{font-size:.72rem;padding:2px 8px;border-radius:10px;font-weight:600}.notion-token-badge.set{background:#3fb95026;color:var(--green)}.notion-token-badge.unset{background:#f851491f;color:var(--red)}.notion-token-row{display:flex;gap:.75rem;align-items:center;margin-top:.6rem}.notion-token-row .input{flex:1}.profile-page{max-width:680px}.profile-header{margin-bottom:2rem}.profile-title{font-size:1.6rem;font-weight:700;color:var(--text2);margin-bottom:.25rem}.profile-sub{color:var(--text3);font-size:.9rem;display:flex;align-items:center;gap:.6rem}.profile-role-badge{font-size:.7rem;padding:2px 8px;border-radius:10px;font-weight:600;background:#c8c8c814;color:var(--text);border:1px solid var(--border);text-transform:uppercase;letter-spacing:.05em}.profile-section{margin-bottom:1.25rem}.profile-section-title{font-size:.95rem;font-weight:600;color:var(--text2);margin-bottom:1.25rem;padding-bottom:.6rem;border-bottom:1px solid var(--border)}.profile-save-bar{display:flex;align-items:center;gap:1rem;justify-content:flex-end;margin-top:1rem}.profile-msg{font-size:.85rem}.profile-msg.success{color:var(--green)}.profile-msg.error{color:var(--red)}.input-error{border-color:var(--red)!important}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.flex-shrink{flex-shrink:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-width:1px}.italic{font-style:italic}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.tag-pill{display:inline-block}.lookup-container{max-width:800px;margin:0 auto}.lookup-search-bar{display:flex;gap:8px;margin-bottom:16px}.lookup-input{flex:1;padding:10px 14px;font-size:1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg2);color:var(--text2)}.lookup-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #3498db26}.lookup-filters{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.type-tabs{display:flex;gap:4px}.tab-btn{padding:6px 14px;border:1px solid var(--border);border-radius:20px;background:var(--bg2);color:var(--text2);cursor:pointer;font-size:.85rem}.tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.lookup-results{display:flex;flex-direction:column;gap:24px}.lookup-section h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text3);margin-bottom:10px}.lookup-card{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:14px 16px;margin-bottom:8px}.lookup-kr{font-size:1.2rem;font-weight:600;font-family:Noto Sans KR,sans-serif;color:var(--text2)}.lookup-en{color:var(--text);margin-top:2px}.lookup-meta{font-size:.78rem;color:var(--text3);margin-top:6px;display:flex;gap:8px;align-items:center}.lookup-lesson-link{font-size:.75rem;color:var(--primary);text-decoration:none}.lookup-lesson-link:hover{text-decoration:underline}.badge{display:inline-block;padding:1px 8px;border-radius:12px;font-size:.72rem}.badge-exact{background:#1e9e5424;color:var(--green)}.badge-word{background:#3498db1f;color:var(--primary)}.badge-vocab{background:#c98a0029;color:var(--gold)}.badge-partial{background:var(--bg3);color:var(--text)}.no-results{color:var(--text3);font-style:italic;font-size:.9rem}.editor-tab-bar{display:flex;gap:4px;margin-bottom:16px;border-bottom:2px solid var(--border);padding-bottom:0}.editor-tab{padding:8px 20px;border:none;background:none;cursor:pointer;font-size:.95em;color:var(--text3);border-bottom:3px solid transparent;margin-bottom:-2px;transition:color .15s}.editor-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.editor-filters .ui-input{flex:1 1 160px;width:auto}.editor-loading{color:var(--text3);font-size:.9em;padding:8px 0}.bd-filter.active{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}.sentence-card .card-summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sentence-card .card-korean{font-size:1.05em;font-weight:500;color:var(--text2)}.sentence-card .card-meaning{color:var(--text);font-size:.9em}.bd-badge{font-size:.75em;padding:2px 6px;border-radius:10px;background:var(--bg3);color:var(--text)}.bd-badge.unknown{background:#fff3cd;color:#856404}.bd-badge.empty{background:#f8d7da;color:#721c24}.expand-icon{margin-left:auto;color:var(--text3);font-size:.8em}.token-table{width:100%;border-collapse:collapse;font-size:.85em;margin-top:10px}.token-table th{text-align:left;padding:5px 8px;background:var(--bg3);border-bottom:2px solid var(--border);white-space:nowrap;color:var(--text2)}.token-table td{padding:4px 6px;border-bottom:1px solid var(--border);vertical-align:middle}.token-table input,.token-table select{font-size:.85em;padding:2px 4px;border:1px solid var(--border);border-radius:3px;background:var(--bg2);color:var(--text2)}.tok-unknown{background:#c98a001f}.builder-answer{display:flex;flex-wrap:wrap;gap:8px;min-height:52px;align-items:center;padding:12px;margin:16px 0;border:2px dashed var(--border);border-radius:10px}.builder-placeholder{color:var(--text3);font-style:italic;font-size:.9em}.builder-bank{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:8px}.tile{padding:8px 14px;font-size:1.05em;font-family:Noto Sans KR,sans-serif;background:var(--bg2);border:1px solid var(--border);border-radius:8px;cursor:pointer;color:var(--text2);transition:background .12s,border-color .12s}.tile:hover:not(:disabled){background:var(--bg3);border-color:var(--primary)}.tile:disabled{cursor:default}.tile.correct{background:#1e9e5424;border-color:var(--green);color:var(--green)}.tile.wrong{background:#e74c3c24;border-color:var(--alert);color:var(--alert)}.builder-feedback{margin-top:16px;text-align:center}.builder-result{font-size:1.1em;font-weight:600;margin-bottom:8px}.builder-result.correct{color:var(--green)}.builder-result.wrong{color:var(--alert)}.builder-answer-reveal{font-size:1.2em;font-family:Noto Sans KR,sans-serif;color:var(--green);margin-bottom:12px}.preview-error{background:#e74c3c1f;color:var(--alert);border:1px solid rgba(231,76,60,.3);border-radius:8px;padding:10px 14px;margin:10px 0;font-size:.9em}.badge-beginner{background:#1e9e5424;color:var(--green)}.badge-intermediate{background:#c98a0029;color:var(--gold)}.badge-advanced{background:#e74c3c24;color:var(--alert)}.reading-list{display:flex;flex-direction:column;gap:10px;margin:16px 0}.reading-card{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;text-align:left;background:var(--bg2);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.reading-card:hover{border-color:var(--primary);box-shadow:var(--card-shadow)}.reading-card-title{font-size:1.05em;font-family:Noto Sans KR,sans-serif;color:var(--text2)}.reading-legend{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0;align-items:center}.reading-legend--inline{margin:10px 0}.legend-chip{padding:3px 10px;border-radius:20px;font-size:.78em;border:2px solid;font-weight:500}.legend-chip--none{background:var(--bg3);border:2px solid var(--border);color:var(--text3)}.translation-block{margin:12px 0}.translation-block summary{cursor:pointer;color:var(--text3);font-size:.9em}.translation-block p{margin:8px 0 0;color:var(--text)}.reading-body{margin:20px 0}.reading-sentence{display:flex;align-items:baseline;gap:6px;margin:0 0 16px}.reading-sentence-text{line-height:2.2;flex:1}.reading-token{font-family:Noto Sans KR,sans-serif;font-size:1.15em;padding:1px 3px;border-radius:3px;transition:opacity .1s}.reading-token--known:hover{opacity:.75}.sentence-tts{margin-right:6px;font-size:1.1rem!important}.reading-topbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 0 14px;border-bottom:1px solid var(--border);margin-bottom:14px}.reading-topbar-title{font-size:1.05em;font-weight:600;flex:1;font-family:Noto Sans KR,sans-serif;color:var(--text2)}.reading-topbar-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.word-popup{position:fixed;z-index:200;background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:12px 16px;min-width:180px;max-width:220px;box-shadow:var(--card-shadow);pointer-events:auto}.word-popup strong{font-family:Noto Sans KR,sans-serif;font-size:1.1em;color:var(--text2)}.popup-root{color:var(--text3);font-size:.85em}.popup-meaning{margin-top:4px;color:var(--text2)}.popup-meta{margin-top:6px;font-size:.8em;color:var(--text)}.popup-bucket{font-weight:600}.add-text-form{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:20px;margin:14px 0;display:flex;flex-direction:column;gap:12px}.form-row{display:flex;flex-direction:column;gap:4px}.form-row label{font-size:.85em;font-weight:600;color:var(--text2)}.form-input{padding:8px 10px;border:1px solid var(--border);border-radius:6px;font-size:.95em;font-family:inherit;width:100%;box-sizing:border-box;background:var(--bg2);color:var(--text2)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #3498db26}.form-textarea{resize:vertical;font-family:Noto Sans KR,sans-serif;line-height:1.6}.form-hint{color:var(--text3);font-size:.78em;margin-top:2px}.form-error{color:var(--alert);background:#e74c3c1f;border-radius:6px;padding:8px 12px;font-size:.88em}.form-actions{display:flex;gap:10px}.optional{color:var(--text3);font-weight:400}.grammar-page{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem}.grammar-strip{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.grammar-strip::-webkit-scrollbar{display:none}.grammar-strip-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:.55rem 1.1rem;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-shrink:0;transition:border-color .15s,background .15s}.grammar-strip-btn:hover{border-color:var(--text3);background:var(--bg3)}.grammar-strip-btn.active{border-color:var(--primary);background:#3498db12}.gsb-form{font-family:var(--font-kr);font-size:1rem;font-weight:700;color:var(--text2)}.grammar-strip-btn.active .gsb-form{color:var(--primary)}.gsb-name{font-size:.68rem;color:var(--text3);white-space:nowrap}.grammar-header{display:flex;gap:1.25rem;align-items:flex-start;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem}.grammar-header-left{display:flex;flex-direction:column;gap:.4rem;flex-shrink:0}.grammar-form{font-family:var(--font-kr);font-size:1.7rem;font-weight:700;color:var(--text2)}.grammar-level-badge{font-size:.7rem;padding:2px 8px;border-radius:10px;font-weight:600;background:#3498db1a;color:var(--primary);border:1px solid rgba(52,152,219,.2);white-space:nowrap;align-self:flex-start}.grammar-summary{color:var(--text);font-size:.9rem;line-height:1.65}.grammar-tabs{display:flex;gap:4px;border-bottom:2px solid var(--border);padding-bottom:0}.grammar-tab{padding:.55rem 1.25rem;border:none;background:none;cursor:pointer;font-size:.875rem;color:var(--text3);font-family:var(--font-body);border-bottom:3px solid transparent;margin-bottom:-2px;transition:color .15s}.grammar-tab:hover{color:var(--text2)}.grammar-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.grammar-usages{display:flex;flex-direction:column;gap:.875rem}.usage-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.25rem}.usage-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem}.usage-icon{font-size:1.15rem}.usage-label{font-weight:700;font-size:.95rem;color:var(--text2)}.usage-when{color:var(--text);font-size:.875rem;line-height:1.65;margin-bottom:.85rem}.usage-examples{display:flex;flex-direction:column;gap:.45rem}.usage-example{display:flex;flex-direction:column;gap:2px;padding:.55rem .85rem;background:var(--bg3);border-radius:var(--radius-sm);border-left:3px solid var(--primary)}.usage-kr{font-family:var(--font-kr);font-size:1rem;color:var(--text2)}.usage-en{font-size:.78rem;color:var(--text3)}.grammar-practice-cta{align-self:flex-start;margin-top:.25rem}.grammar-exercise{display:flex;flex-direction:column;gap:1rem}.ex-progress{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text3)}.ex-score{display:flex;gap:.6rem;font-weight:600}.ex-score-correct{color:var(--green)}.ex-score-wrong{color:var(--alert)}.ex-setup{font-size:.83rem;color:var(--text3);font-style:italic;padding:.5rem .75rem;background:var(--bg3);border-radius:var(--radius-sm)}.ex-dialogue{display:flex;flex-direction:column;gap:.6rem;padding:1rem 1.25rem;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius)}.ex-line{display:flex;gap:.75rem;align-items:baseline}.ex-speaker{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text3);min-width:36px;flex-shrink:0;padding-top:3px}.ex-line--self .ex-speaker{color:var(--primary)}.ex-text{font-family:var(--font-kr);font-size:1.05rem;color:var(--text2);line-height:1.6}.ex-blank{display:inline-block;min-width:72px;padding:1px 6px;border-bottom:2px solid var(--primary);color:var(--text3);font-style:normal;transition:color .15s,border-color .15s}.ex-blank--correct{color:var(--green);border-color:var(--green)}.ex-blank--wrong{color:var(--alert);border-color:var(--alert)}.ex-options{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.ex-option{padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg3);color:var(--text);font-family:var(--font-kr);font-size:.95rem;cursor:pointer;text-align:left;transition:all .15s}.ex-option:hover:not(:disabled){border-color:var(--primary);background:#3498db0f}.ex-option:disabled{cursor:default}.ex-option.correct{border-color:var(--green);background:#1e9e541a;color:var(--green)}.ex-option.wrong{border-color:var(--alert);background:#e74c3c1a;color:var(--alert)}.ex-feedback{display:flex;flex-direction:column;gap:.4rem;padding:1rem 1.25rem;border-radius:var(--radius);border:1px solid}.ex-feedback--correct{border-color:var(--green);background:#1e9e540f}.ex-feedback--wrong{border-color:var(--alert);background:#e74c3c0f}.ex-feedback-result{font-weight:700;font-size:1rem}.ex-feedback--correct .ex-feedback-result{color:var(--green)}.ex-feedback--wrong .ex-feedback-result{color:var(--alert)}.ex-usage-tag{font-size:.8rem;color:var(--text3);margin-bottom:2px}.ex-explanation{font-size:.875rem;color:var(--text);line-height:1.65}.ex-next-btn{align-self:flex-end;margin-top:.35rem}.grammar-done{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1.5rem;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);text-align:center}.grammar-done-score{display:flex;align-items:baseline;gap:.35rem}.gds-num{font-family:var(--font-display);font-size:2.8rem;line-height:1}.gds-num.correct{color:var(--green)}.gds-num.total{color:var(--text3);font-size:2rem}.gds-slash{font-size:1.5rem;color:var(--text3)}.grammar-done-msg{color:var(--text2);font-size:.95rem;max-width:340px}.grammar-done-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}@media (max-width: 700px){.grammar-header{flex-direction:column;gap:.75rem}.ex-options{grid-template-columns:1fr}}.tts-speed-control{display:flex;align-items:center;gap:4px}.tts-speed-label{font-size:.72em;color:var(--text3);letter-spacing:.03em;margin-right:2px}.tts-speed-btn{padding:3px 10px;border-radius:20px;border:1px solid var(--border);background:var(--bg3);font-size:.8em;cursor:pointer;color:var(--text);transition:background .12s,border-color .12s,color .12s}.tts-speed-btn:hover{background:var(--bg2);color:var(--text2)}.tts-speed-btn--active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.tts-speed-control--light .tts-speed-label{color:var(--text3)}.tts-speed-control--light .tts-speed-btn{border-color:var(--border);background:var(--bg2);color:var(--text)}.tts-speed-control--light .tts-speed-btn:hover{background:var(--bg3);border-color:var(--primary);color:var(--text2)}.tts-speed-control--light .tts-speed-btn--active{background:var(--primary);border-color:var(--primary);color:#fff}.free-build{max-width:680px;margin:0 auto}.fb-slot{display:flex;flex-wrap:wrap;gap:8px;min-height:56px;align-items:center;padding:12px 14px;border:2px dashed var(--border);border-radius:10px;margin-bottom:10px}.fb-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 10px 7px 14px;font-size:1.05em;font-family:Noto Sans KR,sans-serif;background:var(--bg3);border:1px solid var(--primary);border-radius:8px;color:var(--text2)}.fb-chip-x{background:none;border:none;padding:0 2px;font-size:.95em;color:var(--text3);cursor:pointer;line-height:1;border-radius:4px}.fb-chip-x:hover{color:var(--alert);background:#e74c3c24}.fb-actions{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.fb-sentence-text{font-family:Noto Sans KR,sans-serif;font-size:1.1em;color:var(--text2);flex:1}.fb-particle-strip{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 14px;background:var(--bg3);border:1px solid var(--border);border-radius:10px;margin-bottom:12px}.fb-strip-label{font-size:.72em;text-transform:uppercase;letter-spacing:.06em;color:var(--text3);margin-right:2px;white-space:nowrap}.fb-particle{padding:5px 11px;font-size:.95em;font-family:Noto Sans KR,sans-serif;background:var(--bg2);border:1px solid var(--border);border-radius:6px;cursor:pointer;color:var(--primary);transition:background .1s,border-color .1s}.fb-particle:hover{background:var(--bg3);border-color:var(--primary)}.fb-tag-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.fb-tag-pill{padding:4px 12px;font-size:.8em;border:1px solid var(--border);border-radius:16px;background:var(--bg2);cursor:pointer;color:var(--text);transition:background .1s,border-color .1s}.fb-tag-pill:hover{border-color:var(--primary);background:var(--bg3)}.fb-tag-pill.active{background:var(--primary);color:#fff;border-color:var(--primary)}.fb-bank-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(130px,100%),1fr));gap:8px}.fb-bank-word{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 12px;background:var(--bg2);border:1px solid var(--border);border-radius:8px;cursor:pointer;text-align:left;transition:background .1s,border-color .1s}.fb-bank-word:hover{background:var(--bg3);border-color:var(--primary)}.fb-bank-kr{font-family:Noto Sans KR,sans-serif;font-size:1em;font-weight:500;color:var(--text2)}.fb-bank-en{font-size:.75em;color:var(--text3);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.fb-form-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.fb-form-select{padding:4px 10px;font-size:.85em;border:1px solid var(--border);border-radius:6px;background:var(--bg2);color:var(--text2);cursor:pointer}.fb-form-select:focus{outline:none;border-color:var(--primary)}.fb-form-single{font-size:.85em;color:var(--text);font-weight:500}.fb-bank-root{font-size:.68em;color:var(--text3);line-height:1}.fb-bank-word--on{background:var(--bg3);border-color:var(--primary)}.fb-bank-word--on .fb-bank-kr{color:var(--primary)}.fb-bank-count{margin-top:2px;font-size:.7em;color:var(--primary);font-weight:600}.fb-show-more{width:100%;margin-top:8px;padding:8px 14px;font-size:.85em;color:var(--text);background:var(--bg3);border:1px dashed var(--border);border-radius:8px;cursor:pointer;text-align:center;transition:background .1s,border-color .1s}.fb-show-more:hover{background:var(--bg2);border-color:var(--primary)}.builder-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:20px}.tile{flex-direction:column;gap:2px}.tile-conj-badge{font-size:.65em;color:var(--primary);font-family:Noto Sans KR,sans-serif;line-height:1}.bd-input-row{display:flex;gap:8px;align-items:center;max-width:420px;margin-bottom:6px}.bd-input{flex:1;font-family:Noto Sans KR,sans-serif;font-size:1.05em}.bd-error{font-size:.85em;color:var(--alert);margin:4px 0}.bd-form-label{font-size:.78em;font-weight:600;color:var(--primary);background:var(--bg3);padding:2px 8px;border-radius:4px;margin-left:auto}.bd-source{font-size:.72em;color:var(--text3);border:1px solid var(--border);padding:1px 6px;border-radius:10px}.bd-grammar-rule{margin-top:10px;padding:8px 12px;background:var(--bg3);border-left:3px solid var(--primary);border-radius:0 6px 6px 0;display:flex;flex-direction:column;gap:3px}.bd-grammar-pattern{font-size:.88em;font-weight:700;color:var(--primary);font-family:Noto Sans KR,sans-serif}.bd-grammar-desc{font-size:.8em;color:var(--text)}.bd-vocab-footer{margin-top:10px;padding:8px 12px;background:var(--bg3);border-left:3px solid var(--primary);border-radius:0 6px 6px 0;display:flex;flex-direction:column;gap:3px}.bd-root-chip{font-family:Noto Sans KR,sans-serif;font-size:.88em;font-weight:700;color:var(--primary)}.bd-vocab-meaning{font-size:.8em;color:var(--text)}.cb-panel{margin-top:32px;border-top:1px solid var(--border);padding-top:16px}.cb-toggle{background:none;border:none;padding:0;font-size:.85em;font-weight:600;color:var(--text);cursor:pointer;display:flex;align-items:center;gap:6px}.cb-toggle:hover{color:var(--primary)}.cb-body{margin-top:12px}.cb-input-row{display:flex;gap:8px;align-items:center;margin-bottom:10px}.cb-input{flex:1;max-width:260px;font-family:Noto Sans KR,sans-serif}.cb-error{font-size:.85em;color:var(--alert);margin:4px 0}.cb-result{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:12px 16px}.cb-result-header{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:10px}.cb-root{font-family:Noto Sans KR,sans-serif;font-size:1.1em;font-weight:600;color:var(--text2)}.cb-sep{color:var(--text3)}.cb-form-label{font-size:.8em;font-weight:600;color:var(--primary);background:var(--bg2);padding:2px 8px;border-radius:4px}.cb-meaning{font-size:.85em;color:var(--text);flex:1}.cb-source-badge{font-size:.72em;color:var(--text3);border:1px solid var(--border);padding:1px 6px;border-radius:10px}.cb-components{display:flex;flex-direction:column;gap:4px}.cb-component{display:flex;align-items:baseline;gap:10px;padding:3px 0;border-bottom:1px solid var(--border)}.cb-component:last-child{border-bottom:none}.cb-segment{font-family:Noto Sans KR,sans-serif;font-size:1em;font-weight:500;min-width:60px;color:var(--text2)}.cb-role{font-size:.8em;color:var(--text)}.breakdown-list{display:flex;flex-direction:column;gap:.75rem}.breakdown-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.6rem}.breakdown-form{font-family:var(--font-kr);font-size:clamp(1.3rem,3.5vw,1.8rem);display:flex;align-items:center;gap:.4rem;color:var(--text2);font-weight:500}.morpheme-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-end}.morpheme-chip{display:inline-flex;flex-direction:column;align-items:center;gap:4px;padding:6px 10px;border-radius:8px;border:1.5px solid;min-width:38px;text-align:center}.mc-stem{background:#2196f31a;border-color:#2196f366}.mc-ending{background:#8b5cf61a;border-color:#8b5cf666}.mc-irregular,.mc-root{background:var(--bg3);border-color:var(--border)}.mc-kr{font-family:var(--font-kr);font-size:1.05rem;font-weight:700;line-height:1}.mc-stem .mc-kr{color:#2196f3}.mc-ending .mc-kr{color:#8b5cf6}.mc-irregular .mc-kr,.mc-root .mc-kr{color:var(--text2)}.mc-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;color:var(--text3)}.mc-stem .mc-label{color:#1976d2}.mc-ending .mc-label{color:#7c3aed}.mc-surface{font-style:italic;opacity:.75;font-size:.55rem;display:block;margin-top:1px}.breakdown-no-conj{font-size:.8rem;color:var(--text3);margin:0;font-style:italic}.breakdown-footer{display:flex;align-items:baseline;gap:.75rem;padding-top:.35rem;border-top:1px solid var(--border)}.breakdown-meaning{font-size:.85rem;color:var(--text);flex:1}.breakdown-root{font-family:var(--font-kr);font-size:.8rem;color:var(--text3)}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.3rem;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.9rem;font-weight:500;line-height:1.2;cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:background .15s,border-color .15s,color .15s,transform .15s,filter .15s}.ui-btn:disabled{opacity:.55;cursor:default;transform:none!important}.ui-btn--sm{padding:.4rem .85rem;font-size:.82rem}.ui-btn--block{width:100%}.ui-btn:focus-visible{outline:2px solid var(--highlight);outline-offset:2px}.ui-btn--primary{background:var(--primary);color:#fff}.ui-btn--primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.ui-btn--secondary{background:var(--bg2);color:var(--text2);border-color:var(--border)}.ui-btn--secondary:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.ui-btn--ghost{background:transparent;color:var(--text2);border-color:var(--border)}.ui-btn--ghost:hover:not(:disabled){background:var(--bg3);border-color:var(--text3)}.ui-btn--danger{background:var(--alert);color:#fff}.ui-btn--danger:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.ui-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.ui-card--interactive{transition:transform .15s,border-color .15s,box-shadow .15s;cursor:pointer}.ui-card--interactive:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:var(--card-shadow)}.ui-card--accent{border-color:var(--primary)}.ui-stat{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;text-align:center}.ui-stat--accent{border-color:var(--primary)}.ui-stat-num{font-family:var(--font-display);font-size:2rem;line-height:1;margin-bottom:.25rem;color:var(--text2)}.ui-stat--accent .ui-stat-num{color:var(--primary)}.ui-stat-label{font-size:.72rem;color:var(--text3);text-transform:uppercase;letter-spacing:.08em}.ui-input{width:100%;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text2);padding:.5rem .75rem;font-family:var(--font-body);font-size:.9rem;transition:border-color .15s,box-shadow .15s}.ui-input::-moz-placeholder{color:var(--text3)}.ui-input::placeholder{color:var(--text3)}.ui-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #3498db26}.ui-input--invalid{border-color:var(--alert)}.ui-textarea{resize:vertical;min-height:84px;line-height:1.5}.ui-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%238a97a3' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center}.ui-field{display:flex;flex-direction:column;gap:.35rem}.ui-field-label{font-size:.8rem;color:var(--text2);font-weight:500}.ui-field-hint{font-size:.72rem;color:var(--text3)}.ui-field-error{font-size:.75rem;color:var(--alert)}.ui-badge{display:inline-block;padding:.15rem .6rem;border-radius:999px;font-size:.72rem;font-weight:500;line-height:1.5;border:1px solid transparent}.ui-badge--default{background:var(--bg3);color:var(--text)}.ui-badge--info{background:#3498db1f;color:var(--primary)}.ui-badge--success{background:#1e9e5424;color:var(--green)}.ui-badge--warn{background:#c98a0029;color:var(--gold)}.ui-badge--alert{background:#e74c3c24;color:var(--alert)}.ui-badge--highlight{background:var(--highlight);color:var(--highlight-fg)}.ui-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;margin-bottom:2rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.ui-page-header-kr{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--brand);font-weight:600;margin-bottom:.4rem}.ui-page-header-title{font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.1;color:var(--text2)}.ui-page-header-sub{color:var(--text);font-size:.9rem;margin-top:.4rem}.ui-page-header-actions{display:flex;gap:.6rem;flex-wrap:wrap}.ui-grid{display:grid}.ui-stack{display:flex;flex-direction:column}.ui-row{display:flex}.ui-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}.ui-empty{text-align:center;color:var(--text3);padding:2.5rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.ui-empty-icon{font-size:2rem;opacity:.85}.ui-empty-title{color:var(--text2);font-weight:600}.ui-empty-text{font-size:.88rem}.ui-photo-upload{display:flex;flex-direction:column;gap:.6rem}.ui-photo-upload-preview{max-width:100%;max-height:320px;width:auto;border-radius:var(--radius-sm);border:1px solid var(--border);-o-object-fit:contain;object-fit:contain;background:var(--bg3)}.ui-photo-upload-controls{display:flex;align-items:center;gap:.6rem}.ui-image-viewer{display:flex;flex-direction:column;gap:.4rem}.ui-image-viewer-label{font-size:.8rem;color:var(--text2);font-weight:500}.ui-image-viewer-thumb{max-width:100%;max-height:220px;width:auto;border-radius:var(--radius-sm);border:1px solid var(--border);-o-object-fit:contain;object-fit:contain;cursor:zoom-in;background:var(--bg3)}.ui-image-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:2rem;cursor:zoom-out}.ui-image-lightbox-img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-sm);cursor:default}.ui-image-lightbox-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;background:#00000080;color:#fff;border:none;border-radius:50%;font-size:1.1rem;line-height:1;cursor:pointer}.ui-image-lightbox-close:hover{background:#000000b3}.kr-field-wrap{display:flex;align-items:flex-start;gap:.35rem;width:100%}.kr-field-wrap .ui-input{flex:1 1 auto;min-width:0;width:auto}.kr-toggle-btn{flex-shrink:0}.kr-toggle-btn[aria-pressed=true]{background:var(--bg3);border-color:var(--primary);color:var(--primary)}.kbd-panel{position:fixed;z-index:300;width:480px;max-width:95vw;box-sizing:border-box;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--card-shadow);padding:2rem .75rem .75rem}.kbd-row{display:flex;gap:.25rem;margin-bottom:.25rem}.kbd-row:last-child{margin-bottom:0}.kbd-key{position:relative;flex:1;min-width:2.2rem;min-height:2.7rem;padding:.3rem .4rem .2rem;font-family:var(--font-body);font-size:.85rem;background:var(--bg3);color:var(--text2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s,background .15s}.kbd-key:hover{border-color:var(--primary)}.kbd-key--active{background:var(--primary);color:#fff}.kbd-key--wide{flex:1.6}.kbd-key--space{flex:3}.kbd-key-main{display:block;font-family:var(--font-kr);font-size:1.2rem;line-height:1.1}.kbd-key-hint{position:absolute;bottom:3px;right:5px;font-family:var(--font-body);font-size:.62rem;line-height:1;color:var(--text3);opacity:.85}.kbd-key--active .kbd-key-hint{color:#ffffffbf}.kbd-close{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;background:transparent;border:none;color:var(--text3);font-size:1.1rem;line-height:1;cursor:pointer}.kbd-close:hover{color:var(--text2)}