:root{--navy:#172f4b;--muted:#637085;--orange:#d36c3e;--paper:#f6f4ef;--line:#e2e5e9;--green:#206954;--green-bg:#eaf5ef;--amber:#8b521a;--amber-bg:#fff2df;font-family:Inter,'Segoe UI',Arial,sans-serif;color:var(--navy);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--paper);font-size:16px;line-height:1.5}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer;transition:background .15s,transform .15s}button:disabled{cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #bd632e;outline-offset:4px}button:hover:not(:disabled){filter:brightness(.97)}a{color:inherit}h1,h2,p{margin:0}.topbar{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #dcdedc;background:#fff}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;font-size:19px;letter-spacing:-.5px}.brand b{font-weight:750}.brand small{display:block;font-size:10px;letter-spacing:2.7px;font-weight:600;margin-top:2px}.seal{display:grid;place-items:center;background:var(--navy);color:white;width:48px;height:48px;border-radius:12px;font-family:'Noto Serif CJK SC','Songti SC',serif;font-size:34px}.edition{display:flex;align-items:center;gap:16px;font-size:14px;font-weight:600}.beta{font-size:12px;border:1px solid var(--line);padding:4px 10px;border-radius:5px;color:var(--muted);font-weight:400}.app-shell{display:grid;grid-template-columns:240px 1fr;max-width:1510px;margin:auto;min-height:calc(100vh - 100px)}.levels{padding:40px 24px 24px 32px;border-right:1px solid #dedfdb}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:750;color:var(--muted)}.levels h2{font-size:19px;margin:8px 0 25px;letter-spacing:-.4px}.level-list{display:flex;flex-direction:column;gap:8px}.level-button{display:flex;gap:13px;text-align:left;align-items:center;width:100%;border:1px solid transparent;background:transparent;border-radius:11px;padding:11px 12px;color:var(--navy)}.level-button[aria-pressed=true]{background:var(--navy);color:#fff;box-shadow:0 4px 10px #172f4b18}.level-number{border:1px solid #d6dadf;border-radius:7px;min-width:36px;height:36px;display:grid;place-items:center;font-size:16px;font-weight:650}.level-button[aria-pressed=true] .level-number{border-color:#ffffff45;background:#ffffff10}.level-button strong{display:block;font-size:15px}.level-button small{display:block;font-size:12px;opacity:.7}.side-note{margin-top:42px;border-top:1px solid #dedfdb;padding-top:25px;display:flex;align-items:center;gap:14px;color:var(--muted);font-size:13px}.side-note>span{font-family:serif;font-size:40px;color:#a8b0b8}main{padding:38px 42px;min-width:0}.heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:30px}h1{font-size:34px;letter-spacing:-1.2px;line-height:1.2;margin:9px 0 11px;font-weight:750}.intro{color:var(--muted);font-size:16px}.sample-badge{padding:7px 12px;border:1px solid #d7dce1;border-radius:20px;white-space:nowrap;font-size:13px}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:28px}.tabs{display:flex;border-bottom:1px solid #dadfe4;gap:30px;margin-bottom:22px}.tabs button{background:none;border:0;border-bottom:3px solid transparent;color:var(--muted);padding:9px 3px 13px;font-weight:650;min-width:90px}.tabs button[aria-selected=true]{color:var(--navy);border-bottom-color:var(--orange)}.study{min-width:0}.deck-top{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--muted);gap:12px;margin:0 2px 13px}.text-button{border:0;background:none;color:var(--muted);font-size:14px;text-decoration:underline;text-underline-offset:4px;padding:5px}.flashcard{position:relative;background:#fff;border:1px solid #dfe2e5;border-radius:18px;min-height:370px;text-align:center;padding:27px 26px;box-shadow:0 8px 24px #172f4b06;display:flex;flex-direction:column;align-items:center;justify-content:center}.card-top{position:absolute;top:23px;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px;letter-spacing:.8px}.card-top .tag{background:#f1f4f7;padding:4px 9px;border-radius:5px;font-size:12px;letter-spacing:0}.hanzi{font-family:'Noto Sans CJK SC','Microsoft YaHei','PingFang SC',sans-serif;font-size:clamp(60px,7vw,88px);font-weight:500;line-height:1.5;letter-spacing:5px;margin:30px 0 12px;overflow-wrap:anywhere}.reveal-hint{font-size:15px;color:var(--muted);margin:10px 0 12px}.primary{background:var(--navy);border:1px solid var(--navy);border-radius:9px;padding:12px 23px;color:white;font-weight:600;min-height:48px}.reveal{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:20px}.pinyin{font-size:25px;color:var(--orange);margin-top:-8px}.meaning{font-size:24px;font-weight:650;margin:7px 0 15px}.example{padding-top:15px;border-top:1px solid var(--line);width:100%;font-size:17px}.example .example-pinyin{font-size:14px;color:#65748a;margin-top:2px}.example .translation{font-size:15px;color:var(--muted);margin-top:5px}.rate-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.rate{padding:14px 10px;min-height:50px;border-radius:9px;font-weight:600;font-size:15px}.again{background:var(--amber-bg);border:1px solid #edcfaa;color:var(--amber)}.known{background:var(--green-bg);border:1px solid #bcd8cd;color:var(--green)}.helper{text-align:center;font-size:13px;color:var(--muted);margin-top:14px}.session{align-self:start;margin-top:6px;border-left:1px solid #dfe1e2;padding-left:26px}.session-heading{display:flex;align-items:center;gap:8px;margin:5px 0 23px}.session h2{font-size:16px}.tiny-icon{font-size:20px;color:var(--orange)}.stat strong{display:block;font-size:48px;line-height:1.15;letter-spacing:-2px}.stat span{font-size:14px;color:var(--muted)}.progress-label{display:flex;justify-content:space-between;gap:5px;font-size:12px;margin-top:25px}.progress-label b{font-weight:550}progress{appearance:none;width:100%;height:6px;border:0;display:block;margin:9px 0 21px;border-radius:8px;overflow:hidden}progress::-webkit-progress-bar{background:#e2e6ea}progress::-webkit-progress-value{background:var(--navy);border-radius:8px}progress::-moz-progress-bar{background:var(--navy)}.stat-row{display:flex;justify-content:space-between;font-size:14px;margin:12px 0}.stat-row span{display:flex;align-items:center;gap:8px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.green{background:var(--green)}.amber{background:#bd813b}.quiz-stat{border-top:1px solid #dfe1e2;padding-top:18px;margin-top:21px;display:flex;justify-content:space-between;gap:10px;font-size:14px}.session-note{font-size:12px;color:var(--muted);margin-top:17px;line-height:1.6}.tip{border-top:1px solid #dfe1e2;margin-top:23px;padding-top:20px}.tip p{font-size:14px;line-height:1.7;margin-top:8px;color:#506278}footer{margin-top:33px;color:var(--muted);font-size:12px;border-top:1px solid #dfe1e2;padding-top:18px;display:flex;justify-content:space-between;gap:20px;align-items:flex-start}footer details{max-width:430px}summary{cursor:pointer;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}details p{margin-top:12px}.quiz-setup{background:white;border:1px solid var(--line);padding:35px;border-radius:18px}.quiz-setup h2,.summary-card h2{font-size:26px;letter-spacing:-.5px;margin:12px 0}.quiz-setup p{color:var(--muted);margin:12px 0 27px}.quiz-setup label{display:block;font-size:14px;font-weight:600;margin:20px 0 8px}.quiz-setup select{width:100%;padding:12px;border:1px solid #ced5dd;border-radius:8px;background:white;color:var(--navy)}.quiz-setup .primary{margin-top:25px;width:100%}.quiz-question{background:white;border:1px solid var(--line);border-radius:16px;text-align:center;padding:19px 24px}.quiz-question .hanzi{margin:5px 0;font-size:64px}.quiz-question .spanish-word{font-size:30px;margin:20px 0;font-weight:650}.quiz-question h2{font-size:15px;font-weight:500;color:var(--muted)}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:17px}.option{border:1px solid #d6dde3;background:white;padding:17px 14px;border-radius:9px;text-align:left;color:var(--navy);display:flex;align-items:center;gap:12px;min-height:65px}.option .letter{border:1px solid #dde1e7;display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:5px;font-size:12px}.option.correct{background:var(--green-bg);border-color:var(--green);color:var(--green)}.option.incorrect{background:#fff0e9;border-color:#b25a38;color:#944226}.feedback{padding:17px 20px;border-radius:10px;margin-top:16px;background:var(--green-bg);color:var(--green)}.feedback.wrong{background:var(--amber-bg);color:var(--amber)}.feedback p{font-size:14px;margin-top:5px}.feedback .primary{margin-top:15px;width:100%}.summary-card{padding:28px;background:white;border:1px solid var(--line);border-radius:17px;text-align:center}.score{font-size:56px;font-weight:750;letter-spacing:-2px;line-height:1.3}.summary-card p{font-size:15px;color:var(--muted);margin-bottom:22px}.summary-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.secondary{border:1px solid #cbd3dc;background:white;color:var(--navy);padding:12px 19px;border-radius:9px;font-weight:600}.review-list{text-align:left;border-top:1px solid var(--line);padding-top:15px;margin-top:23px}.review-list h3{font-size:15px;margin:0 0 10px}.review-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #edf0f2;font-size:14px}.review-item b{font-size:19px}.review-item small{display:block;color:var(--muted);font-size:13px}.review-item>span:last-child{text-align:right}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;top:-100px}.skip:focus{top:10px;left:10px;background:white;padding:14px;z-index:9}@media(min-width:1450px){main{padding:43px 55px}.workspace-grid{gap:35px;grid-template-columns:minmax(0,1fr) 245px}.flashcard{min-height:405px}}@media(max-width:1150px){.app-shell{grid-template-columns:190px 1fr}.levels{padding:35px 15px}.workspace-grid{grid-template-columns:minmax(0,1fr) 195px;gap:20px}main{padding:32px 24px}.session{padding-left:18px}.heading{flex-wrap:wrap}h1{font-size:30px}.sample-badge{display:none}}@media(max-width:900px){.workspace-grid{grid-template-columns:1fr}.session{border-left:0;border-top:1px solid var(--line);padding:22px 0 0;margin-top:14px;display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.session-heading{grid-column:1/-1;margin-bottom:12px}.stat{grid-row:2/5}.progress-label{margin-top:0}.stat-row{margin:6px 0}.quiz-stat{margin-top:14px}.session-note{grid-column:1/-1}.tip{display:none}.stat strong{font-size:40px}footer{display:block}footer details{margin-top:9px}.edition{font-size:13px}.beta{display:none}}@media(max-width:620px){.topbar{height:80px;padding:0 20px}.brand{font-size:16px}.brand small{font-size:9px}.seal{width:41px;height:41px;font-size:29px}.edition{font-size:12px;max-width:80px;text-align:right}.app-shell{display:block}.levels{border-right:0;padding:20px 20px 0}.levels>.eyebrow,.levels>h2,.side-note{display:none}.level-list{flex-direction:row;overflow:auto;padding:0 0 9px;gap:7px}.level-button{flex:none;width:auto;min-width:59px;display:block;padding:9px 11px;border:1px solid #d6dce1}.level-button .level-number,.level-button small{display:none}.level-button strong{font-size:13px}main{padding:21px 20px 25px}.heading{margin-bottom:22px}h1{font-size:28px}.intro{font-size:14px}.eyebrow{font-size:11px}.flashcard{min-height:340px;padding:27px 20px}.hanzi{font-size:75px}.options{grid-template-columns:1fr}.option{min-height:53px;padding:12px 14px}.quiz-setup{padding:25px}.rate{font-size:14px}.session{margin-top:9px}.session-note{font-size:12px}.heading .eyebrow{font-size:11px}.quiz-question .hanzi{font-size:55px}.review-item{align-items:flex-start}}
.home-link{font-size:14px;font-weight:700;color:#176b56;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
@media(max-width:700px){.topbar{gap:12px}.edition{display:none}.home-link{font-size:13px}}

/* Full HSK 1 deck controls retain the original app layout. */
.deck-controls:empty{display:none}.deck-controls{margin-bottom:20px}.deck-controls label{display:block;font-size:14px;font-weight:650;margin-bottom:7px}.deck-controls select{width:100%;min-width:0;padding:12px 10px;background:white;border:1px solid #ccd5df;border-radius:8px;color:var(--navy);min-height:48px;font-size:16px}.deck-controls p{font-size:12px;color:var(--muted);margin-top:6px}.word-note{font-size:14px;color:#52657a;background:#f1f4f7;padding:11px 14px;border-radius:8px;margin:0 0 15px;text-align:left;line-height:1.6}.card-top{gap:12px}.card-top .tag{max-width:65%;line-height:1.4}.flashcard{padding-top:56px}.card-top>span:first-child{white-space:nowrap}.meaning{overflow-wrap:anywhere}.quiz-question .spanish-word{overflow-wrap:anywhere}.option>span:not(.letter){overflow-wrap:anywhere;min-width:0}@media(max-width:620px){.flashcard{padding-top:58px}.card-top{font-size:11px;left:17px;right:17px}.card-top .tag{font-size:11px}.deck-controls{margin-bottom:18px}.word-note{font-size:14px}}