.sc-intro{grid-template-columns:1fr 280px;align-items:center;gap:36px;padding:38px 0 32px;display:grid}.sc-intro h1{letter-spacing:-.8px;margin-bottom:14px;font-size:clamp(28px,3vw,36px);line-height:1.4}.sc-intro>div>p{color:var(--sv-muted);font-size:16px}.sc-intro-meta{color:var(--sv-purple);margin-top:18px;font-size:14px}.sc-progress{background:var(--sv-surface);border:1px solid var(--sv-line);border-radius:14px;padding:20px 24px}.sc-progress>span{font-size:14px}.sc-progress>strong{margin:8px 0;font-size:34px;display:block}.sc-progress small{color:var(--sv-muted);font-size:18px;font-weight:400}.sc-progress progress{width:100%;height:7px;accent-color:var(--sv-purple)}.sc-progress>p{color:var(--sv-muted);margin-top:8px;font-size:12px}.sc-layout{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:32px;display:grid}.sc-catalog{scrollbar-width:thin;min-width:0;max-height:calc(100vh - 40px);position:sticky;top:20px;overflow-y:auto}.sc-catalog h2{margin-bottom:15px;font-size:16px}.sc-catalog ol{gap:7px;margin:0;padding:0;list-style:none;display:grid}.sc-catalog li button{text-align:left;border-radius:9px;align-items:flex-start;gap:11px;width:100%;padding:14px 12px;display:flex}.sc-catalog li button:hover{background:var(--sv-surface)}.sc-catalog li button[aria-current=step]{background:var(--sv-soft);color:var(--sv-purple)}.sc-lesson-number{flex:0 0 23px;place-items:center;width:23px;padding-top:3px;font-size:12px;display:grid}.sc-catalog strong{font-size:14px;font-weight:550;display:block}.sc-catalog small{color:var(--sv-muted);margin-top:4px;font-size:12px;display:block}.sc-catalog>a{color:var(--sv-muted);border-top:1px solid var(--sv-line);align-items:center;gap:7px;margin-top:18px;padding:20px 10px;font-size:13px;display:flex}.sc-lesson{min-width:0;scroll-margin-top:20px}.sc-lesson-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px;display:flex}.sc-lesson-heading p{color:var(--sv-muted);font-size:14px}.sc-lesson-heading h2{margin:7px 0;font-size:26px;line-height:1.4}.sc-done{color:var(--sv-purple);background:var(--sv-soft);white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:13px;display:inline-flex}.sc-panel{background:var(--sv-surface);border:1px solid var(--sv-line);border-radius:14px;margin-bottom:20px;padding:26px}.sc-section-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.sc-section-title h3{font-size:19px}.sc-section-title>span{color:var(--sv-muted);font-size:12px}.sc-story{font-size:16px;line-height:1.9}.sc-fields{background:var(--sv-bg);border:1px solid var(--sv-line);border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0;padding:18px;display:grid}.sc-fields dt{color:var(--sv-muted);font-size:13px}.sc-fields dd{overflow-wrap:anywhere;margin:6px 0;font-size:18px;font-weight:550;line-height:1.45}.sc-fields p{color:var(--sv-muted);font-size:12px}.sc-interpretation{color:var(--sv-muted);gap:10px;font-size:14px;line-height:1.9;display:flex}.sc-interpretation svg{color:var(--sv-purple);margin-top:3px}.sc-example-controls{color:var(--sv-muted);align-items:center;gap:14px;font-size:13px;display:flex}.sc-example-controls select{border:1px solid var(--sv-line);background:var(--sv-surface);border-radius:6px;padding:6px 8px}.sc-example-controls button{color:var(--sv-purple);padding:5px 0}.sc-examples{margin:0;padding:0;list-style:none}.sc-examples>li{padding:20px 0}.sc-examples>li:first-child{padding-top:0}.sc-examples>li+li{border-top:1px solid var(--sv-line)}.sc-example-label{justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px;display:flex}.sc-example-label>span{color:var(--sv-purple);font-size:13px}.sc-example-label>button{color:var(--sv-purple);background:var(--sv-soft);border-radius:7px;align-items:center;gap:6px;padding:7px 10px;font-size:13px;display:flex}.sc-example-label>button.is-playing{outline:1px solid var(--sv-purple)}.sc-english{font-size:21px;font-weight:500;line-height:1.65}.sc-chinese{color:var(--sv-muted);margin-top:8px;font-size:16px;line-height:1.8}.sc-pattern{color:var(--sv-muted);margin-top:14px;font-size:13px}.sc-pattern summary,.sc-keywords summary{cursor:pointer;padding:4px 0}.sc-pattern p{background:var(--sv-bg);border-radius:6px;margin-top:10px;padding:12px 14px;line-height:1.8}.sc-keywords{border-top:1px solid var(--sv-line);padding-top:16px;font-size:14px}.sc-keywords ul{gap:12px;padding:0;list-style:none;display:grid}.sc-keywords li{border:1px solid var(--sv-line);border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.sc-keywords strong{font-size:17px}.sc-keywords li>div>span:last-child{color:var(--sv-muted);font-size:14px}.sc-keywords button{color:var(--sv-purple);padding:10px}.sc-question{border:0;min-width:0;margin:0;padding:0}.sc-question legend{margin-bottom:16px;padding:0;font-size:17px;font-weight:550}.sc-options{gap:10px;margin-bottom:18px;display:grid}.sc-options>label{border:1px solid var(--sv-line);cursor:pointer;border-radius:8px;align-items:baseline;gap:12px;padding:14px 16px;font-size:16px;display:flex}.sc-options>label.is-selected{background:var(--sv-soft);border-color:var(--sv-purple)}.sc-options input{accent-color:var(--sv-purple);flex:none}.sc-primary{background:var(--sv-purple);border-radius:7px;align-items:center;padding:10px 20px;font-size:14px;font-weight:550;display:inline-flex;color:var(--sv-surface)!important}.sc-feedback{background:var(--sv-bg);border-left:3px solid #c69143;border-radius:0 8px 8px 0;margin-top:16px;padding:15px 18px}.sc-feedback.correct{border-left-color:var(--sv-purple);background:var(--sv-soft)}.sc-feedback strong{font-size:15px}.sc-feedback p{color:var(--sv-muted);margin-top:5px;font-size:14px;line-height:1.8}.sc-writing{border-top:1px solid var(--sv-line);margin-top:28px;padding-top:26px}.sc-writing>label{margin-bottom:16px;font-size:17px;font-weight:550;display:block}.sc-sentence{background:var(--sv-bg);border:1px solid var(--sv-line);border-radius:10px;padding:18px;font-size:19px;line-height:2.1}.sc-sentence input{background:var(--sv-surface);border:1px solid var(--sv-purple);border-radius:5px;width:200px;max-width:100%;margin:0 5px;padding:5px 8px;font-size:17px;line-height:1.5;display:inline-block}.sc-sentence input::placeholder{color:var(--sv-muted);font-size:14px}.sc-answer-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:18px;font-size:14px;display:flex}.sc-answer-actions>button:not(.sc-primary){color:var(--sv-purple);padding:5px 0}.sc-hint{color:var(--sv-muted);margin-top:14px;font-size:14px;line-height:1.8}.sc-completion{background:var(--sv-soft);color:var(--sv-purple);border-radius:10px;gap:14px;margin-top:24px;padding:20px;display:flex}.sc-completion h4{margin:0 0 6px;font-size:17px}.sc-completion p{font-size:14px}.sc-bottom{color:var(--sv-muted);flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:12px;display:flex}.sc-bottom a{text-underline-offset:3px;text-decoration:underline}.sc-lesson-nav{justify-content:space-between;align-items:center;padding-top:26px;display:flex}.sc-lesson-nav button{background:var(--sv-surface);border:1px solid var(--sv-line);border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;display:flex}.sc-lesson-nav>span{color:var(--sv-muted);font-size:13px}@media (width<=1000px){.sc-layout{grid-template-columns:210px minmax(0,1fr);gap:22px}.sc-panel{padding:22px}.sc-fields{grid-template-columns:1fr;gap:15px}.sc-fields>div+div{border-top:1px solid var(--sv-line);padding-top:12px}}@media (width<=820px){.sc-intro{grid-template-columns:1fr;gap:22px;padding:30px 0}.sc-progress{grid-template-columns:1fr auto;align-items:center;column-gap:20px;display:grid}.sc-progress strong{grid-area:1/2/3;margin:0}.sc-progress p{grid-column:1/-1}.sc-layout{grid-template-columns:minmax(0,1fr);gap:24px}.sc-catalog{max-height:none;position:static;overflow:visible}.sc-catalog ol{scroll-snap-type:x proximity;padding-bottom:8px;display:flex;overflow-x:auto}.sc-catalog li{scroll-snap-align:start;flex:0 0 225px}.sc-catalog li button{border:1px solid var(--sv-line);background:var(--sv-surface);height:100%}.sc-catalog>a{margin-top:6px;padding:14px 0 0}.sc-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.sc-fields>div+div{border-top:0;padding-top:0}}@media (width<=560px){.sc-intro h1{font-size:30px}.sc-intro>div>p{font-size:15px;line-height:1.8}.sc-intro-meta{font-size:13px}.sc-lesson-heading h2{font-size:23px}.sc-panel{padding:20px 16px}.sc-section-title h3{font-size:18px}.sc-story{font-size:15px}.sc-fields{grid-template-columns:1fr}.sc-fields>div+div{border-top:1px solid var(--sv-line);padding-top:12px}.sc-english{font-size:19px}.sc-chinese{font-size:15px}.sc-sentence{padding:14px;font-size:18px}.sc-sentence input{width:170px;margin:5px 0}.sc-options>label{padding:12px;font-size:15px}.sc-answer-actions{gap:12px;font-size:13px}}.sc-reading-note{color:var(--sv-muted);margin:12px 0 8px;font-size:14px;line-height:1.8}.sc-ipa{color:var(--sv-muted);overflow-wrap:anywhere;margin:6px 0 10px;font-family:Arial,sans-serif;font-size:15px;line-height:1.9}.stripe-study .sc-word-link{font:inherit;line-height:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px dashed;border-radius:0;padding:0;display:inline}.stripe-study .sc-word-link:hover{color:var(--sv-purple);background:var(--sv-soft)}.sc-word-link:focus-visible,.sc-word-dialog button:focus-visible{outline:2px solid var(--sv-purple);outline-offset:3px}.sc-word-dialog{border:1px solid var(--sv-line);background:var(--sv-surface);width:min(640px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--sv-text);border-radius:18px;margin:auto;padding:0;overflow-y:auto;box-shadow:0 24px 90px #14122440}.sc-word-dialog::backdrop{background:#15162988}.sc-detail-heading{z-index:1;border-bottom:1px solid var(--sv-line);background:var(--sv-surface);justify-content:space-between;align-items:center;padding:16px 24px;font-size:15px;display:flex;position:sticky;top:0}.sc-detail-close{cursor:pointer;background:0 0;border:0;padding:6px 10px}.sc-detail-body{padding:24px}.sc-detail-term,.sc-detail-section-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.sc-detail-term h2{overflow-wrap:anywhere;min-width:0;margin:0;font-size:28px}.sc-detail-meaning{margin:12px 0 24px;font-size:19px}.sc-detail-meaning span{color:var(--sv-muted);margin-right:12px;font-size:14px}.sc-detail-body section{border-top:1px solid var(--sv-line);margin-top:20px;padding-top:20px}.sc-detail-body h3{margin:0;font-size:17px}.sc-detail-body .sc-english{margin:12px 0 4px}.sc-detail-usage{margin:12px 0 0;font-size:16px;line-height:1.9}.sc-detail-play{border:1px solid var(--sv-line);background:var(--sv-bg);cursor:pointer;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:7px 10px;font-size:14px;display:inline-flex}.sc-detail-error{color:#bc4545;font-size:15px;line-height:1.8}@media (width<=560px){.sc-detail-body{padding:20px 16px}.sc-detail-heading{padding:12px 16px}.sc-detail-term h2{font-size:25px}.sc-ipa{font-size:14px}}