@charset "UTF-8";
:root{--bg:#e8edf0;--paper:#f2f0ea;--ink:#2e404e;--muted:#526777;--line:#cbd7de;--green:#4d7188;--green-dark:#405f73;--lime:#d4e3e9;--soft-green:#dde8ec;--serif:var(--sans);--sans:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei','Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,'Malgun Gothic',sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 var(--sans);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button,a{touch-action:manipulation}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #5b8bc4;outline-offset:4px}button{border:0;background:none}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p{margin:0}h1{font-size:30px;line-height:1.45;font-weight:600;letter-spacing:-1px}h2{font-size:21px;font-weight:600;letter-spacing:-.5px}h3{font-weight:600;font-size:15px}.muted{color:var(--muted)}.small-text{font-size:12px}.app-shell{min-height:100vh;display:grid;grid-template-columns:224px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:#e4e9ec;border-right:1px solid var(--line);padding:37px 24px 24px;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;font-size:23px;font-weight:650;letter-spacing:2px}.brand-icon{display:grid;place-items:center;width:42px;height:44px;border-radius:13px 13px 13px 3px;background:var(--green);color:var(--lime);font-size:24px;font-weight:400;letter-spacing:0}.brand small{display:block;font-size:8px;font-weight:500;letter-spacing:2.3px;line-height:1.2;margin-top:2px}.sidebar-label{font-size:10px;color:#576a7f;letter-spacing:1.3px;margin:49px 10px 14px}.navigation{display:flex;flex-direction:column;gap:6px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:13px 15px;text-align:left;border-radius:9px;color:#526984;transition:background .2s,color .2s}.nav-item svg{width:19px;height:19px}.nav-item:hover{background:var(--soft-green)}.nav-item.active{color:#245b99;background:#e6eef9;font-weight:600}.nav-item i{display:none;width:5px;height:5px;border-radius:100%;background:#3f6897;margin-left:auto}.nav-item.active i{display:block}.sidebar-bottom{margin-top:auto;padding-top:48px}.quiet-note{padding:22px 16px 17px;background:var(--soft-green);border-radius:11px;position:relative;overflow:hidden}.quiet-note>span svg{width:24px;height:24px;color:#446893;margin-bottom:15px}.quiet-note strong{font-size:12px;letter-spacing:.1px;font-weight:500}.quiet-note p{color:#576a7f;font-size:11px;line-height:1.9;margin-top:8px}.quiet-dots{display:flex;gap:5px;margin-top:20px}.quiet-dots b{height:5px;width:19px;border-radius:6px;background:#d5dee9}.quiet-dots b:first-child{background:#4174af}.settings-nav{display:flex;gap:11px;align-items:center;color:#526984;font-size:12px;padding:23px 10px 15px}.settings-nav svg{width:17px;height:17px}.local-note{font-size:9px;color:#576a7f;display:flex;gap:6px;align-items:center;padding:0 10px}.status-dot{width:5px;height:5px;background:#4174af;border-radius:50%;display:inline-block}.workspace{min-width:0}.topbar{height:87px;padding:0 47px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:rgba(232,237,240,.94)}.breadcrumb{font-size:11px;color:#576a7f;display:flex;gap:15px;align-items:center}.breadcrumb b{font-weight:500;color:#526984}.breadcrumb>span{color:#576a7f}.topbar-right{display:flex;align-items:center;gap:23px}.quiet-badge{color:#4f6987;font-size:10px;display:flex;align-items:center;gap:6px;letter-spacing:.5px}.quiet-badge svg{width:13px;height:13px}.avatar{width:33px;height:33px;display:grid;place-items:center;border-radius:50%;border:1px solid #d5dee9;background:#d5dee9;color:#476990;font-size:12px}main{max-width:1320px;margin:0 auto;padding:37px 47px 24px;min-height:calc(100vh - 152px)}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:27px}.eyebrow{font-size:9px;letter-spacing:2px;color:#576a7f;font-weight:600;margin-bottom:8px}.intro-subtitle{color:var(--muted);margin-top:9px;font-size:12px;letter-spacing:.3px}.date-chip{font-size:11px;display:flex;align-items:center;gap:7px;color:#526985;padding-bottom:4px;white-space:nowrap}.date-chip svg{width:15px;height:15px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px}.learn-column,.insight-column{min-width:0}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;gap:12px}.section-heading h2{font-size:14px;font-weight:600;letter-spacing:.1px}.section-heading small{font-size:10px;color:var(--muted);font-weight:400;margin-left:10px}.deck-dropdown{appearance:none;background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:7px 31px 7px 11px;font-size:11px;color:#526984;max-width:180px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23586b80' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.word-card{background:var(--paper);border:1px solid #d5dee9;border-radius:17px;min-height:450px;display:flex;flex-direction:column;position:relative;box-shadow:0 5px 16px #2b435f04;overflow:hidden}.card-top{display:flex;align-items:center;justify-content:space-between;padding:21px 24px}.word-tag{font-size:9px;color:#506986;background:var(--soft-green);padding:4px 9px;border-radius:5px;display:flex;align-items:center;gap:5px}.word-tag svg{width:11px;height:11px}.icon-button{display:grid;place-items:center;width:32px;height:32px;color:#576a7f;border-radius:7px;flex-shrink:0}.icon-button:hover{background:var(--soft-green);color:var(--green)}.icon-button.favorited{color:#b49b4e;background:#f7f2df}.icon-button.favorited svg{fill:#e7d89d}.card-body{padding:13px 35px 24px;text-align:center;flex:1;display:flex;flex-direction:column;align-items:center}.word-line{display:flex;align-items:center;justify-content:center;gap:13px;max-width:100%;margin:6px 0 10px}.word-title{font-family:var(--sans);font-size:clamp(34px,4.3vw,58px);font-weight:400;line-height:1.18;letter-spacing:-1.7px;overflow-wrap:anywhere;min-width:0}.audio-button{height:34px;width:34px;display:grid;place-items:center;background:var(--soft-green);color:#4a698d;border-radius:50%;flex-shrink:0}.audio-button svg{width:17px;height:17px}.audio-button:hover{background:#d5dee9}.phonetic{display:flex;gap:11px;justify-content:center;font-family:var(--sans);font-size:11px;color:#576a7f;min-height:21px}.word-pos{font-family:var(--sans);font-style:italic;color:#576a7f}.recall-area{margin-top:31px;min-height:110px;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.recall-lines{display:flex;gap:7px;margin-bottom:17px}.recall-lines i{display:block;background:var(--soft-green);border-radius:4px;height:6px;width:22px}.recall-lines i:nth-child(2){width:32px}.recall-lines i:nth-child(3){width:16px}.recall-prompt{color:#576a7f;font-size:11px;letter-spacing:.5px}.meaning{font-size:18px;line-height:1.7;color:#3e5672;animation:appear .2s ease-out}.example{margin-top:15px;max-width:410px}.example-en{font-size:13px;line-height:1.9;color:#526984}.example-zh{font-size:11px;color:#576a7f;margin-top:2px}.card-hint{font-size:9px;color:#576a7f;margin-top:24px;display:flex;align-items:center;gap:6px}.card-hint svg{width:13px;height:13px}.card-footer{border-top:1px solid #dde8ec;display:flex;justify-content:space-between;align-items:center;padding:13px 22px;color:#576a7f;font-size:9px}.session-dots{display:flex;gap:4px;align-items:center}.session-dots i{height:4px;width:16px;background:#d5dee9;border-radius:3px}.session-dots i.past{background:#576a7f}.session-dots i.current{background:#456991}.study-actions{margin-top:15px;display:flex;gap:12px}.button{display:inline-flex;gap:9px;align-items:center;justify-content:center;padding:12px 21px;border-radius:9px;font-size:12px;font-weight:500;min-height:43px;transition:background .2s,transform .15s;white-space:nowrap}.button:active{transform:translateY(1px)}.button svg{width:15px;height:15px}.button.primary{background:var(--green);color:#dde8ec}.button.primary:hover{background:var(--green-dark)}.button.secondary{background:var(--paper);border:1px solid #d5dee9;color:#4c698a}.button.secondary:hover{background:var(--soft-green)}.button.small{min-height:35px;font-size:11px;padding:8px 13px}.button.lime{background:var(--lime);color:#385475}.study-actions .button{flex:1;min-height:50px}.key{display:inline-flex;align-items:center;justify-content:center;font-size:8px;min-width:22px;height:16px;border:1px solid currentColor;border-radius:3px;opacity:.55;margin-left:11px;padding:0 4px;font-weight:400}.answer-label{display:flex;flex-direction:column;text-align:left;line-height:1.4}.answer-label small{font-size:9px;opacity:.65;font-weight:400}.keyboard-note{text-align:center;font-size:9px;color:#576a7f;margin-top:10px;letter-spacing:.2px}.study-meta{margin-top:24px;border-top:1px solid var(--line);padding-top:17px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#576a7f;gap:10px}.study-meta strong{color:#4f6987;font-weight:500}.insight-column{padding-top:45px;display:flex;flex-direction:column;gap:19px}.goal-card{background:var(--soft-green);border:1px solid #d5dee9;border-radius:14px;padding:23px 22px 20px;position:relative;overflow:hidden}.mini-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.mini-heading h3{font-size:12px;font-weight:500}.text-button{color:#576a7f;font-size:9px;padding:3px 0;display:flex;align-items:center;gap:4px}.text-button svg{width:12px;height:12px}.goal-row{display:flex;align-items:center;gap:15px;margin:22px 0 19px}.progress-ring{--p:0%;width:72px;height:72px;border-radius:50%;background:conic-gradient(#3a689c var(--p),#d5dee9 0);display:grid;place-items:center;flex-shrink:0}.ring-inner{width:62px;height:62px;border-radius:50%;background:var(--soft-green);display:flex;align-items:center;justify-content:center;gap:2px}.ring-inner strong{font-family:var(--sans);font-size:25px;font-weight:400}.ring-inner span{font-size:9px;color:#576a7f;align-self:center;margin-top:10px}.goal-copy strong{font-size:13px;font-weight:500;display:block}.goal-copy p{font-size:10px;color:#576a7f;margin-top:5px}.goal-stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #d5dee9;padding-top:15px}.goal-stats>div+div{border-left:1px solid #d5dee9;padding-left:22px}.goal-stats span{display:block;font-size:9px;color:#576a7f}.goal-stats strong{font-family:var(--sans);font-size:22px;font-weight:400}.goal-stats small{font-family:var(--sans);font-size:9px;margin-left:4px;color:#576a7f}.insight-card{border:1px solid var(--line);background:var(--paper);border-radius:13px;padding:20px 21px}.review-count{font-family:var(--sans);font-size:31px;font-weight:400;line-height:1.2;margin-top:19px}.review-count small{font:10px var(--sans);color:#576a7f;margin-left:6px}.review-description{font-size:10px;color:#576a7f;margin-top:8px;margin-bottom:17px;line-height:1.8}.review-card .button{width:100%;background:var(--soft-green);border:0;color:#456991;font-size:10px;min-height:34px}.tip-card{padding:4px 10px 0}.tip-header{display:flex;gap:7px;align-items:center;font-size:10px;color:#576a7f}.tip-header svg{width:14px;height:14px}.tip-card p{font-size:10px;line-height:2;color:#576a7f;margin-top:8px}.deck-section{margin-top:32px}.deck-section .section-heading{margin-bottom:14px}.deck-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.deck-card{text-align:left;padding:17px 16px 14px;border:1px solid var(--line);border-radius:11px;background:var(--paper);position:relative;transition:border-color .2s,transform .2s;min-width:0}.deck-card:hover{transform:translateY(-2px);border-color:#4174af}.deck-card.selected{border-color:#4174af;background:var(--soft-green)}.deck-icon{height:31px;width:31px;border-radius:9px;display:grid;place-items:center;margin-bottom:15px}.deck-icon svg{height:16px;width:16px;color:#4f6987}.deck-card h3{font-size:12px;font-weight:500;letter-spacing:.2px}.deck-card p{font-size:9px;color:#576a7f;margin-top:4px}.deck-progress{height:3px;border-radius:5px;background:#d5dee9;margin-top:15px;overflow:hidden}.deck-progress span{display:block;height:100%;background:#4174af;max-width:100%}.deck-card .check-dot{position:absolute;right:13px;top:14px;background:#4174af;color:white;border-radius:50%;width:13px;height:13px;display:grid;place-items:center}.check-dot svg{width:9px;height:9px;stroke-width:2.5}.page-footer{padding:0 47px 20px;max-width:1320px;margin:0 auto;display:flex;justify-content:space-between;color:#576a7f;font-size:8px;letter-spacing:1px}.page-footer>span:first-child{font-size:8px;letter-spacing:1.4px}.finished-card{justify-content:center;align-items:center;text-align:center;padding:45px 30px;gap:14px}.finished-icon{display:grid;place-items:center;background:#d5dee9;color:#416895;width:67px;height:67px;border-radius:50%;margin-bottom:6px}.finished-icon svg{width:28px;height:28px}.finished-card h2{font-size:24px;font-weight:500}.finished-card>p{font-size:12px;line-height:1.9;color:#576a7f;max-width:340px}.finished-number{font-size:46px;line-height:1.4;font-family:var(--sans);color:#436894}.finished-number span{font-size:12px;font-family:var(--sans);color:#576a7f;margin-left:8px}.finished-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:10px}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:21px;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:10px;background:var(--paper);border:1px solid var(--line);padding:0 13px;border-radius:9px;flex:1;max-width:360px;min-width:180px}.search-box svg{width:16px;height:16px;color:#576a7f}.search-box input{border:0;background:none;min-width:0;padding:11px 0;width:100%;font-size:12px;outline:none}.search-box:focus-within{border-color:#4174af}.toolbar-actions{display:flex;gap:9px;align-items:center}.filter-tabs{display:flex;align-items:center;gap:5px;margin-bottom:19px;flex-wrap:wrap}.filter-tab{font-size:11px;padding:6px 13px;color:#576a7f;border-radius:6px}.filter-tab.active{background:#d5dee9;color:#365d88}.filter-tab span{font-size:9px;opacity:.7;margin-left:5px}.word-list{background:var(--paper);border:1px solid var(--line);border-radius:13px;overflow:hidden}.word-row{display:grid;grid-template-columns:1fr 1.4fr 100px 73px;align-items:center;gap:18px;padding:18px 24px;border-bottom:1px solid #dde8ec}.word-row:last-child{border-bottom:0}.word-row-main{display:flex;align-items:center;gap:10px;min-width:0}.word-row h3{font-family:var(--sans);font-size:19px;font-weight:400;overflow-wrap:anywhere}.word-row-ipa{font-size:9px;color:#576a7f;margin-top:2px}.word-row-meaning{font-size:12px;color:#516985;overflow-wrap:anywhere}.word-row-meaning small{font-family:var(--sans);font-style:italic;margin-right:9px;color:#576a7f}.status-tag{font-size:9px;padding:4px 7px;border-radius:5px;display:inline-block;justify-self:start;background:var(--soft-green);color:#576a7f;white-space:nowrap}.status-tag.due{background:#f6eddd;color:#ac905e}.status-tag.learned{background:var(--soft-green);color:#416896}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px}.row-actions svg{width:15px;height:15px}.list-foot{font-size:10px;color:#576a7f;text-align:center;padding:15px}.empty-state{text-align:center;padding:65px 25px;color:#576a7f}.empty-state>svg{margin:0 auto 17px;height:32px;width:32px;stroke-width:1.2}.empty-state h3{font-size:16px;color:#4d6989;margin-bottom:8px;font-weight:500}.empty-state p{font-size:12px;line-height:1.9;margin-bottom:18px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;margin:29px 0}.metric-card{padding:23px;background:var(--paper);border:1px solid var(--line);border-radius:12px}.metric-label{font-size:11px;color:#576a7f;display:flex;align-items:center;gap:7px}.metric-label svg{width:15px;height:15px}.metric-value{margin-top:17px;font-size:36px;font-family:var(--sans);line-height:1.4}.metric-value span{font-family:var(--sans);font-size:11px;margin-left:7px;color:#576a7f}.metric-card p{font-size:10px;color:#576a7f;margin-top:6px}.activity-card{border:1px solid var(--line);background:var(--paper);border-radius:13px;padding:25px;margin-bottom:24px}.activity-chart{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;height:170px;align-items:end;margin-top:27px}.chart-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:9px}.chart-col>span{font-size:10px;color:#576a7f}.chart-bar-container{height:105px;display:flex;align-items:flex-end;width:35px;max-width:85%}.chart-bar{width:100%;min-height:4px;background:#d5dee9;border-radius:6px 6px 3px 3px}.chart-col.today .chart-bar{background:#4174af}.chart-col label{font-size:10px;color:#576a7f}.history-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.history-heading p{font-size:10px;color:#576a7f}.history-row{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px;color:#4d6989}.history-row strong{font-weight:500;color:#3f638c}.history-row span{font-size:10px;color:#576a7f}.history-row:last-child{border-bottom:0}.progress-note{display:flex;gap:10px;align-items:flex-start;background:var(--soft-green);padding:17px 20px;border-radius:10px;color:#576a7f;font-size:11px;line-height:1.9}.progress-note svg{width:17px;height:17px;flex-shrink:0;margin-top:2px}dialog{border:1px solid #d5dee9;border-radius:19px;padding:30px;max-width:490px;width:calc(100% - 32px);background:var(--paper);color:var(--ink);box-shadow:0 20px 100px #17314f26}dialog::backdrop{background:#243c5760;backdrop-filter:blur(4px)}.dialog-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:25px}.dialog-heading h2{font-size:22px}.dialog-heading .eyebrow{font-size:8px;margin-bottom:5px}.field-label{display:block;font-size:12px;color:#4f6988;margin:16px 0 7px}.field-label em{color:#4174af;font-style:normal}.field-label span{font-size:10px;color:#576a7f;margin-left:6px}input:not([type=checkbox]),select,textarea{border:1px solid #d5dee9;background:var(--paper);border-radius:8px;padding:10px 12px;color:#3c5d83;width:100%;font-size:12px;line-height:1.6;min-height:41px}input::placeholder,textarea::placeholder{color:#576a7f}textarea{resize:vertical;max-height:320px}.field-pair{display:grid;grid-template-columns:1.7fr 1fr;gap:12px}.toggle-row{display:flex;align-items:center;justify-content:space-between;margin:23px 0;padding-bottom:20px;border-bottom:1px solid var(--line);gap:20px}.toggle-row strong{font-size:12px;display:block;font-weight:500}.toggle-row small{color:#576a7f;display:block;font-size:10px;margin-top:3px}.toggle-row input{accent-color:var(--green);width:18px;height:18px}.dialog-note{display:flex;align-items:flex-start;gap:9px;color:#576a7f;font-size:10px;line-height:1.9}.dialog-note svg{width:15px;height:15px;flex-shrink:0;margin-top:2px}.backup-actions{display:flex;gap:10px;margin:18px 0}.full-width{width:100%;margin-top:22px}.backup-actions+.full-width{margin-top:2px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.error-text{font-size:11px;color:#ad715c;margin-top:10px}#bulk-form>.small-text{margin-top:9px}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,12px);border-radius:10px;padding:12px 20px;background:#4d7188;color:#dde8ec;font-size:12px;box-shadow:0 5px 28px #1a375922;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100% - 30px);text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}@keyframes appear{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1450px){main{padding-top:45px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 300px}.word-card{min-height:470px}.card-body{padding-top:27px}.insight-column{padding-top:45px}.deck-section{margin-top:36px}}
@media(max-width:1180px){.sidebar{padding-left:18px;padding-right:18px}.app-shell{grid-template-columns:195px 1fr}.topbar{padding:0 30px}main{padding:30px}.page-footer{padding:0 30px 20px}.dashboard-grid{gap:18px;grid-template-columns:minmax(0,1fr) 240px}.goal-card,.insight-card{padding:19px 17px}.goal-row{gap:12px}.goal-copy strong{font-size:12px}.goal-copy p{font-size:9px}.goal-stats>div+div{padding-left:17px}.deck-grid{gap:10px}.deck-card{padding:15px 12px}.card-body{padding-left:22px;padding-right:22px}.word-title{font-size:46px}.date-chip{display:none}}
@media(max-width:980px){.app-shell{grid-template-columns:165px 1fr}.sidebar{padding:30px 13px 23px}.brand{font-size:21px;gap:9px}.brand-icon{width:35px;height:38px}.brand small{font-size:7px;letter-spacing:1.6px}.sidebar-label{font-size:9px;margin-left:7px;margin-top:40px}.nav-item{font-size:12px;padding:12px 11px;gap:9px}.quiet-note{padding:19px 11px}.quiet-note strong{font-size:10px}.quiet-note p{font-size:10px}.local-note{font-size:8px;padding-left:6px}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.insight-column{padding-top:0;display:grid;grid-template-columns:1.2fr 1fr;gap:16px;margin-top:6px}.tip-card{display:none}.goal-row{margin:15px 0}.goal-stats{padding-top:10px}.goal-card{padding:18px}.review-card{display:flex;flex-direction:column;justify-content:space-between}.review-card .review-count{margin-top:13px}.review-description{margin-bottom:12px}.word-title{font-size:58px}.deck-card p{font-size:8px}.quiet-badge{font-size:9px}.word-card{min-height:410px}.card-body{padding-top:2px}.recall-area{margin-top:25px}.metric-grid{gap:12px}.metric-card{padding:20px 17px}.word-row{grid-template-columns:1fr 1fr 65px;gap:10px;padding:15px 18px}.word-row .status-tag{display:none}.toolbar-actions{flex-wrap:wrap}.library-toolbar{align-items:stretch}.search-box{max-width:none}.intro-subtitle{font-size:11px}h1{font-size:27px}}
@media(max-width:700px){.app-shell{display:block}.sidebar{position:fixed;bottom:0;top:auto;width:100%;height:70px;z-index:20;padding:0;background:var(--paper);border:0;border-top:1px solid #d5dee9;backdrop-filter:blur(12px)}.sidebar .brand,.sidebar-label,.sidebar-bottom{display:none}.navigation{height:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:4px 15px max(5px,env(safe-area-inset-bottom))}.nav-item{height:60px;display:flex;flex-direction:column;gap:3px;justify-content:center;padding:5px;font-size:10px;border-radius:0}.nav-item.active{background:none}.nav-item.active>span:first-child{background:#d5dee9;border-radius:9px;padding:4px 14px;margin-top:-4px}.nav-item:hover{background:none}.nav-item.active i{display:none}.nav-item svg{width:20px;height:20px}.workspace{padding-bottom:78px}.topbar{height:65px;padding:0 22px}.breadcrumb{font-size:10px;gap:10px}.topbar-right{gap:12px}.quiet-badge{font-size:8px;letter-spacing:0;gap:4px}.quiet-badge svg{width:11px;height:11px}.avatar{width:29px;height:29px;font-size:10px}main{padding:27px 20px 22px;min-height:calc(100vh - 200px)}.page-intro{margin-bottom:25px}.eyebrow{font-size:8px;letter-spacing:1.7px}h1{font-size:25px;letter-spacing:-.6px}.intro-subtitle{font-size:11px;margin-top:7px}.dashboard-grid{gap:18px}.section-heading h2{font-size:13px}.section-heading small{font-size:9px;margin-left:7px}.deck-dropdown{font-size:10px;min-height:32px;max-width:135px;padding-top:6px;padding-bottom:6px}.word-card{min-height:399px;border-radius:14px}.card-top{padding:18px 18px 10px}.word-line{margin-top:13px;gap:10px}.word-title{font-size:48px;letter-spacing:-1px}.audio-button{width:31px;height:31px}.card-body{padding:7px 22px 24px}.recall-area{margin-top:25px;min-height:113px}.meaning{font-size:17px}.example-en{font-size:12px}.example-zh{font-size:10px}.phonetic{font-size:10px}.card-hint{margin-top:21px;font-size:9px}.card-footer{padding:12px 17px;font-size:9px}.study-actions{margin-top:12px;gap:10px}.study-actions .button{min-height:49px;font-size:12px;padding:10px 15px}.key,.keyboard-note{display:none}.study-meta{margin-top:18px;padding-top:15px;font-size:9px}.insight-column{grid-template-columns:1.16fr 1fr;gap:12px;margin-top:1px}.goal-card,.insight-card{border-radius:11px;padding:16px 14px}.mini-heading h3{font-size:11px}.text-button{font-size:8px}.goal-row{gap:9px;margin:16px 0 15px}.progress-ring{width:55px;height:55px}.ring-inner{width:47px;height:47px}.ring-inner strong{font-size:21px}.ring-inner span{font-size:8px}.goal-copy strong{font-size:10px}.goal-copy p{font-size:8px;margin-top:3px}.goal-stats>div+div{padding-left:15px}.goal-stats span{font-size:8px}.goal-stats strong{font-size:20px}.review-count{font-size:30px}.review-description{font-size:9px;line-height:1.8}.review-card .button{font-size:9px;padding:8px 6px;gap:5px}.review-card .button svg{width:12px;height:12px}.deck-section{margin-top:27px}.deck-grid{grid-template-columns:repeat(2,1fr);gap:11px}.deck-card{padding:16px 16px 14px}.deck-icon{margin-bottom:12px;width:30px;height:30px}.deck-card h3{font-size:12px}.deck-card p{font-size:9px;margin-top:5px}.deck-progress{margin-top:13px}.page-footer{padding:0 21px 12px;font-size:8px;letter-spacing:0}.page-footer>span:first-child{font-size:7px}.toolbar-actions{width:100%;justify-content:space-between;gap:6px}.toolbar-actions .button{padding:8px 10px;font-size:10px;min-height:34px;gap:5px}.library-toolbar{gap:10px;margin-bottom:17px}.filter-tabs{gap:2px}.filter-tab{font-size:10px;padding:6px 9px}.filter-tab span{font-size:8px;margin-left:4px}.word-row{padding:15px 14px;grid-template-columns:minmax(0,1fr) 62px;gap:4px 10px}.word-row-main{grid-column:1;grid-row:1}.word-row h3{font-size:21px}.word-row-ipa{font-size:9px}.word-row-meaning{grid-column:1;grid-row:2;font-size:11px;margin-top:5px}.row-actions{grid-row:1/3;grid-column:2;gap:0}.row-actions .icon-button{width:30px;height:35px}.metric-grid{gap:9px;margin-top:24px}.metric-card{padding:17px 11px}.metric-label{font-size:9px;gap:4px}.metric-label svg{width:12px;height:12px}.metric-value{font-size:29px;margin-top:12px}.metric-value span{font-size:9px;margin-left:4px}.metric-card p{font-size:8px}.activity-card{padding:20px 17px}.activity-chart{gap:9px;margin-top:19px}.activity-card .mini-heading h3{font-size:12px}.history-heading{align-items:flex-start;gap:10px}.history-heading h2{font-size:16px}.history-heading p{font-size:9px}.history-row{font-size:10px}.history-row span{font-size:9px}.progress-note{padding:15px;font-size:10px}.finished-card{padding:35px 25px;min-height:400px}.finished-card h2{font-size:22px}.finished-card>p{font-size:11px}dialog{padding:24px}.dialog-heading h2{font-size:21px}.field-label{font-size:11px}.field-pair{grid-template-columns:1.6fr 1fr}#toast{bottom:88px;min-width:220px;font-size:11px}}
@media(max-width:360px){main{padding:23px 15px}.topbar{padding:0 15px}h1{font-size:23px}.word-title{font-size:40px}.goal-copy p{display:none}.insight-column{gap:9px}.goal-card,.insight-card{padding:14px 11px}.goal-row{gap:7px}.goal-copy strong{font-size:9px}.word-tag{font-size:8px}.study-meta{font-size:8px}.quiet-badge{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.search-box input[type=search]{border:0;background:none;border-radius:0;padding:10px 0;min-height:41px;outline:none}

/* Keep the longer app name readable within the navigation. */
.brand{font-size:18px;letter-spacing:0;gap:8px}.brand>span:last-child{min-width:0;white-space:nowrap}.brand small{font-size:8px;letter-spacing:2px;margin-top:5px}
/* Four-language learning space */
.brand small{font-size:6.5px;letter-spacing:1.5px}.sidebar-label{margin-top:31px}.nav-item{padding:11px 12px;gap:10px}.sidebar-bottom{padding-top:24px}.quiet-note{padding:17px 14px}.quiet-note p{font-size:10px}.settings-nav{padding-top:17px;padding-bottom:12px}.local-note{line-height:1.6;align-items:flex-start}.local-note .status-dot{flex-shrink:0;margin-top:5px}.interface-language select{font-size:10px;padding:5px 9px;min-height:30px;width:91px;background:transparent;color:#4d6989;border-color:#d5dee9}.topbar-right{gap:16px}.language-bar{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:18px 21px;border:1px solid #d5dee9;background:var(--paper);border-radius:12px;margin-bottom:28px}.language-route{display:flex;gap:16px;align-items:center;min-width:0}.language-route label{display:block;min-width:110px}.language-route label>span{display:block;color:#576a7f;font-size:9px;margin-bottom:5px}.language-route select{min-width:125px;border:0;padding:0 24px 0 0;background:none;font-size:15px;font-weight:500;min-height:25px;cursor:pointer;color:#345983}.route-arrow{color:#576a7f}.route-arrow svg{width:20px}.language-bar-note{display:flex;align-items:center;gap:12px;max-width:245px}.language-bar-note p{font-size:10px;color:#576a7f;line-height:1.8}.language-glyph{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;flex-shrink:0;font:25px var(--sans);color:#4b698b;background:#d5dee9}.lang-en{background:#d5dee9;color:#456992}.lang-zh{background:#f1e6de;color:#a58b75}.lang-ja{background:#e9e3f1;color:#9281a6}.lang-ko{background:#d5dee9;color:#576a7f}.word-zh,.word-ja,.word-ko{font-family:var(--sans);font-size:clamp(30px,3.2vw,45px);letter-spacing:1px;line-height:1.6}.meaning{overflow-wrap:anywhere}.custom-gloss-note{font-size:9px;color:#576a7f;font-weight:400;margin-top:5px;line-height:1.7}.content-scope{display:flex;gap:13px;align-items:center;margin-top:27px;padding:18px 21px;background:var(--soft-green);border-radius:10px;border:1px solid #d5dee9;color:#4a698c}.content-scope>span>svg{width:23px;height:23px;stroke-width:1.3}.content-scope strong{font-size:11px;font-weight:500}.content-scope p{font-size:10px;color:#576a7f;margin-top:3px}.courses-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.course-tabs{display:flex;gap:7px;border-bottom:1px solid #d5dee9;margin-bottom:24px}.course-tabs>button{display:flex;align-items:center;gap:9px;border-bottom:2px solid transparent;padding:11px 16px 14px;color:#576a7f;font-size:12px;position:relative;bottom:-1px}.course-tabs>button.active{color:#315988;border-bottom-color:#3d689a;font-weight:500}.course-tabs small{display:inline-block;min-width:18px;padding:0 4px;background:#d5dee9;border-radius:4px;font-size:9px;color:#576a7f;font-weight:400;text-align:center}.course-card{padding:24px 22px 20px;min-height:223px;display:flex;flex-direction:column;align-items:flex-start}.course-card .deck-icon{font-family:var(--sans);font-size:19px;width:37px;height:37px;margin-bottom:19px}.course-badge{font-size:8px;letter-spacing:.8px;display:inline-block;color:#576a7f}.course-card>.course-badge{position:absolute;right:19px;top:29px;max-width:95px;overflow-wrap:anywhere;text-align:right}.course-card h3{font-size:15px;line-height:1.7;letter-spacing:0;margin-bottom:2px}.course-card .course-description{font-size:11px;line-height:1.8;color:#576a7f;margin:3px 0 13px}.course-card .deck-progress{width:100%;margin-top:10px}.course-card>p:not(.course-description){margin-top:auto}.course-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:#48698e;margin-top:17px;width:100%}.course-cta svg{height:14px;width:14px}.custom-course{background:transparent;border-style:dashed;justify-content:center}.custom-course .deck-icon{background:#d5dee9}.course-footnote{margin-top:21px;color:#576a7f;font-size:10px;line-height:1.9}.deck-card:not(.course-card)>.course-badge{position:absolute;right:12px;top:17px;font-size:7px;max-width:60px;text-align:right;letter-spacing:0}.deck-card:not(.course-card).selected>.course-badge{right:29px}.deck-card:not(.course-card) .deck-icon{font-family:var(--sans);font-size:16px}.deck-card:not(.course-card) h3{overflow-wrap:anywhere;min-height:22px}.lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.lesson-card{background:var(--paper);border:1px solid #d5dee9;border-radius:12px;padding:22px;text-align:left;min-width:0}.lesson-card:hover{border-color:#4174af}.lesson-card-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px}.lesson-complete{display:flex;align-items:center;gap:4px;font-size:9px;color:#576a7f}.lesson-complete svg{width:12px;height:12px}.lesson-card h3{font-size:15px;line-height:1.8;letter-spacing:0;font-weight:500}.lesson-card>p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;color:#576a7f;line-height:1.9;margin-top:10px}.lesson-card .course-cta{margin-top:19px}.section-description{font-size:12px;color:#576a7f;line-height:1.9;margin-bottom:18px}.sound-section{margin:25px 0 32px}.sound-section h2{font-size:16px;font-weight:500;margin-bottom:17px;letter-spacing:0}.sound-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.sound-cell{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;justify-content:center;padding:18px 7px 15px;min-height:96px;background:var(--paper);border:1px solid #d5dee9;border-radius:10px}.sound-cell:hover{background:var(--soft-green);border-color:#4174af}.sound-cell>strong{font-size:23px;font-weight:400;line-height:1.3;color:#456992}.sound-cell>small{font-size:10px;color:#576a7f}.sound-cell>svg{position:absolute;right:7px;top:7px;width:10px;height:10px;color:#576a7f}.dictionary-controls{display:flex;gap:15px;align-items:center;margin-bottom:18px}.dictionary-controls>label{display:flex;gap:9px;align-items:center;min-width:0}.dictionary-controls>label>span{font-size:10px;color:#576a7f;white-space:nowrap}.dictionary-controls select{padding:7px 10px;min-height:34px;font-size:10px;min-width:120px;max-width:210px}.row-lang{width:26px;height:29px;display:grid;place-items:center;flex-shrink:0;border-radius:6px;font-family:var(--sans);font-size:14px}.dictionary-word{font-family:var(--sans);font-size:20px;line-height:1.5;text-align:left;padding:0;overflow-wrap:anywhere;max-width:100%;font-weight:400;display:block}.dictionary-word[lang=zh],.dictionary-word[lang=ja],.dictionary-word[lang=ko]{font-family:var(--sans);font-size:17px;letter-spacing:.2px}.dictionary-word:hover{color:#446992}.dictionary-pagination{display:flex;flex-direction:column;align-items:center;margin-bottom:16px}.word-row-main>div{min-width:0}.word-row-meaning small{display:inline}.modal-route{display:flex;align-items:center;gap:12px;margin-top:-8px;font-size:11px;color:#576a7f}.modal-route svg{width:13px;height:13px}.dialog-heading h2{overflow-wrap:anywhere;line-height:1.6;max-width:370px}.detail-heading{display:flex;align-items:center;justify-content:space-between;margin-top:-12px;gap:15px}.detail-label{font-size:12px;font-weight:500;color:#4b698b;margin:26px 0 13px}.translation-list{border:1px solid #d5dee9;border-radius:9px;overflow:hidden}.translation-list>div{display:flex;align-items:center;gap:12px;background:var(--paper);padding:13px 14px;border-bottom:1px solid #dde8ec}.translation-list>div:last-child{border-bottom:0}.translation-list>div>span{font-size:10px;color:#576a7f;min-width:53px}.translation-list p{font-size:12px;flex:1;overflow-wrap:anywhere}.translation-list .icon-button{height:26px;width:26px}.translation-list svg{width:14px;height:14px}.detail-example{font-size:15px;line-height:1.9;margin:7px 0;color:#466990}.lesson-body{font-size:13px;line-height:2;color:#4e6989}.lesson-examples{margin:23px 0}.lesson-examples>div{background:var(--soft-green);border:1px solid #d5dee9;padding:17px;border-radius:10px;margin-top:12px}.lesson-examples>div>div{display:flex;align-items:center;gap:12px;justify-content:space-between}.lesson-examples p{font-size:16px;line-height:1.9;color:#416792;overflow-wrap:anywhere}.lesson-examples small{font-size:11px;color:#576a7f;display:block;margin-top:5px;line-height:1.8}.practice-start,.practice-result,.quiz-card{max-width:780px;margin:0 auto;background:var(--paper);border:1px solid #d5dee9;border-radius:16px;padding:36px}.practice-start,.practice-result{text-align:center;display:flex;flex-direction:column;align-items:center;min-height:400px}.practice-start h2{font-size:22px;font-weight:500;margin:5px 0 12px;line-height:1.7;letter-spacing:0}.practice-start>p:not(.eyebrow){font-size:11px;color:#576a7f}.practice-start small,.practice-result>small{font-size:10px;line-height:1.9;color:#576a7f;max-width:460px;margin-top:24px}.practice-start-actions{display:flex;gap:12px;justify-content:center;margin-top:24px;flex-wrap:wrap}.practice-illustration{position:relative;margin:0 auto 23px;width:87px;height:87px;display:grid;place-items:center;background:#d5dee9;border:7px solid #dde8ec;border-radius:26px;transform:rotate(-5deg)}.practice-illustration>span{font:40px var(--sans);color:#466990}.practice-illustration>svg{position:absolute;bottom:-5px;right:-10px;background:var(--paper);stroke:#4174af;width:29px;height:29px;padding:5px;border:1px solid #d5dee9;border-radius:50%;transform:rotate(5deg)}.quiz-top{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#576a7f}.quiz-progress{height:4px;background:var(--soft-green);border-radius:5px;margin:18px 0 35px;overflow:hidden}.quiz-progress>span{height:100%;background:#4174af;display:block}.quiz-prompt{text-align:center;font-size:11px;color:#576a7f;margin-bottom:16px}.quiz-card .word-title{font-size:45px}.quiz-card .word-ja,.quiz-card .word-zh,.quiz-card .word-ko{font-size:34px}.quiz-card>.phonetic{min-height:20px}.quiz-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:32px}.quiz-choice{display:flex;align-items:center;gap:12px;padding:16px 18px;border:1px solid #d5dee9;border-radius:9px;text-align:left;font-size:13px;color:#4a698d;min-height:62px;line-height:1.8}.quiz-choice>span{font:13px var(--sans);display:grid;place-items:center;width:26px;height:26px;border-radius:6px;background:var(--soft-green);color:#576a7f;flex-shrink:0}.quiz-choice:hover:not(:disabled){background:var(--soft-green);border-color:#4174af}.quiz-choice.correct{background:var(--soft-green);border-color:#4174af;color:#39689d;opacity:1}.quiz-choice.incorrect{background:#faf0e9;border-color:#dfc0ad;color:#a8826c;opacity:1}.quiz-choice:disabled:not(.correct):not(.incorrect){opacity:.65}.quiz-choice>svg{width:15px;height:15px;margin-left:auto;flex-shrink:0}.quiz-feedback{display:flex;align-items:center;gap:8px;font-size:11px;color:#b89a83;margin-top:20px}.quiz-feedback.positive{color:#4174af}.quiz-feedback svg{height:15px;width:15px}.practice-result h2{font-size:23px;letter-spacing:0;font-weight:500}.practice-result .eyebrow{margin-top:17px}.quiz-score{font:64px var(--sans);color:#436893;line-height:1.5;margin-top:13px}.quiz-score>span{font-size:24px;margin-left:3px;color:#576a7f}.practice-result>strong{font-size:13px;font-weight:400;color:#576a7f}.mistake-words{width:100%;text-align:left;max-width:450px;margin:25px auto 15px}.mistake-words>p{font-size:11px;color:#576a7f;margin-bottom:10px}.mistake-words>button{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:20px;width:100%;padding:12px;border-bottom:1px solid #d5dee9;font-size:14px;color:#47698f;overflow-wrap:anywhere}.mistake-words>button>span{font-size:11px;color:#576a7f;text-align:right}.standards-notice{display:flex;align-items:center;gap:12px;background:var(--soft-green);border:1px solid #d5dee9;border-radius:10px;padding:17px 20px;margin-bottom:29px}.standards-notice>svg{width:18px;height:18px;color:#576a7f;flex-shrink:0}.standards-notice>p{font-size:11px;line-height:1.8;color:#576a7f;flex:1}.standards-notice>span{font-size:9px;color:#576a7f;white-space:nowrap}.standards-section{margin:28px 0 32px}.standards-section>h2{font-size:18px;letter-spacing:0;margin-bottom:17px}.cefr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.cefr-card{display:block;padding:18px 19px;background:var(--paper);border:1px solid #d5dee9;border-radius:10px;cursor:pointer}.cefr-card.checked{background:var(--soft-green);border-color:#4174af}.cefr-card>div{display:flex;justify-content:space-between;gap:20px;align-items:center}.cefr-card strong{font:26px var(--sans);color:#576a7f}.cefr-card input{accent-color:#406897;width:14px;height:14px}.cefr-card p{font-size:11px;color:#576a7f;line-height:1.9;margin-top:9px}.source-links{display:flex;gap:17px;flex-wrap:wrap;margin-top:13px}.source-links a,.exam-card>a,.duo-card a,.topik-table>a,.acer-note>a{display:inline-flex;gap:6px;align-items:center;font-size:10px;color:#4174af;text-decoration:underline;text-underline-offset:4px}.source-links a svg,.exam-card>a svg,.duo-card a svg,.topik-table>a svg,.acer-note>a svg{height:11px;width:11px}.exam-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.exam-card{background:var(--paper);border:1px solid #d5dee9;border-radius:12px;padding:22px}.exam-title{display:flex;gap:9px;align-items:center}.exam-title h3{font-size:13px;font-weight:500}.exam-scale{font:24px var(--sans);color:#576a7f;margin:15px 0 12px}.exam-description{font-size:11px;color:#576a7f;line-height:2;margin-bottom:15px}.duo-card{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;border:1px solid #d5dee9;border-radius:13px;background:var(--soft-green);padding:27px}.duo-card h2{font-size:18px;font-weight:500;letter-spacing:0;line-height:1.8;margin-bottom:13px}.duo-card>div>p:not(.eyebrow){font-size:11px;color:#576a7f;line-height:2;margin-bottom:16px}.table-wrap{overflow-x:auto;max-width:100%}table{border-collapse:collapse;width:100%;font-size:11px;color:#576a7f;text-align:left}th{font-weight:500;color:#4a698c;font-size:10px;padding:10px 12px;border-bottom:1px solid #d5dee9;white-space:nowrap}td{padding:11px 12px;border-bottom:1px solid #d5dee9;font-size:11px;line-height:1.8}tr:last-child td{border-bottom:0}.topik-table{border:1px solid #d5dee9;border-radius:12px;background:var(--paper);padding:24px}.topik-table table{min-width:480px}.topik-table td:first-child{white-space:nowrap}.topik-table>a{margin-top:14px}.acer-note{padding:22px;border:1px dashed #d8cdb7;border-radius:11px;background:#f8f4eb}.acer-note p{font-size:11px;line-height:2;color:#b0a18b;margin:12px 0}.expanded-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.expanded-metrics .metric-label{font-size:10px}.expanded-metrics .metric-value{font-size:32px}.history-row p{font-size:11px}.quiz-top>span:last-child{max-width:50%;text-align:right}.dialog-note svg{flex-shrink:0}.card-hint{line-height:1.8}.card-hint svg{flex-shrink:0}.word-row .word-row-meaning{line-height:1.9}
@media(max-height:810px) and (min-width:701px){.quiet-note{display:none}.sidebar-bottom{padding-top:15px}.sidebar-label{margin-top:25px}.nav-item{padding-top:10px;padding-bottom:10px}}
@media(max-width:1180px){.language-bar-note{max-width:210px}.language-bar-note p{font-size:9px}.language-bar{gap:18px}.course-card{padding:21px 18px}.course-card h3{font-size:13px}.course-card>.course-badge{right:15px;top:26px;font-size:7px}.standards-notice>span{display:none}.expanded-metrics{gap:11px}.expanded-metrics .metric-card{padding:19px 14px}.expanded-metrics .metric-label{font-size:9px;gap:5px}.expanded-metrics .metric-label svg{width:12px;height:12px}.cefr-grid{gap:11px}.cefr-card{padding:16px}.topbar{padding-right:30px}.topbar-right{gap:12px}}
@media(max-width:980px){.language-bar-note{display:none}.language-bar{padding:16px 19px}.language-route{width:100%;justify-content:space-between}.language-route label{flex:1}.language-route select{min-width:0;width:100%}.language-route .route-arrow{margin:0 15px}.courses-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course-card .course-description{font-size:10px}.interface-language select{font-size:9px;width:84px}.topbar-right .quiet-badge{display:none}.sound-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.expanded-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.expanded-metrics .metric-label{font-size:11px}.expanded-metrics .metric-label svg{width:15px;height:15px}.expanded-metrics .metric-card{padding:21px}.exam-card{padding:19px}.exam-title h3{font-size:12px}.exam-scale{font-size:21px}.duo-card{grid-template-columns:1fr;gap:15px}.lesson-card{padding:19px}.lesson-card h3{font-size:14px}.dictionary-controls{gap:12px;align-items:flex-start}.dictionary-controls>label{flex:1;display:block}.dictionary-controls>label>span{display:block;margin-bottom:4px}.dictionary-controls select{max-width:none;width:100%;min-width:0}.course-tabs>button{padding-left:12px;padding-right:12px;font-size:11px}.sidebar-label{font-size:8px}.nav-item{font-size:11px;gap:8px}.standards-section>h2{font-size:17px}.history-row{gap:12px}}
@media(max-width:700px){.navigation{grid-template-columns:repeat(6,minmax(0,1fr));padding-left:5px;padding-right:5px}.nav-item{font-size:8px;gap:5px;height:62px;line-height:1.25;text-align:center;padding:5px 1px}.nav-item>span:last-of-type{display:block;max-width:100%;min-height:20px;overflow-wrap:normal}.nav-item.active>span:first-child{padding:4px 10px;margin-top:0}.nav-item svg{width:18px;height:18px}.sidebar{height:74px}.topbar{padding:0 18px}.breadcrumb-space{display:none}.breadcrumb>span:nth-child(2){display:none}.breadcrumb b{font-size:11px}.interface-language select{width:85px;font-size:9px;padding:4px 7px;min-height:28px}.topbar-right{gap:11px}.topbar-right .quiet-badge{display:none}.avatar{width:28px;height:28px}.language-bar{padding:14px 16px;border-radius:10px;margin-bottom:25px}.language-route{gap:12px}.language-route .route-arrow{margin:8px 0 0}.language-route label>span{font-size:8px;margin-bottom:5px;line-height:1.6}.language-route select{font-size:13px}.route-arrow svg{width:16px}.language-route label{min-width:0}.section-heading h2{font-size:12px}.section-heading h2 small{font-size:8px;margin-left:6px}.deck-dropdown{font-size:9px;max-width:135px}.word-ja,.word-zh,.word-ko{font-size:34px;letter-spacing:.5px}.card-body{padding-left:17px;padding-right:17px}.card-hint{font-size:8px;gap:5px;line-height:1.8;max-width:100%}.card-footer{font-size:8px;gap:8px;flex-wrap:wrap;min-height:40px}.session-dots i{width:10px}.recall-prompt{font-size:10px}.meaning{font-size:16px}.recall-area{min-height:116px}.study-actions .button{font-size:11px;padding:11px 12px;gap:7px}.answer-label small{font-size:8px}.goal-copy strong{font-size:9px;line-height:1.7}.goal-copy p{font-size:8px;line-height:1.6}.goal-stats>div+div{padding-left:12px}.goal-stats small{font-size:8px;margin-left:3px}.goal-card .mini-heading h3{font-size:10px}.goal-row{gap:8px}.mini-heading h3{font-size:10px;line-height:1.8}.review-description{font-size:9px}.review-card .mini-heading>svg{width:16px;height:16px}.review-card .button{font-size:8px}.content-scope{padding:16px;gap:11px;margin-top:22px}.content-scope strong{font-size:10px}.content-scope p{font-size:9px;line-height:1.9}.content-scope>span>svg{width:20px;height:20px}.deck-card:not(.course-card) h3{font-size:11px;line-height:1.7}.deck-card:not(.course-card) p{font-size:8px;line-height:1.8}.course-tabs{gap:0;margin-bottom:19px;justify-content:space-between}.course-tabs>button{font-size:10px;padding:9px 7px 12px;gap:6px}.course-tabs small{font-size:8px;min-width:16px}.courses-grid{gap:12px}.course-card{padding:18px 15px 15px;min-height:227px}.course-card .deck-icon{width:30px;height:32px;font-size:19px;margin-bottom:17px}.course-card>.course-badge{font-size:6px;right:11px;top:24px;max-width:55px}.course-card h3{font-size:12px;line-height:1.8}.course-card .course-description{font-size:9px;line-height:1.9;margin-bottom:10px}.course-card>p:not(.course-description){font-size:8px;line-height:1.7}.course-cta{font-size:9px;line-height:1.7;margin-top:14px;gap:5px}.course-card .deck-progress{margin-top:9px}.course-footnote{font-size:9px}.lesson-grid{grid-template-columns:1fr;gap:13px}.lesson-card{padding:21px}.lesson-card h3{font-size:15px}.lesson-card>p{font-size:11px;-webkit-line-clamp:3}.lesson-card-top{margin-bottom:12px}.lesson-card .course-badge{font-size:8px}.sound-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.sound-cell{padding:17px 4px 12px;min-height:83px;border-radius:8px;gap:6px}.sound-cell strong{font-size:19px}.sound-cell small{font-size:9px}.sound-section h2{font-size:14px;line-height:1.8}.section-description{font-size:11px;line-height:1.9}.dictionary-controls select{font-size:10px;min-height:35px}.dictionary-controls>label>span{font-size:9px}.dictionary-word{font-size:20px}.dictionary-word[lang=zh],.dictionary-word[lang=ja],.dictionary-word[lang=ko]{font-size:17px}.word-row-main{gap:8px}.row-lang{width:22px;height:25px;font-size:12px}.word-row-meaning{padding-left:30px;font-size:10px}.word-row-ipa{font-size:8px}.word-row-meaning .custom-gloss-note{font-size:8px}.filter-tabs{gap:0}.filter-tab{font-size:9px;padding:6px 9px}.search-box{min-width:0}.practice-start,.practice-result,.quiz-card{padding:25px 19px;border-radius:13px}.practice-start{padding-top:30px;min-height:400px}.practice-start h2{font-size:19px;line-height:1.9}.practice-start>p:not(.eyebrow){font-size:10px}.practice-start-actions{gap:10px;margin-top:23px}.practice-start-actions .button{padding:10px 14px;font-size:11px}.practice-start small,.practice-result>small{font-size:9px}.quiz-choices{grid-template-columns:1fr;margin-top:24px;gap:9px}.quiz-choice{padding:13px 14px;font-size:12px;min-height:53px;gap:11px}.quiz-choice>span{height:24px;width:24px;font-size:12px}.quiz-card .word-title{font-size:37px}.quiz-card .word-ja,.quiz-card .word-zh,.quiz-card .word-ko{font-size:29px}.quiz-prompt{font-size:10px;line-height:1.8}.quiz-progress{margin-bottom:25px}.quiz-top{font-size:9px;gap:12px}.quiz-feedback{font-size:10px}.practice-result h2{font-size:20px}.quiz-score{font-size:56px}.mistake-words>button{font-size:13px;gap:13px}.mistake-words>button>span{font-size:10px}.practice-result .finished-buttons .button{font-size:10px;padding:10px 14px}.standards-notice{padding:15px;gap:10px;margin-bottom:24px}.standards-notice>p{font-size:10px;line-height:1.9}.cefr-grid{grid-template-columns:1fr 1fr;gap:10px}.cefr-card{padding:16px}.cefr-card strong{font-size:24px}.cefr-card p{font-size:10px;line-height:1.9}.cefr-card input{width:13px;height:13px}.source-links{gap:12px}.source-links a{font-size:8px}.exam-grid{grid-template-columns:1fr;gap:13px}.exam-card{padding:21px}.exam-title h3{font-size:13px}.exam-scale{font-size:26px}.exam-description{font-size:11px}.exam-card>a,.duo-card a,.topik-table>a,.acer-note>a{font-size:10px}.duo-card{padding:21px;gap:11px}.duo-card h2{font-size:17px}.duo-card>div>p:not(.eyebrow){font-size:10px}.duo-card .eyebrow{font-size:7px;letter-spacing:1px}.topik-table{padding:20px 17px}.topik-table h2{font-size:16px}.acer-note{padding:20px}.acer-note p{font-size:10px}.acer-note .mini-heading h3{font-size:13px}.expanded-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.expanded-metrics .metric-card{padding:20px 16px}.expanded-metrics .metric-label{font-size:10px}.expanded-metrics .metric-label svg{height:14px;width:14px}.expanded-metrics .metric-value{font-size:32px}.activity-card .mini-heading{align-items:flex-start}.activity-card .mini-heading .small-text{font-size:8px;text-align:right;max-width:45%;line-height:1.8}.history-row{font-size:10px;gap:12px;align-items:center}.history-row>strong{white-space:nowrap;font-size:10px}.history-row p{font-size:9px;text-align:right;line-height:1.8}.dialog-heading h2{font-size:20px;line-height:1.7}.detail-label{font-size:11px}.detail-example{font-size:14px}.translation-list>div{padding:12px;gap:10px}.translation-list>div>span{font-size:9px;min-width:45px}.translation-list p{font-size:12px}.lesson-body{font-size:12px}.lesson-examples{margin-top:19px}.lesson-examples>div{padding:15px}.lesson-examples p{font-size:15px}.lesson-examples small{font-size:10px}.toggle-row small{font-size:9px}.backup-actions .button{font-size:10px;padding:8px 11px;gap:6px}.page-footer{gap:14px;align-items:flex-start}.page-footer>span:first-child{max-width:48%;font-size:7px;letter-spacing:.5px;line-height:1.8}.page-footer>span:last-child{font-size:7px;line-height:1.8;text-align:right;max-width:48%}.dialog-heading .eyebrow{font-size:7px}#toast{bottom:90px}}
@media(max-width:360px){.nav-item{font-size:7px}.nav-item.active>span:first-child{padding-left:8px;padding-right:8px}.nav-item svg{width:17px;height:17px}.course-card{padding:17px 12px}.course-card h3{font-size:11px}.course-card>.course-badge{max-width:47px;font-size:5px}.filter-tab{font-size:8px;padding-left:8px;padding-right:8px}.word-title.word-zh,.word-title.word-ja,.word-title.word-ko{font-size:29px}.goal-copy p{display:block;font-size:7px}.goal-copy strong{font-size:8px}.goal-stats strong{font-size:18px}.goal-stats small{font-size:7px}.language-route select{font-size:12px}.language-route label>span{font-size:7px}.sound-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.session-dots{display:none}.card-top{gap:7px}.word-tag{max-width:85%;line-height:1.7}.word-tag svg{flex-shrink:0}.goal-stats>div+div{padding-left:8px}}
@media(max-width:700px){.sidebar{height:calc(74px + env(safe-area-inset-bottom,0px))}.workspace{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}#toast{bottom:calc(90px + env(safe-area-inset-bottom,0px))}}