header{height:76px;position:relative;border-bottom:1px solid var(--line);gap:16px}.brand{white-space:nowrap}.compactSync{border:0;background:transparent;font-size:12px;padding:8px;color:var(--muted);cursor:pointer}.navMenu{position:relative}.navMenu summary{list-style:none;border:1px solid var(--line);border-radius:999px;padding:10px 16px;cursor:pointer;background:var(--card)}.navMenu summary::-webkit-details-marker{display:none}.navMenu summary span{margin-left:10px}.navPanel{position:absolute;right:0;top:48px;z-index:30;width:240px;padding:10px;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 15px 40px #00000012;display:grid;gap:5px}.navPanel .linkbtn{text-align:left;border:0;border-radius:9px;background:transparent;min-height:42px}.navPanel .linkbtn:hover{background:#eeeadf}.top{flex-wrap:nowrap}.hero h1{line-height:1.12}.hero p{line-height:1.7}.row>*{min-width:0}input,select,textarea{font-size:16px;min-width:0}.sectionHead h1{overflow-wrap:anywhere}.course,.week,.panel,.item>div{min-width:0}.code,.meta,.zh{overflow-wrap:anywhere}.feedbackResult{font-size:20px;font-weight:700}.correct{color:var(--green)}.feedback .word{margin:22px 0 28px;overflow-wrap:anywhere}.feedback .panel{max-width:540px}.nextAnswer{margin-top:24px;min-width:180px;min-height:48px}.englishFields{margin-top:22px;padding-top:8px;border-top:1px solid var(--line)}.englishFields p{line-height:1.6}.suggestion{min-height:48px}.suggestion small{overflow-wrap:anywhere}.uploadHome .uploadActions{margin-top:0}
@media(max-width:600px){header,main{margin-left:20px;margin-right:20px}header{height:70px;padding:0;align-items:center}.brand{font-size:18px}.top{font-size:13px;gap:3px}.navPanel{width:min(280px,calc(100vw - 40px))}main{padding-top:24px}.hero{margin-top:8px}.hero h1{font-size:36px;letter-spacing:-1px}.hero p{font-size:14px}.panel{padding:20px;border-radius:18px}.sectionHead{gap:12px;align-items:flex-start;margin-bottom:22px}.sectionHead h1{font-size:26px;margin:6px 0}.row{display:grid;grid-template-columns:1fr}.row>button{width:100%;min-height:48px}.weeks{grid-template-columns:1fr 1fr;gap:10px}.week{padding:18px 14px}.course{min-height:155px;padding:20px}.grid{gap:12px}.word{font-size:34px;margin:42px 0 28px;overflow-wrap:anywhere}.choice{min-height:58px;padding:16px}.bigBtns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bigBtns button{min-width:0;padding:16px 8px}.item{flex-direction:column;gap:14px}.item>div:last-child{display:flex;gap:10px}.uploadHome{padding:20px;gap:16px}.uploadActions{width:100%;gap:10px}.uploadActions button{min-height:46px}.uploadHome .uploadActions{display:grid;grid-template-columns:1fr}.uploadHome .uploadActions button{width:100%}.authPanel{width:100%}.answer{font-size:23px;overflow-wrap:anywhere}}
 .studyNav{display:flex;align-items:center;gap:4px}.studyNav button{border:0;background:transparent;border-radius:10px;padding:10px 14px;cursor:pointer;color:var(--muted);font:inherit}.studyNav button.active{background:#eae5d9;color:var(--ink);font-weight:700}.navPanel{width:190px}
@media(max-width:760px){.studyNav{position:fixed;z-index:25;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--line)}.studyNav button{min-height:46px;font-size:14px}.studyNav button.active{background:#eae5d9}.navPanel{width:190px}main{padding-bottom:120px}.signature{padding-bottom:90px}}
dialog{width:min(460px,calc(100vw - 40px));border:1px solid var(--line);border-radius:20px;padding:24px;background:var(--card);color:var(--ink)}dialog::backdrop{background:#0006}dialog p{line-height:1.7}

.sharedLibraryCard{margin:0 0 22px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--card)}.sharedLibraryCard h2{font-size:20px;margin:0 0 12px}.sharedLibraryCard p{line-height:1.7}.sharedLibraryCard summary{cursor:pointer;font-size:14px;color:var(--green)}.sharedLibraryCard[open] summary{margin-bottom:20px}