:root{--good:#15803d;--bad:#b42318;--gram-shadow:0 12px 36px #14215c17}[data-theme=dark]{--good:#4ade80;--bad:#f87171;--gram-shadow:0 18px 48px #00000052}.gram-page{--topic-color:var(--accent)}.gram-btn{background:var(--ink);min-height:42px;color:var(--surface);font-size:.9rem;font-weight:850;font-family:var(--sans);cursor:pointer;border:1.5px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.45rem;padding:.68rem 1rem;text-decoration:none;transition:transform .15s,border-color .15s,background .15s,color .15s;display:inline-flex}.gram-btn:hover{transform:translateY(-1px)}.gram-btn.secondary{background:var(--surface);color:var(--ink);border-color:var(--line-soft)}.gram-btn.accent{background:var(--topic-color);color:#fff}.gram-btn:disabled{opacity:.52;cursor:not-allowed;transform:none}.topic-hero{padding:3.2rem 0 2rem}.topic-hero__grid{grid-template-columns:minmax(0,1.05fr) minmax(280px,.62fr);align-items:center;gap:2rem;display:grid}.gram-h1{letter-spacing:-.04em;max-width:800px;color:var(--ink);margin:0;font-size:clamp(2.25rem,5vw,4.35rem);font-weight:950;line-height:.97}.gram-lead{max-width:700px;color:var(--muted);margin:1rem 0 0;font-size:1.08rem}.hero-actions{flex-wrap:wrap;gap:.65rem;margin-top:1.3rem;display:flex}.hero-brief{border:1.5px solid var(--line-soft);background:var(--surface);box-shadow:var(--gram-shadow);border-radius:8px;gap:.75rem;padding:1rem;display:grid}.hero-brief div{border:1px solid var(--line-soft);background:var(--bg-2);border-radius:8px;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:.75rem;padding:.9rem;display:grid}.hero-brief span{background:var(--topic-color);color:#fff;width:34px;height:34px;font-family:var(--mono);border-radius:8px;place-items:center;font-size:.75rem;font-weight:950;display:inline-grid}.hero-brief p{color:var(--muted);margin:0;font-size:.88rem}.section-label{color:var(--muted);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .85rem;font-size:.72rem;font-weight:850;display:block}.seo-article{border:1.5px solid var(--line-soft);background:var(--surface);box-shadow:var(--gram-shadow);border-radius:8px;margin-top:2.5rem;margin-bottom:2rem;padding:clamp(1rem,3vw,1.5rem)}.seo-article>.gram-h2{letter-spacing:-.04em;color:var(--ink);margin:0;font-size:clamp(1.75rem,3.8vw,2.65rem);font-weight:950;line-height:1.04}.article-lead{max-width:820px;color:var(--muted);margin:.85rem 0 1.2rem;font-size:1.03rem;line-height:1.6}.article-section{border-top:1px solid var(--line-soft);margin-top:1.3rem;padding-top:1.3rem}.article-section .gram-h2{letter-spacing:-.03em;color:var(--ink);margin:0 0 .65rem;font-size:clamp(1.28rem,2.5vw,1.8rem);font-weight:950;line-height:1.12}.article-section p{max-width:900px;color:var(--muted);margin:.75rem 0 0;font-size:1rem;line-height:1.72}.grammar-table{border:1px solid var(--line-soft);background:var(--surface);border-radius:8px;margin-top:1rem;display:grid;overflow:hidden}.grammar-table__row{border-top:1px solid var(--line-soft);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.grammar-table__row:first-child{border-top:0}.grammar-table__row span{border-left:1px solid var(--line-soft);color:var(--muted);overflow-wrap:anywhere;padding:.65rem;font-size:.9rem}.grammar-table__row span:first-child{border-left:0}.grammar-table__row.is-head{background:var(--bg-2);font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:900}.grammar-table__row.is-head span{color:var(--ink)}.example-stack{gap:.55rem;margin-top:1rem;display:grid}.example-stack div{border:1px solid var(--line-soft);background:var(--bg);border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;padding:.65rem;display:grid}.example-stack span{color:var(--muted);font-size:.86rem}.example-stack span:nth-child(2),.example-stack span:nth-child(4){color:var(--ink);font-family:var(--mono);font-weight:850}.visual-brief{border:1.5px solid color-mix(in srgb, var(--topic-color) 28%, var(--line-soft));border-top:5px solid var(--topic-color);background:linear-gradient(135deg, color-mix(in srgb, var(--topic-color) 9%, var(--surface)) 0%, color-mix(in srgb, var(--surface) 88%, var(--topic-color)) 100%);border-radius:18px;margin:1.35rem 0 1.55rem;padding:clamp(1rem,3vw,1.35rem);overflow:hidden}.visual-brief__header{grid-template-columns:minmax(0,.82fr) minmax(260px,.65fr);align-items:end;gap:1rem;margin-bottom:1rem;display:grid}.visual-brief__header .section-label{margin-bottom:.45rem}.visual-brief .gram-h3{color:var(--ink);letter-spacing:-.035em;margin:0;font-size:clamp(1.35rem,3vw,2.1rem);font-weight:950;line-height:1.05}.visual-brief__header p{color:var(--muted);margin:0;font-size:.95rem;line-height:1.58}.topic-lab{grid-template-columns:minmax(0,1fr) minmax(260px,.56fr);align-items:stretch;gap:1rem;margin-bottom:1rem;display:grid}.lab-stage{border:1px solid color-mix(in srgb, var(--topic-color) 25%, var(--line-soft));background:linear-gradient(90deg, color-mix(in srgb, var(--topic-color) 9%, transparent) 1px, transparent 1px), linear-gradient(0deg, color-mix(in srgb, var(--topic-color) 7%, transparent) 1px, transparent 1px), color-mix(in srgb, var(--surface) 86%, transparent);background-size:28px 28px;border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:.7rem;min-height:170px;padding:.9rem;display:grid;position:relative;overflow:hidden}.lab-stage:before{content:"";background:linear-gradient(90deg, transparent, var(--topic-color), transparent);opacity:.35;border-radius:999px;height:3px;animation:2.8s ease-in-out infinite labScan;position:absolute;inset:auto 8% 18px}.lab-token{z-index:1;border:1px solid color-mix(in srgb, var(--topic-color) 28%, var(--line-soft));background:color-mix(in srgb, var(--surface) 90%, transparent);text-align:center;min-height:104px;animation:3.6s ease-in-out infinite tokenFloat;animation-delay:calc(var(--i) * .16s);border-radius:14px;align-content:center;justify-items:center;gap:.5rem;padding:.65rem;display:grid;position:relative;box-shadow:0 10px 24px #14215c0f}.lab-token span{color:var(--muted);overflow-wrap:anywhere;font-size:.78rem;font-weight:850;line-height:1.25}.lab-token b{color:var(--topic-color);font-family:var(--mono);overflow-wrap:anywhere;font-size:1rem;font-weight:950;line-height:1.18}.lab-coach{border:1px solid color-mix(in srgb, var(--topic-color) 22%, var(--line-soft));background:color-mix(in srgb, var(--surface) 88%, var(--topic-color));border-radius:16px;align-content:center;gap:.8rem;padding:1rem;display:grid}.lab-coach>span{background:color-mix(in srgb, var(--topic-color) 14%, var(--surface));width:48px;height:48px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--topic-color) 20%, transparent);border-radius:14px;place-items:center;font-size:1.9rem;display:grid}.lab-coach strong{color:var(--ink);letter-spacing:-.02em;font-size:1.02rem;font-weight:900;line-height:1.35}.sense-tags{flex-wrap:wrap;gap:.45rem;display:flex}.sense-tags em{border:1px solid color-mix(in srgb, var(--topic-color) 26%, var(--line-soft));background:color-mix(in srgb, var(--surface) 80%, transparent);color:var(--muted);border-radius:999px;padding:.28rem .5rem;font-size:.72rem;font-style:normal;font-weight:820}.visual-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-bottom:1rem;display:grid}.visual-node{border:1px solid color-mix(in srgb, var(--topic-color) 22%, var(--line-soft));background:color-mix(in srgb, var(--surface) 84%, transparent);border-radius:14px;align-content:start;gap:.55rem;min-height:154px;padding:.9rem;animation:.55s both visualRise;display:grid}.visual-node:nth-child(2){animation-delay:80ms}.visual-node:nth-child(3){animation-delay:.16s}.visual-node>span{background:var(--topic-color);color:#fff;width:34px;height:34px;font-family:var(--mono);border-radius:8px;place-items:center;font-size:.72rem;font-weight:950;display:inline-grid}.visual-node strong{color:var(--ink);letter-spacing:-.02em;font-size:1rem;font-weight:950;line-height:1.12}.visual-node p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.48}.visual-node code{border:1px solid color-mix(in srgb, var(--topic-color) 25%, var(--line-soft));background:var(--surface);width:100%;color:var(--ink);font-family:var(--mono);overflow-wrap:anywhere;border-radius:10px;padding:.65rem;font-size:.9rem;font-weight:850;line-height:1.45;display:block}.decision-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin-bottom:1rem;display:grid}.flow-step{border:1px solid var(--line-soft);background:color-mix(in srgb, var(--surface) 90%, transparent);animation:.5s both visualRise;animation-delay:calc(var(--i) * 70ms + .12s);border-radius:14px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:.55rem;padding:.65rem;display:grid;position:relative}.flow-step>span{background:var(--topic-color);color:#fff;width:34px;height:34px;font-family:var(--mono);border-radius:8px;place-items:center;font-size:.72rem;font-weight:950;display:inline-grid}.flow-step:after{content:"";background:color-mix(in srgb, var(--topic-color) 58%, transparent);width:.45rem;height:2px;position:absolute;top:50%;right:-.55rem;transform:translateY(-50%)}.flow-step:last-child:after{display:none}.flow-step p{color:var(--ink);margin:0;font-size:.82rem;font-weight:760;line-height:1.35}.pattern-map{gap:.45rem;display:grid}.pattern-row{border:1px solid var(--line-soft);background:color-mix(in srgb, var(--surface) 92%, transparent);animation:.5s both visualSlide;animation-delay:calc(var(--i) * 65ms + .18s);border-radius:12px;grid-template-columns:minmax(90px,.8fr) minmax(90px,.8fr) minmax(0,1.4fr);align-items:center;gap:.5rem;padding:.6rem;display:grid}.pattern-row b{color:var(--topic-color);font-family:var(--mono);overflow-wrap:anywhere;font-size:.82rem;font-weight:950}.pattern-row span{color:var(--muted);overflow-wrap:anywhere;font-size:.84rem;font-weight:760}.pattern-row code{color:var(--ink);font-family:var(--mono);overflow-wrap:anywhere;font-size:.84rem;font-weight:850}.visual-alerts{gap:.45rem;margin-top:.85rem;display:grid}.visual-alerts p{color:var(--muted);align-items:flex-start;gap:.5rem;margin:0;font-size:.88rem;line-height:1.45;display:flex}.visual-alerts span{background:var(--topic-color);width:9px;min-width:9px;height:9px;box-shadow:0 0 0 5px color-mix(in srgb, var(--topic-color) 12%, transparent);border-radius:999px;margin-top:.38rem;animation:1.8s ease-in-out infinite visualPulse}.practice-journey{border:1.5px solid color-mix(in srgb, var(--topic-color) 24%, var(--line-soft));background:linear-gradient(135deg, color-mix(in srgb, var(--topic-color) 8%, var(--surface)) 0%, var(--surface) 68%);border-radius:18px;margin-bottom:1rem;padding:clamp(1rem,3vw,1.25rem);box-shadow:0 10px 28px #14215c0f}.practice-journey__intro{grid-template-columns:minmax(0,.8fr) minmax(240px,.6fr);align-items:end;gap:1rem;margin-bottom:.9rem;display:grid}.practice-journey .gram-h2{letter-spacing:-.035em;color:var(--ink);margin:0;font-size:clamp(1.3rem,3vw,2rem);font-weight:950;line-height:1.08}.practice-journey p{color:var(--muted);margin:0;font-size:.92rem;line-height:1.5}.journey-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.55rem;display:grid}.journey-step{border:1px solid var(--line-soft);background:color-mix(in srgb, var(--surface) 90%, transparent);min-height:158px;animation:.48s both visualRise;animation-delay:calc(var(--i) * 70ms);border-radius:14px;align-content:start;gap:.45rem;padding:.75rem;display:grid}.journey-step>span{background:var(--topic-color);color:#fff;width:32px;height:32px;font-family:var(--mono);border-radius:9px;place-items:center;font-size:.7rem;font-weight:950;display:grid}.journey-step b{color:var(--topic-color);font-family:var(--mono);text-transform:uppercase;letter-spacing:.02em;font-size:.75rem;font-weight:950}.journey-step strong{color:var(--ink);letter-spacing:-.02em;font-size:.86rem;font-weight:950;line-height:1.12}.journey-step p{color:var(--muted);margin:0;font-size:.76rem;line-height:1.38}.learning-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:1rem;margin-top:2.5rem;display:grid}.practice-main{min-width:0}.teacher-note{border:1.5px solid var(--line-soft);background:var(--surface);border-radius:8px;margin-bottom:1rem;padding:clamp(1rem,3vw,1.25rem);box-shadow:0 4px 18px #14215c0d}.teacher-note .gram-h2{letter-spacing:-.035em;color:var(--ink);margin:0;font-size:clamp(1.35rem,3vw,2rem);font-weight:950;line-height:1.08}.teacher-note p:last-child{max-width:850px;color:var(--muted);margin:.7rem 0 0}.level-strip{grid-template-columns:repeat(6,minmax(0,1fr));gap:.65rem;margin-bottom:1rem;display:grid}.level-card{border:1.5px solid var(--line-soft);background:var(--surface);min-height:126px;color:inherit;text-align:left;cursor:pointer;border-radius:8px;width:100%;padding:.75rem;transition:transform .15s,border-color .15s,box-shadow .15s}.level-card:hover,.level-card.is-active{border-color:color-mix(in srgb, var(--topic-color) 62%, var(--line-soft));transform:translateY(-1px);box-shadow:0 8px 24px #14215c14}.level-card.is-locked{opacity:.48;cursor:not-allowed}.level-card>span{background:color-mix(in srgb, var(--topic-color) 10%, var(--bg-2));min-width:30px;height:30px;color:var(--topic-color);font-family:var(--mono);border-radius:8px;place-items:center;font-size:.72rem;font-weight:950;display:inline-grid}.level-card strong{letter-spacing:-.02em;margin-top:.65rem;font-size:.86rem;font-weight:950;line-height:1.1;display:block}.level-card em{color:var(--muted);margin-top:.35rem;font-size:.7rem;font-style:normal;font-weight:750;display:block}.lesson-panel{border:1.5px solid var(--line-soft);background:var(--surface);box-shadow:var(--gram-shadow);border-radius:8px;overflow:hidden}.lesson-panel__bar{background:var(--topic-color);height:8px}.lesson-panel__inner{padding:clamp(1rem,3vw,1.45rem)}.level-kicker{flex-wrap:wrap;align-items:center;gap:.55rem;margin-bottom:.75rem;display:flex}.pill{border:1px solid var(--line-soft);background:var(--bg-2);min-height:26px;color:var(--muted);font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:.2rem .55rem;font-size:.68rem;font-weight:850;display:inline-flex}.pill.active{border-color:color-mix(in srgb, var(--topic-color) 45%, transparent);background:color-mix(in srgb, var(--topic-color) 10%, transparent);color:var(--topic-color)}.lesson-title{letter-spacing:-.04em;color:var(--ink);margin:0;font-size:clamp(1.55rem,3.4vw,2.35rem);font-weight:950;line-height:1.04}.lesson-intro{max-width:760px;color:var(--muted);margin:.7rem 0 1.15rem}.question-shell{border:1px solid var(--line-soft);background:var(--bg);border-radius:8px;padding:clamp(1rem,2.4vw,1.25rem)}.question-topline{color:var(--muted);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.8rem;font-size:.72rem;font-weight:850;display:flex}.mini-progress{background:var(--line-soft);border-radius:999px;flex:1;max-width:210px;height:7px;overflow:hidden}.mini-progress span{border-radius:inherit;background:var(--topic-color);height:100%;transition:width .2s;display:block}.scene-label{border:1px solid color-mix(in srgb, var(--topic-color) 26%, transparent);background:color-mix(in srgb, var(--topic-color) 8%, transparent);color:var(--topic-color);font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;margin-bottom:.72rem;padding:.22rem .55rem;font-size:.68rem;font-weight:900;display:inline-flex}.dialogue{gap:.72rem;margin:0;display:grid}.dialogue-line{border:1px solid var(--line-soft);background:var(--surface);border-radius:8px;grid-template-columns:96px minmax(0,1fr);align-items:start;gap:.8rem;padding:.75rem;display:grid}.speaker{color:var(--topic-color);font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;font-size:.78rem;font-weight:900}.dialogue-line p{margin:0;line-height:1.65}.story-text{border:1px solid var(--line-soft);background:var(--surface);border-radius:8px;margin:0;padding:1rem;line-height:2.05}.options{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-top:1rem;display:grid}.option{border:1.5px solid var(--line-soft);background:var(--surface);min-height:48px;color:var(--ink);font-family:var(--mono);cursor:pointer;border-radius:8px;font-size:.95rem;font-weight:900;transition:border-color .15s,background .15s,color .15s,transform .15s}.option:hover,.option.is-selected{border-color:var(--topic-color);background:color-mix(in srgb, var(--topic-color) 10%, transparent);color:var(--topic-color);transform:translateY(-1px)}.blank-number{background:var(--ink);width:23px;height:23px;color:var(--surface);font-family:var(--mono);vertical-align:baseline;border-radius:6px;place-items:center;margin:0 .18rem;font-size:.7rem;font-weight:900;display:inline-grid}select.blank-field,input.blank-field{border:1.5px solid var(--line-soft);background:var(--surface);color:var(--ink);width:148px;max-width:100%;font-family:var(--mono);text-align:center;border-radius:8px;outline:none;margin:0 .18rem;padding:.36rem .45rem;font-size:.88rem;font-weight:850}input.blank-field{min-width:132px}.answer-field{border:1.5px solid var(--line-soft);background:var(--surface);color:var(--ink);width:100%;min-height:48px;font-family:var(--sans);border-radius:8px;outline:none;padding:.72rem .8rem;font-size:1rem}select.blank-field:focus,input.blank-field:focus,.answer-field:focus{border-color:var(--topic-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--topic-color) 18%, transparent)}.write-card{border:1px solid var(--line-soft);background:var(--surface);border-radius:8px;margin-bottom:.9rem;padding:1rem}.write-card__label{color:var(--muted);font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;margin-bottom:.42rem;font-size:.7rem;font-weight:850;display:block}.write-card__text{color:var(--ink);margin:0;font-size:1.02rem;font-weight:760}.gram-actions{flex-wrap:wrap;gap:.65rem;margin-top:1rem;display:flex}.result-box{border:1px solid var(--line-soft);background:var(--bg);border-radius:8px;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:1rem;padding:1rem;display:grid}.score-ring{--pct:0;aspect-ratio:1;background:radial-gradient(circle at center, var(--surface) 0 58%, transparent 59%), conic-gradient(var(--topic-color) calc(var(--pct) * 1%), var(--line-soft) 0);border:1px solid var(--line-soft);border-radius:50%;place-items:center;width:130px;display:grid}.score-ring span{font-family:var(--mono);color:var(--ink);font-size:1.6rem;font-weight:950}.review-section{border:1.5px solid var(--line-soft);background:var(--surface);border-radius:8px;margin-top:1rem;padding:clamp(1rem,2.5vw,1.25rem)}.review-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.9rem;display:flex}.review-heading h3{letter-spacing:-.03em;color:var(--ink);margin:0;font-size:1.15rem;font-weight:950;line-height:1.15}.review-heading p{color:var(--muted);margin:.3rem 0 0;font-size:.88rem}.review-summary{border:1px solid color-mix(in srgb, var(--topic-color) 32%, transparent);background:color-mix(in srgb, var(--topic-color) 9%, transparent);min-height:28px;color:var(--topic-color);font-family:var(--mono);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:.25rem .65rem;font-size:.72rem;font-weight:900;display:inline-flex}.review-grid{gap:.7rem;display:grid}.review-card{border:1px solid var(--line-soft);border-left:4px solid var(--line-soft);background:var(--bg);border-radius:8px;padding:.85rem}.review-card.good{border-left-color:var(--good)}.review-card.bad{border-left-color:var(--bad)}.review-card__top{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.55rem;display:flex}.review-index,.review-status{min-height:24px;font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;padding:.15rem .5rem;font-size:.68rem;font-weight:900;display:inline-flex}.review-index{background:var(--ink);color:var(--surface)}.review-status{border:1px solid var(--line-soft);color:var(--muted);background:var(--surface)}.review-card.good .review-status{border-color:color-mix(in srgb, var(--good) 35%, transparent);color:var(--good);background:color-mix(in srgb, var(--good) 9%, transparent)}.review-card.bad .review-status{border-color:color-mix(in srgb, var(--bad) 35%, transparent);color:var(--bad);background:color-mix(in srgb, var(--bad) 8%, transparent)}.review-prompt{color:var(--ink);margin:0 0 .65rem;font-size:.92rem;line-height:1.55}.review-focus{border:1px solid color-mix(in srgb, var(--topic-color) 28%, var(--line-soft));background:color-mix(in srgb, var(--topic-color) 8%, var(--surface));width:fit-content;color:var(--topic-color);border-radius:999px;align-items:center;gap:.4rem;margin:0 0 .65rem;padding:.26rem .58rem;font-size:.78rem;font-weight:850;display:inline-flex}.review-focus span{color:var(--muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;font-size:.66rem}.review-answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-bottom:.65rem;display:grid}.review-answer{border:1px solid var(--line-soft);background:var(--surface);border-radius:8px;min-width:0;padding:.55rem .65rem}.review-answer span{color:var(--muted);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.15rem;font-size:.65rem;font-weight:850;display:block}.review-answer b{color:var(--ink);font-family:var(--mono);overflow-wrap:anywhere;font-size:.9rem;display:block}.review-explain{color:var(--muted);margin:0;font-size:.86rem;line-height:1.5}.study-rail{border:1.5px solid var(--line-soft);background:var(--surface);border-radius:8px;gap:.75rem;padding:.75rem;display:grid;position:sticky;top:88px}.rail-card{border:1px solid var(--line-soft);background:var(--bg);border-radius:8px;padding:.85rem}.rail-card.progress-card{background:color-mix(in srgb, var(--topic-color) 8%, var(--surface));border-color:color-mix(in srgb, var(--topic-color) 26%, var(--line-soft))}.rail-kicker{color:var(--muted);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.42rem;font-size:.68rem;font-weight:900;display:block}.rail-card strong{letter-spacing:-.02em;color:var(--ink);font-size:1rem;font-weight:950;line-height:1.15;display:block}.rail-card p,.rail-card li{color:var(--muted);font-size:.84rem}.rail-card p{margin:0}.rail-card ul{gap:.35rem;margin:0;padding-left:1rem;display:grid}.rail-card code{border:1px solid var(--line-soft);background:var(--surface);color:var(--ink);font-family:var(--mono);white-space:normal;border-radius:8px;margin-top:.6rem;padding:.55rem;font-size:.76rem;font-weight:850;display:block}.rail-meter{background:var(--line-soft);border-radius:999px;height:8px;margin-top:.7rem;overflow:hidden}.rail-meter span{border-radius:inherit;background:var(--topic-color);height:100%;transition:width .2s;display:block}.rail-card .grammar-table{margin-top:0;font-size:.72rem}.topic-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-top:2.5rem;padding-bottom:3rem;display:grid}.topic-nav__link{border:1.5px solid var(--line-soft);background:var(--surface);color:inherit;border-radius:8px;padding:1rem;text-decoration:none;transition:border-color .15s}.topic-nav__link:hover{border-color:var(--topic-color)}.topic-nav__link.next{text-align:right}.topic-nav__link>span{color:var(--muted);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:900;display:block}.topic-nav__link>strong{letter-spacing:-.02em;color:var(--ink);margin-top:.25rem;font-size:1.05rem;display:block}@keyframes visualRise{0%{opacity:.001;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes visualSlide{0%{opacity:.001;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes visualPulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes tokenFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes labScan{0%,to{opacity:.18;transform:translate(-18%)}50%{opacity:.48;transform:translate(18%)}}@media (prefers-reduced-motion:reduce){.lab-stage:before,.lab-token,.visual-node,.flow-step,.pattern-row,.journey-step,.visual-alerts span{transition-duration:.001ms!important;animation:none!important}}@media (max-width:1080px){.level-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.visual-brief__header,.visual-grid,.topic-lab,.practice-journey__intro{grid-template-columns:1fr}.journey-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.decision-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-step:after{display:none}}@media (max-width:940px){.topic-hero__grid,.learning-layout{grid-template-columns:1fr}.study-rail{position:static}}@media (max-width:720px){.topic-hero{padding-top:2.2rem}.level-strip,.options,.result-box,.review-answer-grid,.topic-nav{grid-template-columns:1fr}.dialogue-line{grid-template-columns:1fr;gap:.25rem}.question-topline{flex-direction:column;align-items:flex-start}.mini-progress{width:100%;max-width:none}.score-ring{margin:0 auto}.review-heading{display:grid}.decision-flow,.pattern-row{grid-template-columns:1fr}.lab-stage{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-grid,.journey-step{grid-template-columns:1fr;min-height:auto}.visual-brief{border-radius:14px;padding:1rem}.grammar-table__row,.example-stack div{grid-template-columns:1fr}.grammar-table__row span{border-left:0;border-top:1px solid var(--line-soft)}.grammar-table__row span:first-child{border-top:0}}