:root{--ink:#233d38;--muted:#71817b;--green:#245f4d;--pale:#eaf2eb;--line:#dfe7df;--orange:#be643f}*{box-sizing:border-box}body{margin:0;background:#f5f6f0;color:var(--ink);font-family:Inter,"Microsoft YaHei",sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,.button{border:1px solid var(--line);background:white;color:var(--ink);padding:10px 15px;border-radius:9px;cursor:pointer;display:inline-block;text-decoration:none}button:hover,.button:hover{background:var(--pale)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #d79652;outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:#174936}.quiet{border:0;background:transparent;padding:6px;color:var(--green)}header{height:86px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fafbf7}.brand{font-size:29px;letter-spacing:5px;color:var(--green);text-decoration:none;font-weight:800}.brand span{display:block;font-size:9px;letter-spacing:2px;margin-top:4px}nav{display:flex;gap:12px}nav button{border:0;background:transparent}nav .active{background:var(--pale);color:var(--green)}nav b{background:#dce8df;border-radius:50%;padding:2px 6px;margin-left:4px}.pill{background:var(--pale);padding:6px 11px;border-radius:20px;font-size:12px;white-space:nowrap}main{max-width:1400px;padding:32px 5% 60px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:4px 0 24px}small,.eyebrow{font-size:12px;letter-spacing:1px;color:var(--green)}h1{font-size:30px;font-weight:600;letter-spacing:1px;margin:13px 0}h2{font-size:20px;margin:10px 0}h3{font-size:16px;margin:8px 0}p{line-height:1.8}.intro p,.muted{color:var(--muted);font-size:12px}.imports{display:flex;gap:8px;flex-wrap:wrap;max-width:340px}.notice{font-size:12px;color:#7f795e;background:#f0eee2;border-radius:8px;padding:12px 16px;margin-bottom:22px;line-height:1.7}.workspace{display:grid;grid-template-columns:minmax(280px, .9fr) minmax(420px,1.15fr);gap:26px;align-items:start}.media-card,.sentences-card,.practice,.review-card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.media-card .eyebrow{padding:16px;display:flex;justify-content:space-between;gap:8px}.eyebrow span{letter-spacing:0;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}video{width:100%;max-height:330px;background:#172923;display:block}.media-bottom{display:flex;justify-content:space-between;padding:14px;align-items:center;color:var(--muted);font-size:12px}select{border:1px solid var(--line);padding:8px;border-radius:8px;background:white;color:var(--ink)}.sentences-card{margin-top:20px;padding:18px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px}#sentenceList{display:grid;gap:7px;max-height:340px;overflow:auto}.sentence-nav{text-align:left;display:flex;justify-content:space-between;padding:13px}.sentence-nav.active{border-color:#83ad97;background:var(--pale)}.practice{padding:25px}.play-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:16px 0}.subtitle-box{padding:17px;background:#f7f8f3;border:1px solid var(--line);border-radius:12px;margin:20px 0 12px}.words{margin-top:17px;min-height:90px;line-height:2.3;font-size:23px}.word{font-size:inherit;border:0;background:transparent;padding:1px 5px;margin:2px;border-radius:5px;line-height:1.8}.word.masked{color:transparent;background:#dfe5dc;min-width:34px;user-select:none}.word.selected{box-shadow:0 0 0 2px #c27b49;background:#f3e6d7}.word.masked.selected{color:transparent}.selection-tools{display:flex;gap:6px;flex-wrap:wrap}.selection-tools button{font-size:12px;padding:8px}.diagnosis,.recording{border-top:1px solid var(--line);margin-top:23px;padding-top:18px}.reasons{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.reason{font-size:12px}.reason[aria-pressed=true]{background:var(--pale);border-color:#7da58b}.guidance{background:#f5f7f2;border-left:3px solid #b7cdbd;padding:12px;font-size:13px}.save-row{display:flex;gap:8px;flex-wrap:wrap}.ai-note{font-size:12px;color:#927a59}.recording audio{width:100%;margin:10px 0}details{margin:20px 0;color:var(--muted);font-size:12px}summary{cursor:pointer;padding:10px 0}textarea{width:100%;min-height:80px;padding:10px;border:1px solid var(--line);border-radius:7px;display:block;margin:8px 0}.edit-times{display:flex;gap:12px;margin-bottom:12px}input[type=number]{width:100px;padding:6px;border:1px solid var(--line);display:block;margin-top:5px}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:18px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:13px 22px;border-radius:10px;display:none;max-width:90%;z-index:10}.review-card{padding:22px;margin:18px 0}.review-answer{font-size:22px;margin:18px 0}.review-actions{display:flex;gap:8px;flex-wrap:wrap}.empty{text-align:center;padding:65px 20px;color:var(--muted)}[hidden]{display:none!important}@media(max-width:850px){header{padding:0 5%;height:76px}.brand span{display:none}header>.pill{display:none}main{padding:25px 5%}.intro{display:block}h1{font-size:25px}.imports{max-width:none;margin-top:20px}.workspace{grid-template-columns:1fr}.practice{padding:18px}.sentences-card{margin-bottom:0}#sentenceList{max-height:145px}.words{font-size:21px}}