.vr-page{--vr-soft:var(--ink-soft,var(--muted,#5f6673));--vr-paper:var(--paper,#fff);--vr-accent:var(--blue,#315ee8);--vr-accent-soft:#e8effe;--vr-green:#1f6b3d;--vr-green-soft:#eaf5ee;--vr-green-line:#cfe6d7;--vr-amber:#9a4b12;--vr-amber-soft:#fff4ea;--vr-amber-line:#f3dcc4;--vr-hover-line:#bdcce7;overflow-x:clip}.vr-page .button{margin-top:0}.vr-stack{gap:18px;display:grid}.vr-section{margin-top:48px;scroll-margin-top:100px}.vr-section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.vr-section-head h2{font-size:24px}.vr-section-head h2 small{letter-spacing:.1em;text-transform:uppercase;color:var(--vr-accent);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.vr-section-head p{color:var(--vr-soft);max-width:640px;margin-top:8px;font-size:14px;line-height:1.7}.vr-meta{color:var(--vr-soft);flex-wrap:wrap;gap:6px 14px;font-size:13px;display:flex}.vr-meta.top{margin:-12px 0 26px}.vr-inline-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.vr-author{color:var(--vr-soft);margin-top:28px;font-size:13px;line-height:1.7}.vr-author a{text-underline-offset:3px;text-decoration:underline}.vr-badge{letter-spacing:.02em;color:#3b4557;white-space:nowrap;background:#eef2f8;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.vr-badge.listen{background:var(--vr-accent-soft);color:#2748b8}.vr-badge.read,.vr-badge.done{background:var(--vr-green-soft);color:var(--vr-green)}.vr-badge.level{background:var(--blue-soft,#edf2ff);color:var(--blue,#315ee8)}.vr-level-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.vr-level-card{border:1px solid var(--line);background:var(--vr-paper);min-height:200px;color:inherit;border-radius:20px;flex-direction:column;gap:10px;padding:24px 22px;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex}.vr-level-card:hover{border-color:var(--vr-hover-line);transform:translateY(-3px);box-shadow:0 12px 28px #1527470f}.vr-level-card strong{letter-spacing:-.04em;font-size:30px;font-weight:650;line-height:1}.vr-level-card h3,.vr-level-card h2{letter-spacing:-.02em;margin:0;font-size:16px;font-weight:600}.vr-level-card p{color:var(--vr-soft);flex:1;margin:0;font-size:14px;line-height:1.65}.vr-level-card .vr-meta{margin-top:4px}.vr-level-card .vr-cta{color:var(--vr-accent);align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.vr-unit-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.vr-unit-row{border:1px solid var(--line);background:var(--vr-paper);color:inherit;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:16px 20px;transition:border-color .2s,background .2s;display:grid}.vr-unit-row:hover{border-color:var(--vr-hover-line);background:#f8faff}.vr-unit-num{letter-spacing:.08em;color:var(--vr-accent);min-width:40px;font-size:12px;font-weight:650}.vr-unit-row h3{letter-spacing:-.02em;margin:0;font-size:16px;font-weight:600}.vr-unit-row .vr-meta{margin-top:4px}.vr-unit-row>svg{color:var(--vr-soft)}.vr-table-wrap{border:1px solid var(--line);background:var(--vr-paper);border-radius:18px;overflow-x:auto}.vr-table{border-collapse:collapse;width:100%;min-width:620px;font-size:15px}.vr-table th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--vr-soft);border-bottom:1px solid var(--line);background:#fafbfd;padding:14px 18px;font-size:12px;font-weight:600}.vr-table td{border-bottom:1px solid var(--line);vertical-align:top;padding:14px 18px;line-height:1.55}.vr-table tr:last-child td{border-bottom:0}.vr-table td:first-child{font-weight:600}.vr-sound{color:var(--vr-soft);letter-spacing:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.vr-ex span{color:var(--vr-soft);font-size:14px;display:block}.vr-trainer{gap:18px;display:grid}.vr-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.vr-progress{color:var(--vr-soft);flex:1;align-items:center;gap:14px;min-width:220px;font-size:14px;display:flex}.vr-progress strong{color:var(--ink);white-space:nowrap;font-weight:600}.vr-progress-bar{background:#e6eaf1;border-radius:999px;flex:1;min-width:80px;height:6px;overflow:hidden}.vr-progress-bar span{background:var(--vr-accent);border-radius:999px;height:100%;transition:width .3s;display:block}.vr-card{text-align:center;border:1px solid var(--line);background:var(--vr-paper);width:100%;min-height:300px;color:inherit;cursor:pointer;border-radius:24px;align-content:center;justify-items:center;gap:14px;padding:44px 28px 48px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;position:relative}.vr-card:hover{border-color:var(--vr-hover-line);box-shadow:0 14px 34px #15274712}.vr-card-face{justify-items:center;gap:10px;animation:.22s vr-fade;display:grid}@keyframes vr-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.vr-card-word{letter-spacing:-.04em;overflow-wrap:anywhere;font-size:clamp(26px,5vw,38px);font-weight:650;line-height:1.15}.vr-card-sound{color:var(--vr-soft);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px}.vr-card-meaning{letter-spacing:-.03em;overflow-wrap:anywhere;font-size:clamp(22px,4vw,30px);font-weight:600;line-height:1.2}.vr-card-example{color:#2e3e55;max-width:540px;font-size:16px;line-height:1.6}.vr-card-example span{color:var(--vr-soft);margin-top:4px;font-size:14px;display:block}.vr-card-hint{color:var(--vr-soft);letter-spacing:.04em;font-size:12px;position:absolute;bottom:16px;left:16px;right:16px}.vr-card-status{position:absolute;top:16px;right:16px}.vr-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.vr-actions .button{min-height:46px;font-size:14px}.vr-button-know{background:var(--vr-green-soft);color:var(--vr-green);border-color:var(--vr-green-line)}.vr-button-know:hover{background:#dff0e5}.vr-button-learn{background:var(--vr-amber-soft);color:var(--vr-amber);border-color:var(--vr-amber-line)}.vr-button-learn:hover{background:#fdeada}.vr-row-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.vr-check{color:var(--vr-soft);cursor:pointer;align-items:center;gap:8px;min-height:40px;font-size:14px;display:inline-flex}.vr-check input{width:18px;height:18px;accent-color:var(--vr-accent);margin:0}.vr-ghost{min-height:40px;color:var(--vr-soft);background:0 0;border:0;border-radius:10px;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:600;display:inline-flex}.vr-ghost:hover{color:var(--ink);background:#eef2f8}.vr-status{min-height:20px;color:var(--vr-soft);text-align:center;font-size:13px}.vr-quiz-fr{letter-spacing:-.03em;color:#2e3e55;overflow-wrap:anywhere;margin:6px 0 22px;font-size:clamp(20px,3.6vw,28px);font-weight:600;line-height:1.35}.vr-quiz-fr.long{letter-spacing:0;font-size:17px;font-weight:450;line-height:1.75}.vr-quiz-head{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:14px;display:flex}.vr-word-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.vr-word-item{border:1px solid var(--line);background:var(--vr-paper);border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:8px 16px;padding:14px 18px;display:grid}.vr-word-item.learned{border-color:var(--vr-green-line);background:#f6fbf7}.vr-word-item strong{font-size:16px;font-weight:600}.vr-word-item p{color:var(--vr-soft);margin:2px 0 0;font-size:14px;line-height:1.5}.vr-icon-row{gap:6px;display:flex}.vr-icon-button{border:1px solid var(--line);background:var(--vr-paper);width:40px;height:40px;color:var(--vr-soft);border-radius:10px;place-items:center;transition:border-color .15s,color .15s,background .15s;display:inline-grid}.vr-icon-button:hover{border-color:var(--vr-hover-line);color:var(--ink)}.vr-icon-button[aria-pressed=true]{background:var(--vr-green-soft);border-color:var(--vr-green-line);color:var(--vr-green)}.vr-pager{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:30px;display:flex}.vr-pager a{border:1px solid var(--line);background:var(--vr-paper);border-radius:14px;align-items:center;gap:10px;max-width:100%;padding:14px 18px;font-size:14px;font-weight:600;transition:border-color .2s;display:inline-flex}.vr-pager a:hover{border-color:var(--vr-hover-line)}.vr-pager-text{min-width:0;display:block}.vr-pager-label{color:var(--vr-soft);margin-bottom:2px;font-size:12px;font-weight:500;display:block}.vr-pager a.next{text-align:right;margin-left:auto}.vr-level-nav{flex-wrap:wrap;gap:8px;margin:4px 0 30px;display:flex}.vr-level-nav a{border:1px solid var(--line);background:var(--vr-paper);border-radius:999px;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:14px;font-weight:600;transition:border-color .2s;display:inline-flex}.vr-level-nav a:hover{border-color:var(--vr-hover-line)}.vr-level-nav a small{color:var(--vr-soft);font-weight:500}.vr-story-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.vr-story-card{border:1px solid var(--line);background:var(--vr-paper);color:inherit;border-radius:18px;flex-direction:column;gap:10px;padding:22px 20px;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex}.vr-story-card:hover{border-color:var(--vr-hover-line);transform:translateY(-3px);box-shadow:0 12px 28px #1527470f}.vr-story-card .vr-meta{justify-content:space-between}.vr-story-card h3{letter-spacing:-.025em;margin:4px 0 0;font-size:18px;font-weight:600}.vr-title-en{color:var(--vr-soft);margin:-4px 0 0;font-size:14px}.vr-story-card p.vr-summary{color:#3b4557;flex:1;margin:0;font-size:14px;line-height:1.65}.vr-story-card .vr-cta{color:var(--vr-accent);align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.vr-reader{gap:18px;display:grid}.vr-reader-bar{border:1px solid var(--line);background:var(--vr-paper);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding:14px 18px;display:flex}.vr-reader-bar p{color:var(--vr-soft);flex:240px;margin:0;font-size:14px}.vr-switch{border:1px solid var(--line);background:var(--vr-paper);min-height:42px;color:var(--ink);border-radius:999px;align-items:center;gap:10px;padding:0 14px 0 12px;font-size:14px;font-weight:600;display:inline-flex}.vr-switch-track{background:#d7dce6;border-radius:999px;flex-shrink:0;width:38px;height:22px;transition:background .2s;position:relative}.vr-switch-track:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px}.vr-switch[aria-pressed=true] .vr-switch-track{background:var(--vr-accent)}.vr-switch[aria-pressed=true] .vr-switch-track:after{transform:translate(16px)}.vr-sentences{gap:12px;margin:0;padding:0;list-style:none;display:grid}.vr-sentence{border:1px solid var(--line);background:var(--vr-paper);border-radius:18px;gap:12px;padding:20px 22px;transition:border-color .2s,box-shadow .2s;display:grid}.vr-sentence.playing{border-color:var(--vr-accent);box-shadow:0 0 0 3px #315ee81f}.vr-sentence-top{align-items:flex-start;gap:14px;display:flex}.vr-sentence-num{color:var(--vr-soft);letter-spacing:.06em;min-width:22px;padding-top:9px;font-size:12px;font-weight:650}.vr-sentence-fr{letter-spacing:-.015em;color:#1d2738;overflow-wrap:anywhere;flex:1;margin:0;font-size:clamp(19px,2.6vw,24px);line-height:1.65}.vr-token{font:inherit;color:inherit;cursor:pointer;text-underline-offset:5px;background:0 0;border:0;border-radius:4px;margin:0 -1px;padding:0 1px;-webkit-text-decoration:underline dotted #315ee873;text-decoration:underline dotted #315ee873;text-decoration-thickness:1.5px;transition:background .15s}.vr-token:hover{-webkit-text-decoration-color:var(--vr-accent);text-decoration-color:var(--vr-accent);background:#eef3ff}.vr-token[aria-expanded=true]{color:#1f3fae;background:#e3ecff}.vr-sentence-en{color:var(--vr-soft);margin:0;padding-left:36px;font-size:15px;line-height:1.6;animation:.2s vr-fade}.vr-sentence-note{color:#6b5a2e;background:#fff8e8;border:1px solid #f1e3bd;border-radius:10px;margin:0 0 0 36px;padding:8px 12px;font-size:13px;line-height:1.6}.vr-sentence-tools{flex-wrap:wrap;gap:8px;padding-left:36px;display:flex}.vr-small-btn{border:1px solid var(--line);background:var(--vr-paper);min-height:38px;color:var(--ink);border-radius:999px;align-items:center;gap:6px;padding:0 13px;font-size:13px;font-weight:600;transition:border-color .15s,background .15s;display:inline-flex}.vr-small-btn:hover{border-color:var(--vr-hover-line)}.vr-small-btn.primary{background:var(--vr-accent);color:#fff;border-color:var(--vr-accent)}.vr-small-btn.primary:hover{filter:brightness(1.05)}.vr-small-btn[aria-pressed=true]:not(.primary){background:#eef2f8}.vr-gloss{background:#f4f7fd;border:1px solid #dbe4f7;border-radius:14px;gap:8px;margin-left:36px;padding:14px 16px;font-size:14px;animation:.2s vr-fade;display:grid}.vr-gloss-head{flex-wrap:wrap;align-items:baseline;gap:6px 12px;display:flex}.vr-gloss-head strong{font-size:17px;font-weight:650}.vr-gloss-head em{color:var(--vr-soft);font-size:13px;font-style:normal}.vr-gloss p{margin:0;font-size:15px;line-height:1.55}.vr-gloss p.note{color:var(--vr-soft);font-size:13px}.vr-gloss-tools{flex-wrap:wrap;gap:8px;display:flex}.vr-quiz-list{gap:14px;display:grid}.vr-quiz-item{border:1px solid var(--line);background:var(--vr-paper);border-radius:18px;padding:22px}.vr-quiz-item .task-question{margin-bottom:14px;font-size:17px}.vr-page .completion{border-radius:24px;padding:36px}.vr-page .completion h2{margin-bottom:10px}.vr-page .completion .vr-inline-actions{gap:10px}@media (max-width:650px){.vr-section{margin-top:36px}.vr-unit-row{grid-template-columns:1fr auto;gap:8px 12px;padding:14px 16px}.vr-unit-num{grid-column:1/-1}.vr-table{min-width:0}.vr-table thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.vr-table tr{border-bottom:1px solid var(--line);padding:14px 16px;display:block}.vr-table tr:last-child{border-bottom:0}.vr-table td{border:0;padding:2px 0;display:block}.vr-table td[data-label]:before{content:attr(data-label);letter-spacing:.08em;text-transform:uppercase;color:var(--vr-soft);margin-top:8px;font-size:11px;display:block}.vr-table td:first-child:before{display:none}.vr-card{min-height:250px;padding:36px 18px 44px}.vr-actions .button{flex:140px}.vr-actions .button:last-child{flex-basis:100%}.vr-sentence{padding:16px}.vr-sentence-top{gap:10px}.vr-sentence-num{min-width:18px}.vr-sentence-en,.vr-sentence-tools,.vr-gloss,.vr-sentence-note{margin-left:0;padding-left:0}.vr-reader-bar{padding:12px 14px}.vr-pager a,.vr-pager a.next{text-align:left;width:100%;margin-left:0}.vr-page .completion{padding:24px 20px}.vr-word-item{grid-template-columns:1fr}.vr-word-item .vr-icon-row{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.vr-level-card,.vr-unit-row,.vr-story-card,.vr-card,.vr-sentence,.vr-token,.vr-small-btn,.vr-icon-button,.vr-pager a,.vr-switch-track,.vr-switch-track:after,.vr-progress-bar span{transition:none}.vr-level-card:hover,.vr-story-card:hover{transform:none}.vr-card-face,.vr-sentence-en,.vr-gloss{animation:none}}