:root{--paper:#f7f3ea;--paper-deep:#eee7d7;--surface:#fffdf8;--surface-muted:#f3eee2;--ink:#29251f;--ink-soft:#625b50;--ink-faint:#8c8273;--rule:#c8bda7;--rule-dark:#9f927e;--blue:#2e4c6d;--blue-soft:#e5edf4;--red:#a63b31;--red-soft:#f6e6e1;--green:#2e6650;--green-soft:#e5f0e9;--gold:#9b6f27;--gold-soft:#f5ead2;--font-serif:"Noto Serif SC", "Source Han Serif SC", "Songti SC", SimSun, serif;--font-sans:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-english:Georgia, "Times New Roman", serif;--font-mono:"Cascadia Mono", "SFMono-Regular", Consolas, monospace;--shadow-paper:0 1px 2px #2a262214, 0 12px 30px #2a262209;--radius:7px;--fast:.13s;--base:.21s;--slow:.34s}*{box-sizing:border-box}html{background:var(--paper);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scroll-behavior:smooth}body{background:linear-gradient(#5c4e3806 1px, transparent 1px), var(--paper);color:var(--ink);font-family:var(--font-sans);background-size:100% 28px;min-height:100vh;margin:0;font-size:15px;line-height:1.65}button,input,select{color:inherit;font:inherit}button{border:0}button,summary,select{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:2px;outline:3px solid #2e4c6d47}button:disabled{cursor:not-allowed;opacity:.48}h1,h2,h3,p{margin-top:0}.app-shell{min-height:100vh}.site-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--rule);z-index:30;background:#f7f3eaf0;grid-template-columns:270px 1fr 230px;align-items:center;height:68px;padding:0 26px;display:grid;position:sticky;top:0;left:0;right:0}.brand{text-align:left;background:0 0;align-items:center;gap:12px;padding:0;display:flex}.brand-mark{background:var(--ink);color:var(--paper);font-family:var(--font-serif);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;display:inline-flex}.brand strong,.brand small{display:block}.brand strong{font-family:var(--font-serif);letter-spacing:.04em;font-size:17px}.brand small{color:var(--ink-faint);font-family:var(--font-english);letter-spacing:.08em;font-size:10px}.desktop-nav{justify-content:center;align-self:stretch;align-items:stretch;display:flex}.desktop-nav button{color:var(--ink-soft);background:0 0;padding:0 18px;position:relative}.desktop-nav button:after{background:var(--red);content:"";height:2px;transition:transform var(--base) ease;position:absolute;bottom:0;left:18px;right:18px;transform:scaleX(0)}.desktop-nav button:hover,.desktop-nav button.active{color:var(--ink)}.desktop-nav button.active:after{transform:scaleX(1)}.account-area{justify-content:flex-end;display:flex}.text-button,.mode-link,.danger-link{color:var(--blue);text-underline-offset:4px;background:0 0;padding:6px 0;-webkit-text-decoration:underline #2e4c6d52;text-decoration:underline #2e4c6d52}.account-menu{position:relative}.account-menu summary{align-items:center;gap:9px;list-style:none;display:flex}.account-menu summary::-webkit-details-marker{display:none}.avatar{background:var(--blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-weight:700;display:inline-flex}.account-popover{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow-paper);z-index:10;min-width:180px;padding:14px;position:absolute;top:45px;right:0}.account-popover p{color:var(--ink-soft);margin-bottom:4px}.account-popover button{color:var(--red);background:0 0;margin-top:8px;padding:4px 0}.page-grid{grid-template-columns:220px minmax(0,890px) 220px;gap:30px;max-width:1420px;margin:0 auto;padding:34px 28px 64px;display:grid}.chapter-rail,.status-rail{align-self:start;position:sticky;top:102px}.rail-label,.eyebrow,.analysis-label,.card-kicker{color:var(--ink-faint);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:700;display:block}.rail-label{border-bottom:1px solid var(--rule);margin-bottom:8px;padding:0 4px 10px}.rail-button{text-align:left;background:0 0;border-bottom:1px solid #c8bda7a8;align-items:center;gap:12px;width:100%;padding:14px 8px;display:flex}.nav-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;flex:none;width:21px;height:21px}.rail-button .nav-icon{color:var(--ink-faint)}.rail-button span,.rail-button strong,.rail-button small{display:block}.rail-button strong{font-family:var(--font-serif);font-size:14px}.rail-button small{color:var(--ink-faint);margin-top:1px;font-size:11px}.rail-button:hover,.rail-button.active{color:var(--blue);background:#fffdf88c}.rail-button.active{border-left:3px solid var(--red);padding-left:10px}.rail-button.active .nav-icon{color:var(--blue)}.rail-note{border-left:2px solid var(--gold);margin-top:30px;padding-left:14px}.rail-note span,.rail-note strong{display:block}.rail-note span{color:var(--gold);font-size:11px}.rail-note strong{font-family:var(--font-serif);margin-top:3px}.rail-note p{color:var(--ink-soft);margin:8px 0 0;font-size:12px}.main-content{min-width:0}.view-stage[hidden],.mobile-tools-toggle{display:none}.reading-compact-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.reading-tools-toggle,.passage-toggle{background:var(--surface);border:1px solid var(--rule-dark);color:var(--blue);min-height:44px;padding:0 14px}.reading-view:not(.tools-open)>.view-header,.reading-view:not(.tools-open)>.reading-methods,.reading-view:not(.tools-open)>.official-source{display:none}.live-timer{background:var(--blue-soft);color:var(--blue);font-variant-numeric:tabular-nums;border-radius:999px;padding:4px 8px}.status-card,.source-note{border:1px solid var(--rule);border-radius:var(--radius);background:#fffdf8bd;padding:18px}.source-note{margin-top:16px}.source-note strong{font-family:var(--font-serif);margin:12px 0 4px;display:block}.source-note p,.signed-out-note p{color:var(--ink-soft);margin-bottom:0;font-size:12px}.progress-ring-wrap{justify-content:center;padding:22px 0;display:flex}.progress-ring{background:conic-gradient(var(--blue) var(--progress), var(--paper-deep) 0);border-radius:50%;justify-content:center;align-items:center;width:130px;height:130px;display:flex;position:relative}.progress-ring:before{background:var(--surface);content:"";border-radius:50%;position:absolute;inset:9px}.progress-ring div{text-align:center;position:relative}.progress-ring strong,.progress-ring span{display:block}.progress-ring strong{font-family:var(--font-english);font-size:25px}.progress-ring span{color:var(--ink-faint);font-size:10px}.mini-stats{border-top:1px solid var(--rule);text-align:center;grid-template-columns:1fr 1fr;padding-top:14px;display:grid}.mini-stats div+div{border-left:1px solid var(--rule)}.mini-stats strong,.mini-stats span{display:block}.mini-stats strong{font-family:var(--font-english);font-size:22px}.mini-stats span{color:var(--ink-faint);font-size:11px}.signed-out-note{text-align:center;padding:28px 0 6px}.signed-out-note .nav-icon{color:var(--ink-faint);width:36px;height:36px;margin-bottom:8px}.signed-out-note button{color:var(--blue);background:0 0;margin-top:10px}.hero-copy{border-bottom:3px double var(--rule);padding:18px 2px 38px}.hero-copy h1,.view-header h1,.login-gate h1{font-family:var(--font-serif);letter-spacing:-.03em;margin:12px 0 18px;font-size:clamp(34px,5vw,58px);font-weight:600;line-height:1.18}.hero-copy p{color:var(--ink-soft);font-family:var(--font-serif);max-width:720px;font-size:18px;line-height:1.8}.hero-actions,.gate-actions{align-items:center;gap:18px;margin-top:24px;display:flex}.hero-actions span{color:var(--ink-faint);font-size:12px}.primary-button,.secondary-button,.toolbar-button,.reveal-button{transition:transform var(--fast) ease, background var(--fast) ease;border-radius:4px;padding:11px 18px;font-weight:700}.primary-button{background:var(--blue);color:#fff}.primary-button:hover:not(:disabled){background:#233d59;transform:translateY(-1px)}.secondary-button,.toolbar-button{border:1px solid var(--rule-dark);background:0 0}.secondary-button:hover:not(:disabled),.toolbar-button:hover:not(:disabled){background:var(--surface-muted)}.method-path{border:1px solid var(--rule);background:#fffdf8b8;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:14px;margin:34px 0 52px;padding:24px;display:grid}.method-path div{text-align:center}.method-path span,.method-path strong,.method-path small{display:block}.method-path span{color:var(--red);font-family:var(--font-mono);font-size:11px}.method-path strong{font-family:var(--font-serif);margin:3px 0;font-size:17px}.method-path small{color:var(--ink-faint)}.method-path i{color:var(--rule-dark);font-style:normal}.section-heading{border-bottom:3px double var(--rule);margin:46px 0 18px;padding-bottom:10px}.section-heading span{color:var(--red);font-family:var(--font-mono);letter-spacing:.12em;font-size:10px}.section-heading h2{font-family:var(--font-serif);margin:3px 0 0;font-size:25px}.tip-card{background:var(--surface);border:1px solid var(--rule);border-left:3px solid var(--blue);border-radius:var(--radius);grid-template-columns:42px 1fr;align-items:start;gap:18px;margin-bottom:12px;padding:20px;display:grid}.tip-number{color:var(--red);font-family:var(--font-english);font-size:22px}.tip-card h3{font-family:var(--font-serif);margin-bottom:5px}.tip-card p{color:var(--ink-soft);margin-bottom:0}.logic-table{background:var(--surface);border:1px solid var(--rule)}.logic-row{grid-template-columns:115px 62px 1fr;align-items:center;gap:16px;padding:14px 18px;display:grid}.logic-row+.logic-row{border-top:1px solid #c8bda7a6}.logic-row strong{font-family:var(--font-serif)}.logic-row p{color:var(--ink-soft);margin:0;font-size:13px}.direction{text-align:center;border:1px solid;border-radius:99px;padding:2px 7px;font-size:11px}.direction.same{color:var(--blue)}.direction.opposite{color:var(--red)}.review-note{background:#fff8e8;border:1px solid #d6c18f;margin-top:34px;padding:24px 28px;position:relative}.annotation{background:var(--gold);color:#fff;padding:3px 9px;font-size:11px;position:absolute;top:-12px;left:18px}.review-note h3{font-family:var(--font-serif);margin-bottom:10px;font-size:21px}.review-note ol{color:var(--ink-soft);margin-bottom:0;padding-left:22px}.view-header{border-bottom:3px double var(--rule);justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px;padding:14px 0 24px;display:flex}.view-header h1{margin-bottom:7px;font-size:clamp(30px,4vw,43px)}.view-header p{color:var(--ink-soft);margin-bottom:0}.mode-switch{border:1px solid var(--rule-dark);flex:none;padding:3px;display:inline-flex}.mode-switch button{color:var(--ink-soft);background:0 0;padding:7px 12px}.mode-switch button.active{background:var(--ink);color:var(--paper)}.mode-switch.compact button{padding:6px 10px}.practice-toolbar,.vocab-filters{border:1px solid var(--rule);background:#fffdf8ad;flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:18px;padding:12px;display:flex}.practice-toolbar label,.jump-form label{display:block}.practice-toolbar label>span,.jump-form label>span{color:var(--ink-faint);margin-bottom:3px;font-size:10px;display:block}.practice-toolbar input,.practice-toolbar select,.vocab-filters input,.vocab-filters select{background:var(--surface);border:1px solid var(--rule);border-radius:3px;min-width:125px;height:38px;padding:0 10px}.search-field{flex:220px}.search-field input,.vocab-filters input{width:100%}.jump-form{align-items:end;display:flex}.jump-form input{width:85px;min-width:80px}.jump-form button{background:var(--blue);color:#fff;height:38px;padding:0 12px}.toolbar-button{height:38px;padding:0 12px}.quiz-card{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow-paper);padding:clamp(20px,4vw,36px)}.quiz-meta{color:var(--ink-faint);font-family:var(--font-mono);letter-spacing:.05em;flex-wrap:wrap;align-items:center;gap:12px;font-size:10px;display:flex}.missing-badge{background:var(--red-soft);color:var(--red);border:1px solid #a63b3159;padding:2px 7px}.favorite-button{color:var(--rule-dark);background:0 0;margin-left:auto;font-size:20px}.favorite-button.active{color:var(--gold)}.question-sentence{font-family:var(--font-english);margin:28px 0;font-size:clamp(20px,2.5vw,25px);line-height:1.65}.option-grid{gap:10px;display:grid}.quiz-option{border:1px solid var(--rule);text-align:left;min-height:54px;transition:background var(--fast) ease, border-color var(--fast) ease, transform var(--fast) ease;background:0 0;border-radius:4px;grid-template-columns:34px 1fr 24px;align-items:center;gap:12px;padding:9px 13px;display:grid}.quiz-option:not(:disabled):hover{background:var(--surface-muted);border-color:var(--rule-dark);transform:translate(2px)}.quiz-option.selected{background:var(--blue-soft);border-color:var(--blue)}.quiz-option.correct{background:var(--green-soft);border-color:var(--green)}.quiz-option.wrong{background:var(--red-soft);border-color:var(--red)}.quiz-option:disabled{cursor:default;opacity:1}.option-letter{font-family:var(--font-mono);border:1px solid;border-radius:3px;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:flex}.option-result{text-align:center;font-size:20px}.quiz-option.correct .option-result{color:var(--green)}.quiz-option.wrong .option-result{color:var(--red)}.quiz-actions{justify-content:center;align-items:center;gap:10px;margin-top:22px;display:flex}.explanation{transition:grid-template-rows var(--slow) ease;grid-template-rows:0fr;display:grid}.explanation.open{grid-template-rows:1fr}.explanation-inner{overflow:hidden}.explanation-continuation{justify-content:flex-end;padding-top:18px;display:flex}.explanation-continuation button,.reading-continuation{min-height:44px}.analysis-sheet{border-top:1px dashed var(--rule-dark);margin-top:30px;padding-top:24px}.answer-verdict{background:var(--surface-muted);border-left:3px solid var(--rule-dark);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.answer-verdict.correct{background:var(--green-soft);border-left-color:var(--green)}.answer-verdict.incorrect{background:var(--red-soft);border-left-color:var(--red)}.answer-verdict span{color:var(--ink-soft);font-size:12px}.analysis-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;display:grid}.analysis-grid>div,.reason-block,.translation-block,.option-analysis,.key-vocab-section{background:#f7f3ea8c;border:1px solid #c8bda7b8;padding:15px}.analysis-grid h3{font-family:var(--font-serif);margin:5px 0 3px}.analysis-grid p,.reason-block p,.translation-block p,.key-vocab-section p{color:var(--ink-soft);margin-bottom:0}.reason-block,.translation-block,.option-analysis,.key-vocab-section{margin-top:12px}.review-status{border:1px solid;border-radius:99px;margin:6px 0;padding:1px 7px;font-size:10px;display:inline-block}.review-status.reviewed{color:var(--green)}.review-status.draft{color:var(--gold)}.option-note{border-top:1px solid #c8bda799;grid-template-columns:minmax(170px,.8fr) 1fr 1.4fr;gap:4px;padding:10px 0;display:grid}.option-note:first-of-type{margin-top:7px}.option-note span{color:var(--blue)}.option-note small,.vocab-chips small{color:var(--ink-faint)}.vocab-chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.vocab-chips>div{background:var(--surface);border-left:2px solid var(--gold);padding:9px 11px;display:grid}.vocab-chips span{color:var(--blue)}.muted-copy{color:var(--ink-faint)!important}.practice-footer{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.practice-footer span{color:var(--ink-faint);font-size:11px}.danger-link{color:var(--red)}.login-gate{padding-top:40px}.gate-paper{background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow-paper);max-width:680px;margin:0 auto;padding:clamp(28px,6vw,56px);position:relative}.gate-paper:before{content:"";border-left:1px solid #a63b3147;position:absolute;inset:0 auto 0 34px}.gate-paper p,.gate-paper small{color:var(--ink-soft)}.vocab-controls{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.mastery-summary{gap:8px;display:flex}.mastery-summary span{background:var(--surface);border:1px solid var(--rule);text-align:center;min-width:65px;padding:7px 9px}.mastery-summary strong{font-family:var(--font-english);font-size:18px;display:block}.vocab-filters input{flex:220px}.card-progress{color:var(--ink-faint);font-family:var(--font-mono);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;max-width:650px;margin:18px auto 10px;font-size:10px;display:grid}.card-progress>div{background:var(--paper-deep);height:3px}.card-progress i{background:var(--blue);height:3px;transition:width var(--base) ease;display:block}.flashcard{aspect-ratio:1.58;perspective:1300px;background:0 0;width:100%;max-width:650px;margin:0 auto;padding:0;display:block}.flashcard-inner{height:100%;transform-style:preserve-3d;transition:transform var(--slow) cubic-bezier(.4, 0, .2, 1);width:100%;position:relative}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-face{backface-visibility:hidden;background:var(--surface);border:1px solid var(--rule-dark);border-radius:var(--radius);box-shadow:var(--shadow-paper);text-align:left;flex-direction:column;justify-content:center;width:100%;height:100%;padding:clamp(24px,5vw,48px);display:flex;position:absolute;top:0;left:0;overflow:auto}.flashcard-front:after,.flashcard-back:after{content:"";pointer-events:none;border:1px solid #c8bda780;position:absolute;inset:8px}.flashcard-back{background:#fff8e8;transform:rotateY(180deg)}.flashcard h2{font-family:var(--font-english);margin:16px 0;font-size:clamp(36px,7vw,58px);font-weight:500;line-height:1.1}.example-sentence{color:var(--ink-soft);font-family:var(--font-english);font-size:clamp(17px,2.5vw,22px);font-style:italic;line-height:1.65}.flashcard-front small,.flashcard-back small{color:var(--ink-faint)}.chinese-meaning{color:var(--red);font-family:var(--font-serif);margin-bottom:5px;font-size:21px}.english-definition{color:var(--ink-soft);font-family:var(--font-english);margin-bottom:12px}.example-translation{border-top:1px dashed var(--rule-dark);gap:3px;padding-top:10px;display:grid}.example-translation span{color:var(--ink-soft)}.memory-note{border-left:3px solid var(--gold);background:#9b6f271c;margin:12px 0;padding:9px 12px}.confusable-note{border-top:1px dashed var(--rule-dark);gap:8px;margin-top:4px;padding-top:10px;display:grid}.confusable-note>strong{color:var(--blue);letter-spacing:.08em;font-size:13px}.confusable-note>div{background:#2e4c6d11;border-left:3px solid #2e4c6d8c;gap:3px;padding:7px 10px;display:grid}.confusable-note p{align-items:baseline;gap:8px;margin:0;display:flex}.confusable-note p b{color:var(--blue);font-family:var(--font-english);font-size:17px}.confusable-note p span{color:var(--ink-soft)}.confusable-note small{color:var(--ink-soft);line-height:1.45}.confusable-note em{color:var(--gold);font-size:12px;font-style:normal}.reveal-button{background:var(--blue);color:#fff;min-width:230px;margin:16px auto;display:block}.memory-actions{grid-template-columns:1fr 1fr;gap:12px;max-width:650px;margin:16px auto;display:grid}.memory-actions button{text-align:left;border-radius:4px;grid-template-columns:34px 1fr;align-items:center;gap:0 10px;padding:11px 16px;display:grid}.memory-actions button>span{border:1px solid;grid-row:span 2;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.memory-actions small{opacity:.75}.forget-button{border:1px solid var(--red);color:var(--red);background:0 0}.know-button{background:var(--blue);color:#fff}.card-navigation{justify-content:space-between;align-items:center;max-width:650px;margin:8px auto 0;display:flex}.card-navigation button{color:var(--blue);background:0 0;padding:7px 0}.card-navigation span{color:var(--ink-faint);font-size:11px}.mark-confirmation{color:var(--green);text-align:center;max-width:650px;margin:-7px auto 5px;font-size:12px}.reading-methods{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:12px;display:grid}.reading-methods article{border-left:3px solid var(--gold);background:#fffdf8ad;padding:13px 15px}.reading-methods p,.official-source{color:var(--ink-soft);margin:5px 0 0;font-size:13px}.official-source{margin:0 0 18px}.official-source-links{vertical-align:middle;flex-wrap:wrap;gap:4px 10px;display:inline-flex}.official-source a{color:var(--blue);text-underline-offset:3px;align-items:center;min-height:44px;display:inline-flex}.reading-card{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow-paper);padding:clamp(20px,4vw,36px)}.reading-card>h2{font-family:var(--font-serif);margin:18px 0 12px}.reading-meta{color:var(--ink-faint);font-family:var(--font-mono);flex-wrap:wrap;gap:10px;font-size:10px;display:flex}.reading-passage{font-family:var(--font-english);white-space:pre-line;font-size:18px;line-height:1.78}.reading-passage-wrap:not(.open) .reading-passage{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.passage-toggle{margin-top:8px}.reading-question{border-top:1px dashed var(--rule-dark);margin-top:24px;padding-top:20px}.question-type{color:var(--red);letter-spacing:.08em;font-size:11px;font-weight:700}.reading-question h3{font-family:var(--font-serif);font-size:21px}.reading-options{gap:9px;display:grid}.reading-options button{border:1px solid var(--rule);text-align:left;background:0 0;grid-template-columns:32px 1fr;align-items:center;gap:11px;min-height:44px;padding:9px 12px;display:grid}.reading-options button>span{border:1px solid;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.reading-options button.selected{background:var(--blue-soft);border-color:var(--blue)}.reading-options button.correct{background:var(--green-soft);border-color:var(--green)}.reading-options button.wrong{background:var(--red-soft);border-color:var(--red)}.reading-options button:disabled{cursor:default;opacity:1}.reading-explanation{border-left:3px solid var(--red);margin-top:18px;padding:12px 15px}.reading-explanation.correct{border-color:var(--green)}.reading-explanation p{color:var(--ink-soft)}.reading-vocabulary{flex-wrap:wrap;gap:7px;display:flex}.reading-vocabulary>span{color:var(--ink-faint);width:100%;font-size:11px}.reading-vocabulary b{background:var(--paper-deep);gap:6px;padding:6px 8px;display:inline-flex}.reading-vocabulary small{color:var(--ink-soft);font-weight:400}.reading-continuation{margin:16px 0 0 auto;display:block}.reading-actions{justify-content:center;gap:10px;margin-top:22px;display:flex}.reading-actions button{min-height:44px}.reading-complete{color:var(--green);align-self:center;margin:0;padding:11px 18px;font-weight:700}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:60;background:#2a26227a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.auth-modal{animation:modal-in var(--base) ease;background:var(--paper);border:1px solid var(--rule-dark);border-radius:var(--radius);width:100%;max-width:410px;padding:32px;position:relative;box-shadow:0 22px 70px #2a262242}@keyframes modal-in{0%{opacity:0;transform:translateY(9px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-close{color:var(--ink-faint);background:0 0;font-size:26px;position:absolute;top:10px;right:16px}.auth-modal h2{font-family:var(--font-serif);margin:8px 0;font-size:29px}.auth-modal>p,.auth-modal>small{color:var(--ink-soft)}.auth-modal form{margin-top:20px}.auth-modal label{margin-bottom:17px;display:block}.auth-modal label span{color:var(--ink-faint);margin-bottom:3px;font-size:11px;display:block}.auth-modal input{border:0;border-bottom:1px solid var(--rule-dark);background:0 0;border-radius:0;width:100%;padding:8px 2px;font-size:16px}.auth-modal input:focus{border-bottom-color:var(--blue);outline:0}.primary-button.full{width:100%}.form-error{background:var(--red-soft);color:var(--red);padding:8px 10px;font-size:12px}.mode-link{margin:14px auto;display:block}.toast{background:var(--ink);color:#fff;text-align:center;z-index:90;border:1px solid #ffffff2e;max-width:min(440px,100vw - 32px);padding:10px 18px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.loading-screen,.section-loading,.fatal-state,.empty-state{text-align:center;max-width:680px;margin:0 auto;padding:12vh 24px}.loading-brand{font-family:var(--font-serif);margin-bottom:30px;font-size:25px}.skeleton-line,.skeleton-card{background:linear-gradient(90deg, var(--paper-deep), #faf7ef, var(--paper-deep));background-size:200% 100%;animation:1.5s linear infinite paper-shimmer}.skeleton-line{max-width:420px;height:13px;margin:10px auto}.skeleton-line.wide{max-width:580px}.skeleton-line.short{max-width:260px}.skeleton-card{border:1px solid var(--rule);height:190px;margin-top:30px;padding:30px}@keyframes paper-shimmer{to{background-position:-200% 0}}.section-loading{padding-top:8vh}.empty-state span{color:var(--red);font-family:var(--font-english);font-size:42px}.empty-state h2,.fatal-state h1{font-family:var(--font-serif)}.empty-state p,.fatal-state p,.section-loading p,.loading-screen p{color:var(--ink-soft)}.mobile-tabs{display:none}@media (max-width:1180px){.page-grid{grid-template-columns:205px minmax(0,1fr);max-width:1120px}.status-rail{display:none}.site-header{grid-template-columns:240px 1fr 150px}}@media (max-width:900px){.site-header{grid-template-columns:1fr auto;padding:0 18px}.desktop-nav{display:none}.page-grid{padding:24px 18px calc(112px + env(safe-area-inset-bottom));display:block}.chapter-rail{display:none}.mobile-tabs{border-top:1px solid var(--rule);padding-bottom:env(safe-area-inset-bottom);z-index:40;background:#f7f3eaf7;grid-template-columns:repeat(5,1fr);align-items:stretch;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-tabs button{color:var(--ink-faint);background:0 0;flex-direction:column;align-items:center;gap:1px;min-height:56px;padding:7px 2px 5px;font-size:10px;display:flex}.mobile-tabs button.active{color:var(--blue)}.mobile-tabs .nav-icon{width:22px;height:22px}.toast{bottom:72px}.reading-methods{max-height:min(40svh,360px);overflow:auto}.reading-passage-wrap.open .reading-passage{max-height:min(36svh,420px);padding-right:6px;overflow:auto}.reading-actions{bottom:calc(56px + env(safe-area-inset-bottom));z-index:20;background:#fffdf8f7;padding:8px;position:sticky;box-shadow:0 -8px 18px #2a262214}}@media (max-width:680px){body{font-size:14px}.site-header{height:58px}.brand-mark{width:32px;height:32px}.brand strong{font-size:15px}.brand small,.account-area .account-menu span:not(.avatar){display:none}.page-grid{padding-bottom:calc(128px + env(safe-area-inset-bottom));padding-left:12px;padding-right:12px}button{min-height:44px}.mobile-tools-toggle{background:var(--surface);border:1px solid var(--rule-dark);color:var(--blue);margin:0 0 10px auto;padding:0 14px;display:block}.practice-view:not(.tools-open)>.view-header,.practice-view:not(.tools-open)>.practice-toolbar,.vocabulary-view:not(.tools-open)>.view-header,.vocabulary-view:not(.tools-open)>.vocab-controls,.vocabulary-view:not(.tools-open)>.vocab-filters,.reading-view:not(.tools-open)>.view-header,.reading-view:not(.tools-open)>.reading-methods,.reading-view:not(.tools-open)>.official-source{display:none}.hero-copy{padding-top:8px}.hero-actions,.view-header,.vocab-controls{flex-direction:column;align-items:stretch}.method-path{grid-template-columns:1fr;align-items:stretch;padding:18px}.method-path i{transform:rotate(90deg)}.logic-row{grid-template-columns:1fr auto;gap:8px}.logic-row p{grid-column:1/-1}.view-header{align-items:stretch;display:flex}.mode-switch{grid-template-columns:1fr 1fr;display:grid}.practice-toolbar,.vocab-filters{flex-direction:column;align-items:stretch}.practice-toolbar input,.practice-toolbar select,.vocab-filters input,.vocab-filters select,.search-field,.jump-form input{width:100%}.jump-form label{flex:1}.quiz-card{padding:18px 14px}.question-sentence{font-size:19px}.quiz-actions{bottom:calc(56px + env(safe-area-inset-bottom));z-index:20;background:#fffdf8f7;grid-template-columns:1fr 1fr;margin-left:-7px;margin-right:-7px;padding:8px 7px;display:grid;position:sticky;box-shadow:0 -8px 18px #2a262214}.quiz-actions .primary-button,.quiz-actions .secondary-button:nth-child(2){grid-area:1/1/auto/-1}.answer-verdict,.practice-footer{flex-direction:column;align-items:flex-start}.analysis-grid,.vocab-chips,.option-note{grid-template-columns:1fr}.flashcard{aspect-ratio:auto;height:min(54svh,470px)}.flashcard-face{padding:28px 22px}.flashcard h2{font-size:38px}.memory-actions{grid-template-columns:1fr 1fr;margin:0 auto 8px}.memory-actions button{min-height:70px;padding:8px 10px}.vocab-action-dock{bottom:calc(56px + env(safe-area-inset-bottom));z-index:20;background:#f7f3eaf7;margin:10px -4px 0;padding:8px 4px 4px;position:sticky;box-shadow:0 -8px 18px #2a262214}.reveal-button{margin:0 auto 8px}.card-navigation span{display:none}.reading-methods{grid-template-columns:1fr}.reading-card{padding:18px 14px}.reading-passage{font-size:17px;line-height:1.68}.reading-actions{grid-template-columns:1fr 1fr;margin:18px 0 0;display:grid}.reading-actions>.primary-button{grid-area:1/1/auto/-1}.reading-actions>.secondary-button{min-width:0}.explanation-continuation button,.reading-continuation{scroll-margin-bottom:calc(68px + env(safe-area-inset-bottom));width:100%}.mastery-summary{grid-template-columns:repeat(2,1fr);display:grid}.auth-modal{padding:28px 22px}}@media (max-width:900px) and (orientation:portrait){.reading-card{height:calc(100dvh - 196px - env(safe-area-inset-bottom));flex-direction:column;min-height:0;display:flex;overflow:hidden}.reading-card>h2,.reading-passage-wrap{flex:none}.reading-question{overscroll-behavior:contain;flex:auto;min-height:160px;padding-right:4px;overflow:auto}.reading-actions{box-shadow:none;flex:none;margin-top:10px;position:static;bottom:auto}}@media (max-width:1180px) and (orientation:landscape) and (max-height:800px){.reading-card{height:calc(100dvh - 188px - env(safe-area-inset-bottom));grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8px 16px;min-height:0;display:grid;overflow:hidden}.reading-meta{grid-area:1/1}.reading-card>h2{grid-area:2/1;margin:4px 0}.reading-passage-wrap{overscroll-behavior:contain;grid-area:3/1/5;min-height:0;overflow:auto}.reading-question{border-left:1px dashed var(--rule-dark);overscroll-behavior:contain;border-top:0;grid-area:1/2/4;min-height:0;margin:0;padding:0 4px 0 16px;overflow:auto}.reading-actions{grid-area:4/2;margin:0;position:static;bottom:auto}}@media (pointer:coarse){.mode-switch button,.favorite-button,.text-button,.account-menu summary,.account-popover button,.toolbar-button,.jump-form button,.card-navigation button{min-height:44px}.favorite-button,.account-menu summary,.account-popover button{min-width:44px}.practice-toolbar input,.practice-toolbar select,.vocab-filters input,.vocab-filters select,.jump-form button{min-height:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.flashcard.flipped .flashcard-inner{transform:none}.flashcard.flipped .flashcard-front{opacity:0}}