.lesson-page{min-height:calc(100vh - var(--layout-header));background-color:oklch(var(--background-alt));background-image:linear-gradient(oklch(var(--line-soft) / .64) .0625rem, transparent .0625rem), linear-gradient(90deg, oklch(var(--line-soft) / .64) .0625rem, transparent .0625rem);padding-block:1.5rem var(--section-space-content-desktop);background-size:1.5rem 1.5rem;overflow-x:clip}.lesson-page [id]{scroll-margin-top:calc(var(--layout-header) + 1.5rem)}.lesson-page .lesson-question[id],.lesson-page #speaking-lab{scroll-margin-top:calc(var(--layout-header) + 4.75rem)}.lesson-shell{align-items:start;display:grid}.lesson-page .lesson-shell{width:100%;max-width:none;padding-inline:var(--gutter-tablet);grid-template-columns:var(--layout-topic-library) minmax(0, var(--layout-reading));transition:grid-template-columns var(--transition-ui), gap var(--transition-ui);justify-content:center;gap:1.5rem;margin-inline:auto}.lesson-page .lesson-shell.is-library-collapsed{grid-template-columns:minmax(0, 0) minmax(0, var(--layout-reading));gap:0}.lesson-topic-library{width:100%;min-width:0;max-height:calc(100vh - var(--layout-header) - 3rem);top:calc(var(--layout-header) + 1.5rem);border-radius:var(--radius-lg);background:oklch(var(--card));box-shadow:var(--shadow-card);transition:opacity var(--transition-ui), box-shadow var(--transition-ui);flex-direction:column;display:flex;position:sticky;overflow:hidden}.lesson-shell.is-library-collapsed .lesson-topic-library{opacity:0;box-shadow:none;pointer-events:none}.lesson-topic-library__header{flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.65rem .45rem .5rem .85rem;display:flex}.lesson-topic-library__collapse{min-width:2rem;height:2rem;color:oklch(var(--muted-foreground));padding:0}.lesson-topic-library__scroll{scrollbar-width:thin;scrollbar-color:transparent transparent;flex:1;min-height:0;padding:0 .45rem .75rem;overflow:hidden auto}.lesson-topic-library__scroll:hover,.lesson-topic-library__scroll:focus-within{scrollbar-color:oklch(var(--faint)) transparent}.lesson-topic-library__scroll::-webkit-scrollbar{width:.375rem}.lesson-topic-library__scroll::-webkit-scrollbar-track{background:0 0}.lesson-topic-library__scroll::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:0 0}.lesson-topic-library__scroll:hover::-webkit-scrollbar-thumb{background:oklch(var(--faint))}.lesson-topic-library__scroll:focus-within::-webkit-scrollbar-thumb{background:oklch(var(--faint))}.lesson-topic-library__reopen-slot{width:0;height:0;overflow:visible}.lesson-topic-library__reopen{z-index:40;top:calc(var(--layout-header) + 1.25rem);left:var(--gutter-tablet);border-radius:var(--radius-md);background:oklch(var(--card));min-width:2.75rem;min-height:2.25rem;box-shadow:var(--shadow-card);color:oklch(var(--muted-foreground));cursor:pointer;font-family:var(--font-sans);font-size:var(--text-caption);letter-spacing:.02em;border:0;padding-inline:.75rem;font-weight:500;position:fixed}.lesson-topic-library__reopen:hover,.lesson-topic-library__reopen:focus-visible{color:oklch(var(--foreground))}.lesson-topic-index{gap:.35rem;display:grid}.lesson-topic-index__kicker{color:oklch(var(--faint));font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.08em;white-space:nowrap;margin:0;font-weight:650}.lesson-topic-index__group{min-width:0}.lesson-topic-index__toggle{border-radius:var(--radius-md);width:100%;min-height:1.85rem;color:oklch(var(--muted-foreground));cursor:pointer;font-family:var(--font-sans);font-size:var(--text-caption);text-align:left;background:0 0;border:0;grid-template-columns:.85rem minmax(0,1fr) auto;align-items:center;gap:.4rem;padding:.3rem .45rem;font-weight:600;display:grid}.lesson-topic-index__toggle:hover,.lesson-topic-index__toggle:focus-visible{background:oklch(var(--panel));color:oklch(var(--foreground))}.lesson-topic-index__chevron{width:.75rem;height:.75rem;color:oklch(var(--faint));transition:transform var(--transition-ui)}.lesson-topic-index__group.is-open .lesson-topic-index__chevron{transform:rotate(90deg)}.lesson-topic-index__group-label{min-width:0}.lesson-topic-index__count{min-width:1.25rem;color:oklch(var(--faint));font-family:var(--font-sans);font-size:var(--text-caption);font-variant-numeric:tabular-nums;text-align:right;font-weight:500}.lesson-topic-index__panel{transition:grid-template-rows var(--transition-ui);grid-template-rows:0fr;display:grid}.lesson-topic-index__group.is-open .lesson-topic-index__panel{grid-template-rows:1fr}.lesson-topic-index__panel>ol{gap:.1rem;min-height:0;margin:.15rem 0 .25rem;padding:0 0 0 .85rem;list-style:none;display:grid;overflow:hidden}.lesson-topic-index a{border-radius:var(--radius-md);color:oklch(var(--muted-foreground));font-size:var(--text-caption);overflow-wrap:anywhere;transition:color var(--transition-fast), background-color var(--transition-fast);padding:.38rem .55rem;font-weight:500;line-height:1.4;display:block}.lesson-topic-index a:hover{background:oklch(var(--panel));color:oklch(var(--foreground))}.lesson-topic-index a.is-current,.lesson-topic-index a[aria-current=page]{background:var(--accent-blue-soft);color:var(--accent-blue);font-weight:600}.lesson-topic-index a.is-current:hover,.lesson-topic-index a[aria-current=page]:hover{background:var(--accent-blue-soft);color:var(--accent-blue)}.lesson-topics-trigger{min-height:2.25rem;color:oklch(var(--muted-foreground));font-family:var(--font-mono);letter-spacing:.04em;white-space:nowrap;background:0 0;border:0;border-bottom:.125rem solid #0000;flex-shrink:0;align-items:center;padding:.2rem .35rem;font-size:.72rem;font-weight:650;display:none}.lesson-topic-sheet{z-index:80;grid-template-columns:minmax(0,18.5rem) minmax(0,1fr);display:grid;position:fixed;inset:0}.lesson-topic-sheet__backdrop{background:oklch(var(--foreground) / .28);border:0;position:absolute;inset:0}.lesson-topic-sheet__panel{z-index:1;background:oklch(var(--card));height:100%;box-shadow:var(--shadow-card);grid-template-rows:auto minmax(0,1fr);display:grid;position:relative;overflow:hidden}.lesson-topic-sheet__header{border-bottom:.0625rem solid oklch(var(--line-soft));justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;display:flex}.lesson-topic-sheet__header p{font-family:var(--font-mono);letter-spacing:.08em;font-size:.72rem;font-weight:700}.lesson-topic-sheet__header button{color:oklch(var(--muted-foreground));background:0 0;border:0;font-size:.82rem}.lesson-topic-sheet__panel .lesson-topic-index{scrollbar-width:thin;scrollbar-color:oklch(var(--faint)) transparent;padding:1rem 1.1rem 1.5rem;overflow:auto}.lesson-rail{top:calc(var(--layout-header) + 1.5rem);max-height:calc(100vh - var(--layout-header) - 3rem);border:.0625rem solid oklch(var(--border));border-radius:var(--radius-lg);background:oklch(var(--card) / .92);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);gap:1.5rem;padding:1.25rem;display:grid;position:sticky;overflow:auto}.lesson-progress{border-block:.0625rem solid oklch(var(--line-soft));gap:.625rem;padding-block:1rem;display:grid}.lesson-progress__meta{color:oklch(var(--muted-foreground));font-size:var(--text-caption);justify-content:space-between;align-items:center;gap:.75rem;display:flex}.lesson-progress__meta strong{color:oklch(var(--foreground));font-family:var(--font-mono)}.lesson-progress__track{border-radius:var(--radius-pill);background:oklch(var(--panel));height:.35rem;overflow:hidden}.lesson-progress__track span{border-radius:inherit;background:var(--success);width:8%;height:100%;display:block}.lesson-rail__nav{gap:.25rem;display:grid}.lesson-rail__nav a{border-radius:var(--radius-md);color:oklch(var(--muted-foreground));transition:background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);align-items:center;gap:.625rem;padding:.625rem .75rem;font-size:.84rem;display:flex}.lesson-rail__nav a:hover{background:oklch(var(--panel));color:oklch(var(--foreground));transform:translate(.125rem)}.lesson-rail__nav a span{color:oklch(var(--faint));font-family:var(--font-mono);font-size:.72rem}.lesson-rail__status{border-top:.0625rem dashed oklch(var(--border));grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;padding-top:1rem;display:grid}.lesson-rail__status strong{font-size:.78rem;display:block}.lesson-rail__status p{color:oklch(var(--faint));margin-top:.15rem;font-size:.7rem}.lesson-status-check{border:.0625rem solid oklch(var(--border));border-radius:var(--radius-pill);color:#0000;width:1.75rem;height:1.75rem;transition:background-color .28s cubic-bezier(.34, 1.56, .64, 1), color var(--transition-fast), transform .28s cubic-bezier(.34, 1.56, .64, 1);place-items:center;display:grid}.lesson-rail__status.is-complete .lesson-status-check{background:var(--success);color:oklch(var(--card));transform:scale(1.08)}.lesson-workspace{min-width:0}.lesson-page .lesson-workspace{width:100%;max-width:var(--layout-reading)}.lesson-breadcrumb{color:oklch(var(--muted-foreground));font-size:var(--text-caption);flex-wrap:wrap;align-items:center;gap:.625rem;margin-bottom:1rem;display:flex}.lesson-back-link{color:oklch(var(--muted-foreground));align-items:center;gap:.375rem;font-weight:600;display:inline-flex}.lesson-back-link:hover{color:oklch(var(--foreground));text-underline-offset:.25rem;text-decoration:underline}.lesson-hero{grid-template-columns:minmax(0,1.18fr) minmax(17rem,.82fr);min-height:24rem;display:grid;position:relative;overflow:hidden}.lesson-hero:after{background:oklch(var(--selection) / .8);content:"";width:8rem;height:1.75rem;position:absolute;bottom:-.75rem;right:38%;transform:rotate(-3deg)}.lesson-hero__content{z-index:1;align-self:center;min-width:0;padding:clamp(1.75rem,4vw,3rem);position:relative}.lesson-title{font-family:var(--font-mono);font-size:var(--text-display);letter-spacing:-.055em;gap:.25rem;margin-top:1.25rem;font-weight:600;line-height:1.04;display:grid}.lesson-title__mark{background:linear-gradient(to bottom, transparent 62%, oklch(var(--selection)) 62%);letter-spacing:-.045em;width:fit-content;font-size:.65em}.lesson-hero__lead{max-width:39rem;color:oklch(var(--muted-foreground));font-size:var(--text-lead);margin-top:1.5rem;line-height:1.75}.lesson-hero__metrics{flex-wrap:wrap;gap:.75rem 1.25rem;margin-top:2rem;display:flex}.lesson-hero__metrics span{color:oklch(var(--muted-foreground));font-size:var(--text-caption);align-items:center;gap:.4rem;font-weight:600;display:inline-flex}.lesson-hero__visual{border-left:.0625rem solid oklch(var(--line-soft));background:oklch(var(--panel));place-items:center;min-height:20rem;display:grid;position:relative;overflow:hidden}.lesson-hero__record-cluster{aspect-ratio:1;place-items:center;width:min(14rem,72%);display:grid;position:relative}.lesson-record{aspect-ratio:1;border:.125rem solid oklch(var(--foreground));border-radius:var(--radius-pill);background:repeating-radial-gradient(circle, oklch(var(--foreground)) 0 .0625rem, oklch(var(--panel)) .125rem .7rem);width:min(14rem,72%);box-shadow:.625rem .625rem 0 oklch(var(--selection));place-items:center;animation:12s linear infinite lesson-record-spin;display:grid;position:relative}.lesson-hero__record-cluster .lesson-record{width:100%}.lesson-record__groove{aspect-ratio:1;border:.5rem solid oklch(var(--card));border-radius:var(--radius-pill);background:oklch(var(--foreground));width:4.75rem;color:oklch(var(--card));place-items:center;animation:12s linear infinite lesson-record-counterspin;display:grid}.lesson-hero-wave{justify-content:center;align-items:center;gap:.3rem;height:2.5rem;display:flex;position:absolute;bottom:2rem;left:1.5rem;right:1.5rem}.lesson-hero-wave i,.lesson-audio__mini-wave i{border-radius:var(--radius-pill);background:oklch(var(--muted-foreground));width:.2rem;height:35%}.lesson-hero-wave i:nth-child(3n+1),.lesson-audio__mini-wave i:nth-child(3n+1){height:75%}.lesson-hero-wave i:nth-child(4n+2),.lesson-audio__mini-wave i:nth-child(4n+2){height:100%}.lesson-hero__hand-note,.lesson-hand-caption{font-family:var(--font-hand)}.lesson-hero__visual .ds-viz-hand.lesson-hero__hand-note{z-index:2;max-width:15rem;font-size:1rem;line-height:1.3;position:absolute;top:-3rem;left:auto;right:-5rem;transform:rotate(-3deg)}.lesson-overview{padding-block:4rem 1.75rem}.lesson-section-heading{justify-content:space-between;align-items:center;gap:1.25rem 1.75rem;display:flex}.lesson-section-heading .lesson-hand-caption{max-width:13.5rem;font-size:.98rem;line-height:1.35;transform:translateY(1.25rem)rotate(-1.5deg)}.lesson-tip-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem;display:grid}.lesson-tip-card{transition:transform var(--transition-fast), box-shadow var(--transition-fast);grid-template-columns:auto minmax(0,1fr);gap:1rem;padding:1.25rem;display:grid}.lesson-tip-card:hover{box-shadow:var(--shadow-dreamy);transform:translateY(-.1875rem)rotate(-.25deg)}.lesson-tip-card__index{color:oklch(var(--faint));font-family:var(--font-mono);font-size:var(--text-caption);font-weight:600}.lesson-tip-card h3{font-family:var(--font-mono);font-size:.95rem;font-weight:650}.lesson-tip-card p{color:oklch(var(--muted-foreground));margin-top:.6rem;font-size:.86rem;line-height:1.7}.lesson-word-bank{border:.0625rem dashed oklch(var(--border));border-radius:var(--radius-lg);background:oklch(var(--card) / .72);flex-wrap:wrap;align-items:center;gap:.625rem;margin-top:1.25rem;padding:1rem 1.25rem;display:flex}.lesson-word-bank__label{font-family:var(--font-mono);font-size:var(--text-caption);margin-right:.25rem;font-weight:650}.lesson-word-bank button{border-radius:var(--radius-sm);background:oklch(var(--selection));color:oklch(var(--foreground));cursor:pointer;font-family:var(--font-mono);transition:transform var(--transition-fast), box-shadow var(--transition-fast);border:0;padding:.32rem .55rem;font-size:.82rem;line-height:1.4}.lesson-word-bank button:hover,.lesson-word-bank button:focus-visible{transform:translateY(-.0625rem)}.lesson-word-bank button.is-active{box-shadow:inset 0 0 0 .09rem}.lesson-word-bank__note{color:oklch(var(--muted-foreground));font-family:var(--font-hand);margin-left:auto;font-size:.92rem;line-height:1.4;transform:rotate(-1deg)}.lesson-question-nav{top:var(--layout-header);z-index:30;border-block:.0625rem solid oklch(var(--line-soft));background:oklch(var(--background-alt) / .92);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);align-items:center;gap:1rem;min-width:0;max-width:100%;margin-top:1.35rem;padding-block:1rem;display:flex;position:sticky;overflow:visible}.lesson-question-nav__label{color:oklch(var(--muted-foreground));font-family:var(--font-mono);letter-spacing:.08em;font-size:.7rem;font-weight:650}.lesson-question-nav>div{gap:.5rem;display:flex}.lesson-question-nav a{border:.0625rem solid oklch(var(--border));border-radius:var(--radius-pill);background:oklch(var(--card));min-height:2.25rem;color:oklch(var(--muted-foreground));font-family:var(--font-mono);white-space:nowrap;transition:background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);align-items:center;gap:.5rem;padding-inline:.75rem;font-size:.72rem;font-weight:650;display:inline-flex}.lesson-question-nav a:hover{background:oklch(var(--foreground));color:oklch(var(--card));transform:translateY(-.0625rem)}.lesson-question-nav a span{font-family:var(--font-sans);font-weight:500}.lesson-question-list{gap:4rem;padding-top:3rem;display:grid}.lesson-question{border:.0625rem solid oklch(var(--border));border-radius:var(--radius-xl);background:oklch(var(--card));box-shadow:var(--shadow-dreamy);position:relative;overflow:hidden}.lesson-question:before{background:oklch(var(--selection));content:"";width:.0625rem;position:absolute;top:0;bottom:0;left:3.6rem}.lesson-question__header{border-bottom:.0625rem solid oklch(var(--line-soft));background:oklch(var(--background-alt));grid-template-columns:3.6rem minmax(0,1fr);gap:1.5rem;padding:1.75rem 2rem 1.75rem 0;display:grid;position:relative}.lesson-question__number{color:oklch(var(--muted-foreground));font-family:var(--font-mono);place-self:start center;font-size:.75rem;font-weight:650}.lesson-question__header h2{font-family:var(--font-mono);letter-spacing:-.03em;margin-top:.75rem;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:600;line-height:1.3}.lesson-angle-tabs{border-bottom:.0625rem solid oklch(var(--line-soft));background:oklch(var(--background-alt));grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding:1rem 1rem 1rem 4.6rem;display:grid}.lesson-angle-tabs[data-angle-count="1"]{grid-template-columns:minmax(0,1fr)}.lesson-angle-tabs[data-angle-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.lesson-angle-tabs button{border:.0625rem solid oklch(var(--border));border-radius:var(--radius-lg);background:oklch(var(--card));min-height:5.25rem;color:oklch(var(--muted-foreground));text-align:left;transition:border-color var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);align-content:start;gap:.3rem;padding:.8rem .9rem;display:grid}.lesson-angle-tabs button:hover{color:oklch(var(--foreground));transform:translateY(-.125rem)}.lesson-angle-tabs button.is-active{border-color:oklch(var(--foreground));background:oklch(var(--selection));color:oklch(var(--foreground))}.lesson-angle-tabs button span,.lesson-angle-tabs button small{font-size:.72rem}.lesson-angle-tabs button span{font-family:var(--font-mono);font-weight:650}.lesson-angle-tabs button strong{overflow-wrap:anywhere;font-size:.94rem;font-weight:650;line-height:1.35}.lesson-angle-tabs button small{color:oklch(var(--muted-foreground));line-height:1.4}.lesson-study-grid{grid-template-columns:minmax(0,1.55fr) minmax(14rem,.65fr);gap:1.5rem;padding:2rem 2rem 2rem 4.6rem;display:grid}.lesson-answer-column{min-width:0}.lesson-strategy-note{border:.0625rem solid oklch(var(--border));background:oklch(var(--background-alt));border-radius:46% 54% 49% 51%/8% 10% 7% 9%;grid-template-columns:auto minmax(0,1fr);gap:.875rem;padding:1.1rem 1.25rem;display:grid;position:relative}.lesson-strategy-note__icon{border-radius:var(--radius-pill);background:oklch(var(--selection));place-items:center;width:2rem;height:2rem;display:grid}.lesson-strategy-note__title{font-size:.78rem;font-weight:650}.lesson-strategy-note p{color:oklch(var(--muted-foreground));margin-top:.35rem;font-size:.88rem;line-height:1.7}.lesson-answer-path{counter-reset:answer-path;gap:.4rem;margin:.15rem 0 0;padding:0;list-style:none;display:grid}.lesson-answer-path li{counter-increment:answer-path;grid-template-columns:auto auto minmax(0,1fr);align-items:baseline;gap:.35rem .65rem;display:grid}.lesson-answer-path li:before{color:oklch(var(--faint));content:counter(answer-path, decimal-leading-zero);font-family:var(--font-mono);font-size:.66rem;font-weight:650}.lesson-answer-path strong{font-size:.82rem;font-weight:650}.lesson-answer-path span{color:oklch(var(--muted-foreground));font-size:.8rem;line-height:1.5}.lesson-answer{border-left:.25rem solid oklch(var(--foreground));background:oklch(var(--background-alt));margin-top:2.25rem;padding:1.5rem 1.5rem 1.5rem 1.75rem;position:relative}.lesson-answer:after{border-bottom:.0625rem solid oklch(var(--selection));content:"";border-radius:50%;height:.45rem;position:absolute;bottom:-.45rem;left:1rem;right:1rem;transform:rotate(-.4deg)}.lesson-answer__label{color:oklch(var(--muted-foreground));font-family:var(--font-mono);letter-spacing:.08em;align-items:center;gap:.4rem;font-size:.68rem;font-weight:650;display:flex}.lesson-answer>p{color:oklch(var(--foreground));margin-top:1rem;font-size:clamp(1.02rem,2vw,1.15rem);font-style:italic;line-height:2}.lesson-answer-sentence{border-radius:var(--radius-sm);transition:background-color var(--transition-fast);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-block:.12em}.lesson-answer-sentence.is-audio-current{background:var(--note-accent-soft)}.lesson-answer-phrase{border-bottom:.125rem solid oklch(var(--selection));border-radius:var(--radius-sm);background:oklch(var(--selection) / .46);color:inherit;font:inherit;transition:background-color var(--transition-fast), box-shadow var(--transition-fast);overflow-wrap:anywhere;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-inline:.14em;display:inline}.lesson-answer-phrase:hover,.lesson-answer-phrase.is-active{background:oklch(var(--selection));box-shadow:0 0 0 .125rem oklch(var(--selection))}.lesson-translation{border-top:.0625rem dashed oklch(var(--border));margin-top:1.25rem;padding-top:1rem}.lesson-translation summary{cursor:pointer;min-height:2.5rem;color:oklch(var(--muted-foreground));align-items:center;gap:.5rem;font-size:.83rem;font-weight:650;list-style:none;display:flex}.lesson-translation summary::-webkit-details-marker{display:none}.lesson-translation summary span{color:oklch(var(--muted-foreground));margin-left:auto;font-size:.72rem;font-weight:500}.lesson-translation p{border-radius:var(--radius-md);background:oklch(var(--panel));color:oklch(var(--muted-foreground));margin-top:.75rem;padding:1rem;font-size:.88rem;line-height:1.8}.lesson-expression-panel{border:.0625rem solid oklch(var(--border));border-radius:var(--radius-lg);background:oklch(var(--background-alt));align-self:start;overflow:hidden}.lesson-expression-disclosure>summary{list-style:none}.lesson-expression-disclosure>summary::-webkit-details-marker{display:none}.lesson-expression-panel__heading{border-bottom:.0625rem solid oklch(var(--line-soft));background:oklch(var(--card));align-items:center;gap:.75rem;padding:1rem;display:flex}.lesson-expression-panel__toggle,.lesson-expression-panel__toggle .is-closed-label{display:none}.lesson-expression-panel__heading strong{margin-top:.25rem;font-size:.8rem;display:block}.lesson-expression-focus{border-bottom:.0625rem solid oklch(var(--line-soft));min-height:7rem;padding:1.25rem 1rem}.lesson-expression-focus span{background:linear-gradient(to bottom, transparent 55%, oklch(var(--selection)) 55%);font-family:var(--font-mono);overflow-wrap:anywhere;font-size:.95rem;font-weight:650}.lesson-expression-focus p{color:oklch(var(--muted-foreground));margin-top:.75rem;font-size:.8rem;line-height:1.6}.lesson-expression-list{padding:.5rem;display:grid}.lesson-expression-list button{border-radius:var(--radius-md);min-height:2.5rem;color:oklch(var(--muted-foreground));text-align:left;transition:background-color var(--transition-fast), color var(--transition-fast);justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .65rem;font-size:.75rem;display:flex}.lesson-expression-list button span{overflow-wrap:anywhere;min-width:0}.lesson-expression-list button:hover,.lesson-expression-list button.is-active{background:oklch(var(--selection));color:oklch(var(--foreground))}.lesson-audio{border-top:.0625rem solid oklch(var(--line-soft));background:oklch(var(--background-alt));grid-template-columns:auto minmax(9rem,.7fr) minmax(8rem,1fr) auto;align-items:center;gap:1rem;padding:1rem 2rem 1rem 4.6rem;display:grid}.lesson-audio__play{border-radius:var(--radius-pill);background:oklch(var(--foreground));width:2.75rem;height:2.75rem;color:oklch(var(--card));box-shadow:var(--shadow-button);place-items:center;transition:transform .26s cubic-bezier(.34,1.56,.64,1);display:grid}.lesson-audio__play:hover{transform:scale(1.08)}.lesson-audio__play:disabled{cursor:not-allowed;box-shadow:none;opacity:.45;transform:none}.lesson-audio__meta>div{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.lesson-audio__meta strong{font-size:.82rem}.lesson-audio__meta>span,.lesson-audio__time{color:oklch(var(--muted-foreground));font-size:.7rem}.lesson-audio__meta>span{margin-top:.25rem;display:block}.lesson-audio__mini-wave{align-items:center;gap:.12rem;width:2.5rem;height:1rem;display:flex;overflow:hidden}.lesson-audio__mini-wave i{background:var(--note-accent);width:.12rem}.lesson-audio.is-playing .lesson-audio__mini-wave i{animation:.7s ease-in-out infinite alternate lesson-wave}.lesson-audio.is-playing .lesson-audio__mini-wave i:nth-child(2n){animation-delay:.12s}.lesson-audio.is-playing .lesson-audio__mini-wave i:nth-child(3n){animation-delay:.24s}.lesson-audio__time{font-family:var(--font-mono);white-space:nowrap}.lesson-audio__timeline{gap:.35rem;min-width:0;display:grid}.lesson-audio__range{align-items:center;height:2.75rem;display:grid;position:relative}.lesson-audio__range progress,.lesson-audio__range input{width:100%;height:.25rem;position:absolute}.lesson-audio__range progress{border-radius:var(--radius-pill);appearance:none;border:0;overflow:hidden}.lesson-audio__range progress::-webkit-progress-bar{background:oklch(var(--line-soft))}.lesson-audio__range progress::-webkit-progress-value{background:var(--note-accent)}.lesson-audio__range progress::-moz-progress-bar{background:var(--note-accent)}.lesson-audio__range input{cursor:pointer;appearance:none;background:0 0;height:100%;margin:0}.lesson-audio__range input::-webkit-slider-runnable-track{background:0 0;height:.25rem}.lesson-audio__range input::-webkit-slider-thumb{border:.125rem solid oklch(var(--card));border-radius:var(--radius-pill);background:var(--note-accent);width:.8rem;height:.8rem;box-shadow:0 0 0 .0625rem var(--note-accent);appearance:none;margin-top:-.275rem}.lesson-audio__range input::-moz-range-track{background:0 0;height:.25rem}.lesson-audio__range input::-moz-range-thumb{border:.125rem solid oklch(var(--card));border-radius:var(--radius-pill);background:var(--note-accent);width:.65rem;height:.65rem}.lesson-audio__range input:disabled{cursor:not-allowed;opacity:.45}.lesson-audio__controls{align-items:center;gap:.4rem;display:flex}.lesson-audio__skip,.lesson-audio__speed select{border:.0625rem solid oklch(var(--border));border-radius:var(--radius-md);background:oklch(var(--card));min-height:2.75rem;color:oklch(var(--muted-foreground));font-family:var(--font-mono);transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);font-size:.7rem}.lesson-audio__speed select:disabled{cursor:not-allowed;opacity:.5}.lesson-audio.is-unavailable .lesson-audio__mini-wave,.lesson-audio.is-unavailable .lesson-audio__time{opacity:.5}.lesson-audio__status{color:oklch(var(--muted-foreground));font-size:.72rem;font-weight:600}.lesson-audio__skip{justify-content:center;align-items:center;gap:.2rem;padding-inline:.55rem;display:inline-flex}.lesson-audio__skip:hover:not(:disabled),.lesson-audio__speed select:hover:not(:disabled){border-color:var(--note-accent);background:var(--note-accent-soft);color:var(--note-accent)}.lesson-audio__skip:disabled{cursor:not-allowed;opacity:.4}.lesson-audio__speed select{width:5.25rem;padding-inline:1.75rem 1rem;font-size:1rem}.lesson-audio__speed{display:inline-grid;position:relative}.lesson-audio__speed-icon{z-index:1;color:oklch(var(--faint));pointer-events:none;position:absolute;top:50%;left:.55rem;transform:translateY(-50%)}.lesson-audio__error{color:oklch(var(--destructive));grid-column:1/-1;font-size:.72rem}.lesson-practice{margin-top:var(--section-space-content-desktop);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2rem,4vw,3.5rem);padding:clamp(1.5rem,4vw,3rem);display:grid;overflow:hidden}.lesson-practice__intro{align-self:center;min-width:0}.lesson-practice__intro h2,.lesson-completion h2{font-family:var(--font-mono);letter-spacing:-.04em;margin-top:1.25rem;font-size:clamp(1.65rem,4vw,2.5rem);font-weight:600;line-height:1.2}.lesson-practice__intro>p,.lesson-completion>div>p:last-child{color:oklch(var(--muted-foreground));margin-top:1rem;line-height:1.75}.lesson-practice__question-tabs{overscroll-behavior-inline:contain;scrollbar-width:thin;gap:.5rem;max-width:100%;margin-top:1.5rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.lesson-practice__question-tabs button{border:.0625rem solid oklch(var(--border));border-radius:var(--radius-md);background:oklch(var(--card));width:2.75rem;height:2.75rem;color:oklch(var(--muted-foreground));font-family:var(--font-mono);flex:0 0 2.75rem;place-items:center;font-size:.75rem;font-weight:650;display:grid}.lesson-practice__question-tabs button:hover,.lesson-practice__question-tabs button.is-active{background:oklch(var(--foreground));color:oklch(var(--card))}.lesson-timer-card{border:.0625rem solid oklch(var(--border));border-radius:var(--radius-xl);background:oklch(var(--background-alt));padding:1.5rem;display:grid;position:relative;overflow:hidden}.lesson-timer-card__top{z-index:1;color:oklch(var(--faint));font-size:var(--text-caption);justify-content:space-between;align-items:center;gap:1rem;display:flex;position:relative}.lesson-timer-card__top span:first-child{color:oklch(var(--muted-foreground));align-items:center;gap:.4rem;font-weight:650;display:inline-flex}.lesson-timer-card__question{z-index:1;font-family:var(--font-mono);margin-top:1.5rem;font-size:1rem;font-weight:600;line-height:1.5;position:relative}.lesson-timer-card__actions{z-index:1;flex-wrap:wrap;gap:.75rem;display:flex;position:relative}.lesson-completion{margin-top:var(--section-space-content-desktop);border-top:.125rem solid oklch(var(--foreground));justify-items:start;padding-block:2rem 0;display:grid}.lesson-completion>div:first-child{max-width:44rem}.lesson-master-button{border:.0625rem solid oklch(var(--foreground));border-radius:var(--radius-md);background:oklch(var(--card));min-height:3.5rem;color:oklch(var(--foreground));font-size:var(--text-ui);transition:background-color var(--transition-fast), color var(--transition-fast), transform .3s cubic-bezier(.34, 1.56, .64, 1);align-items:center;gap:.75rem;margin-top:1.75rem;padding-inline:1.25rem;font-weight:650;display:inline-flex}.lesson-master-button:hover{transform:translateY(-.125rem)}.lesson-master-button>span{border:.0625rem solid oklch(var(--border));border-radius:var(--radius-pill);color:#0000;width:1.75rem;height:1.75rem;transition:background-color var(--transition-fast), color var(--transition-fast), transform .3s cubic-bezier(.34, 1.56, .64, 1);place-items:center;display:grid}.lesson-completion.is-complete .lesson-master-button{background:var(--success);color:oklch(var(--card))}.lesson-completion.is-complete .lesson-master-button>span{border-color:oklch(var(--card) / .48);color:oklch(var(--card));transform:scale(1.12)}.lesson-pagination{flex-wrap:wrap;gap:.75rem;margin-top:3rem;display:flex}.lesson-completion--nav-only{border-bottom:0}.lesson-completion--nav-only .lesson-pagination{margin-top:0}@keyframes lesson-record-spin{to{transform:rotate(360deg)}}@keyframes lesson-record-counterspin{to{transform:rotate(-360deg)}}@keyframes lesson-wave{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}@media (max-width:64rem){.lesson-page .lesson-shell,.lesson-page .lesson-shell.is-library-collapsed{padding-inline:var(--gutter-tablet)}.lesson-rail{display:none;position:static}.lesson-hero:after{right:46%}}.lesson-archive-note{border:1px solid oklch(var(--border));border-radius:var(--radius-md);color:oklch(var(--muted-foreground));background:oklch(var(--muted) / .45);align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.lesson-archive-note strong{color:oklch(var(--foreground))}@media (max-width:52rem){.lesson-hero{grid-template-columns:1fr}.lesson-hero__visual{border-top:.0625rem solid oklch(var(--line-soft));border-left:0;min-height:18rem;padding:3rem 1rem 1.5rem}.lesson-hero:after{display:none}.lesson-section-heading{flex-direction:column;align-items:flex-start;gap:.65rem}.lesson-section-heading .lesson-hand-caption{align-self:flex-start;max-width:min(100%,20rem);transform:none}.lesson-hero__visual .ds-viz-hand.lesson-hero__hand-note{max-width:min(15rem,100% - 2rem);top:-3rem;left:auto;right:-5rem;transform:rotate(-2deg)}.lesson-tip-grid,.lesson-study-grid{grid-template-columns:1fr}.lesson-expression-panel{display:block}.lesson-expression-disclosure{grid-template-columns:minmax(12rem,.75fr) minmax(0,1.25fr);display:grid}.lesson-expression-panel__heading{grid-column:1/-1}.lesson-expression-focus{border-right:.0625rem solid oklch(var(--line-soft));border-bottom:0;min-height:auto}.lesson-audio{grid-template-columns:auto minmax(0,1fr) auto}.lesson-audio__timeline{grid-area:2/1/auto/-1}.lesson-practice{grid-template-columns:1fr}}@media (min-width:40.001rem){.lesson-expression-panel__heading{pointer-events:none}.lesson-expression-disclosure:not([open])>.lesson-expression-focus{display:block}.lesson-expression-disclosure:not([open])>.lesson-expression-list{display:grid}}@media (max-width:40rem){.lesson-page{padding-block:1rem var(--section-space-content-mobile)}.lesson-shell{grid-template-columns:minmax(0,1fr);padding-inline:.75rem}.lesson-page .lesson-shell,.lesson-page .lesson-shell.is-library-collapsed{grid-template-columns:minmax(0,1fr);justify-content:stretch;gap:0;padding-inline:.75rem}.lesson-page .lesson-workspace{max-width:none}.lesson-topic-library,.lesson-topic-library__reopen-slot{display:none}.lesson-topics-trigger{display:inline-flex}.lesson-breadcrumb{padding-inline:.25rem}.lesson-hero__content{padding:1.5rem}.lesson-title{font-size:2.45rem}.lesson-hero__visual{min-height:18rem;padding:4.5rem 1rem 1.5rem}.lesson-record,.lesson-hero__record-cluster{width:10rem}.lesson-record__groove{width:3.75rem}.lesson-hero__visual .ds-viz-hand.lesson-hero__hand-note{max-width:min(13.5rem,100% - 2rem);font-size:.86rem;top:-2.75rem;left:auto;right:-5.35rem;transform:rotate(-2deg)}.lesson-overview{padding-block:3.5rem 2rem}.lesson-section-heading{flex-direction:column;align-items:flex-start}.lesson-section-heading .lesson-hand-caption{align-self:flex-start}.lesson-word-bank__note{width:100%;margin-left:0}.lesson-question-nav{margin-inline:-.75rem;padding-inline:.75rem}.lesson-question-nav__label{display:none}.lesson-question-list{gap:2.5rem;padding-top:2rem}.lesson-question:before{left:2.75rem}.lesson-question__header{grid-template-columns:2.75rem minmax(0,1fr);gap:.75rem;padding:1.25rem 1rem 1.25rem 0}.lesson-angle-tabs,.lesson-angle-tabs[data-angle-count]{grid-template-columns:1fr;padding:.75rem .75rem .75rem 3.5rem}.lesson-angle-tabs button{min-height:4.75rem}.lesson-study-grid{padding:1.5rem 1rem 1.5rem 3.5rem}.lesson-answer-path li{grid-template-columns:auto minmax(0,1fr)}.lesson-answer-path span{grid-column:2}.lesson-answer{padding:1.25rem}.lesson-answer>p{font-size:1rem;line-height:1.9}.lesson-expression-disclosure{display:block}.lesson-expression-panel__heading{cursor:pointer}.lesson-expression-panel__toggle{min-height:2.5rem;color:oklch(var(--muted-foreground));font-family:var(--font-mono);align-items:center;gap:.25rem;margin-left:auto;font-size:.68rem;font-weight:600;display:inline-flex}.lesson-expression-disclosure:not([open]) .lesson-expression-panel__toggle .is-open-label{display:none}.lesson-expression-disclosure:not([open]) .lesson-expression-panel__toggle .is-closed-label{display:inline}.lesson-expression-panel__toggle svg{transition:transform var(--transition-fast)}.lesson-expression-disclosure[open] .lesson-expression-panel__toggle svg{transform:rotate(180deg)}.lesson-expression-focus{border-right:0;border-bottom:.0625rem solid oklch(var(--line-soft))}.lesson-audio{grid-template-columns:auto minmax(0,1fr);padding:1rem 1rem 1rem 3.5rem}.lesson-audio__timeline{grid-area:2/1/auto/-1}.lesson-audio__controls{grid-area:3/1/auto/-1;justify-content:flex-end}.lesson-practice{margin-top:3rem;padding:1.25rem}.lesson-completion{margin-top:3rem;padding-inline:.5rem}}@media (prefers-reduced-motion:reduce){.lesson-record,.lesson-record__groove,.lesson-audio.is-playing .lesson-audio__mini-wave i{animation:none}.lesson-angle-tabs button,.lesson-topic-index__chevron,.lesson-topic-index__panel,.lesson-page .lesson-shell,.lesson-topic-library{transition:none}.lesson-angle-tabs button:hover{transform:none}}
.lesson-page{--note-accent:var(--accent-blue);--note-accent-soft:var(--accent-blue-soft)}.lesson-title__mark{background:linear-gradient(to bottom, transparent 62%, var(--accent-blue-soft) 62%)}.lesson-hero:after{background:var(--accent-blue-soft)}.lesson-record{box-shadow:.625rem .625rem 0 var(--accent-blue-soft)}.lesson-hero[data-variant=notes] .lesson-record{border-radius:var(--radius-xl);background:repeating-linear-gradient(to bottom, oklch(var(--card)) 0 1.15rem, oklch(var(--line-soft)) 1.15rem 1.2rem);animation:none;transform:rotate(-3deg)}.lesson-hero[data-variant=notes] .lesson-record__groove{border-radius:var(--radius-lg);animation:none}.lesson-hero__hand-note{color:var(--accent-blue)}.lesson-tip-card{border-top-width:.2rem}.lesson-tip-card[data-accent=blue]{border-top-color:var(--accent-blue)}.lesson-tip-card[data-accent=pink]{border-top-color:var(--accent-pink)}.lesson-tip-card[data-accent=green]{border-top-color:var(--accent-green)}.lesson-tip-card[data-accent=purple]{border-top-color:var(--accent-purple)}.lesson-tip-card[data-accent=gray]{border-top-color:var(--accent-gray)}.lesson-tip-card[data-accent=blue] .lesson-tip-card__index{color:var(--accent-blue)}.lesson-tip-card[data-accent=pink] .lesson-tip-card__index{color:var(--accent-pink)}.lesson-tip-card[data-accent=green] .lesson-tip-card__index{color:var(--accent-green)}.lesson-tip-card[data-accent=purple] .lesson-tip-card__index{color:var(--accent-purple)}.lesson-tip-card[data-accent=gray] .lesson-tip-card__index{color:var(--accent-gray)}.lesson-word-bank button:nth-of-type(5n+1){background:var(--accent-blue-soft);color:var(--accent-blue)}.lesson-word-bank button:nth-of-type(5n+2){background:var(--accent-pink-soft);color:var(--accent-pink)}.lesson-word-bank button:nth-of-type(5n+3){background:var(--accent-green-soft);color:var(--accent-green)}.lesson-word-bank button:nth-of-type(5n+4){background:var(--accent-orange-soft);color:var(--accent-orange)}.lesson-word-bank button:nth-of-type(5n){background:var(--accent-purple-soft);color:var(--accent-purple)}.lesson-word-bank button[data-accent=blue]{background:var(--accent-blue-soft);color:var(--accent-blue)}.lesson-word-bank button[data-accent=pink]{background:var(--accent-pink-soft);color:var(--accent-pink)}.lesson-word-bank button[data-accent=green]{background:var(--accent-green-soft);color:var(--accent-green)}.lesson-word-bank button[data-accent=orange]{background:var(--accent-orange-soft);color:var(--accent-orange)}.lesson-word-bank button[data-accent=purple]{background:var(--accent-purple-soft);color:var(--accent-purple)}.lesson-word-bank button[data-accent=gray]{background:var(--accent-gray-soft);color:var(--accent-gray)}.lesson-question[data-accent=blue],.answer-notebook[data-accent=blue]{--note-accent:var(--accent-blue);--note-accent-soft:var(--accent-blue-soft)}.lesson-question[data-accent=pink],.answer-notebook[data-accent=pink]{--note-accent:var(--accent-pink);--note-accent-soft:var(--accent-pink-soft)}.lesson-question[data-accent=green],.answer-notebook[data-accent=green]{--note-accent:var(--accent-green);--note-accent-soft:var(--accent-green-soft)}.lesson-question[data-accent=orange],.answer-notebook[data-accent=orange]{--note-accent:var(--accent-orange);--note-accent-soft:var(--accent-orange-soft)}.lesson-question[data-accent=purple],.answer-notebook[data-accent=purple]{--note-accent:var(--accent-purple);--note-accent-soft:var(--accent-purple-soft)}.lesson-question[data-accent=gray],.answer-notebook[data-accent=gray]{--note-accent:var(--accent-gray);--note-accent-soft:var(--accent-gray-soft)}.lesson-question:before{background:var(--note-accent);opacity:.5}.lesson-question__number{color:var(--note-accent)}.lesson-angle-tabs button.is-active{border-color:var(--note-accent);background:var(--note-accent-soft);box-shadow:inset .2rem 0 0 var(--note-accent);color:var(--note-accent)}.lesson-angle-tabs button.is-active small{color:var(--note-accent)}.lesson-strategy-note__icon{background:var(--note-accent-soft);color:var(--note-accent)}.lesson-answer{border-left-color:var(--note-accent)}.lesson-answer:after{border-color:var(--note-accent)}.lesson-answer-phrase{border-color:var(--note-accent);background:0 0;border-bottom-style:dashed;border-radius:0}.lesson-answer-phrase:hover{background:var(--note-accent-soft);box-shadow:none}.lesson-answer-phrase.is-active{background:linear-gradient(to bottom, transparent 64%, var(--note-accent-soft) 64%);box-shadow:none;border-bottom-style:solid}.lesson-expression-focus span{background:linear-gradient(to bottom, transparent 55%, var(--note-accent-soft) 55%)}.lesson-expression-list button:hover,.lesson-expression-list button.is-active{background:var(--note-accent-soft);color:var(--note-accent)}.lesson-audio__play{background:var(--note-accent)}.lesson-practice,.lesson-completion{border-top:.2rem solid var(--accent-blue)}
.lesson-answer>p{font-size:var(--text-reading);line-height:var(--leading-reading)}.lesson-answer-phrase{padding-inline:.08em}.lesson-translation[open] summary{color:oklch(var(--foreground))}.lesson-translation[open] summary span{color:oklch(var(--muted-foreground))}@media (min-width:64.0625rem){.lesson-page [id]{scroll-margin-top:calc(var(--layout-header) + 4rem)}.lesson-question-list{gap:3rem}.lesson-question__header{gap:1rem;padding:1rem 1.5rem 1rem 0}.lesson-question__header h2{margin-top:.35rem;font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.2}.lesson-angle-tabs{gap:.6rem;padding:.75rem .75rem .75rem 4.6rem}.lesson-angle-tabs button{min-height:4.75rem;padding:.7rem .8rem}.lesson-angle-tabs button strong{font-size:.86rem}.lesson-study-grid{grid-template-columns:minmax(0,1.62fr) minmax(13rem,.58fr);gap:1rem;padding:1rem 1.5rem 1rem 4.6rem}.lesson-strategy-note{gap:.7rem;padding:.85rem 1rem}.lesson-strategy-note p{font-size:.8rem;line-height:1.55}.lesson-answer-path{gap:.28rem}.lesson-answer-path strong{font-size:.78rem}.lesson-answer-path span{font-size:.74rem}.lesson-answer{margin-top:1rem;padding:.8rem 1rem .9rem 1.2rem}.lesson-answer>p{margin-top:.55rem}.lesson-answer:after{height:.55rem;bottom:-.3rem}.lesson-translation{margin-top:.65rem;padding-top:.45rem}.lesson-translation summary{min-height:1.75rem;font-size:.76rem}.lesson-translation p{margin-top:.35rem;padding:.65rem .8rem;font-size:.8rem;line-height:1.55}.lesson-expression-panel__heading{gap:.55rem;padding:.7rem .8rem}.lesson-expression-panel__heading strong{margin-top:.12rem;font-size:.82rem}.lesson-expression-focus{min-height:4.6rem;padding:.8rem}.lesson-expression-focus span{font-size:.86rem}.lesson-expression-focus p{margin-top:.45rem;font-size:.74rem}.lesson-expression-list{padding:.35rem}.lesson-expression-list button{min-height:1.95rem;padding:.35rem .5rem;font-size:.7rem}.lesson-audio{gap:.75rem;padding:.65rem 1.5rem .65rem 4.6rem}.lesson-audio__play{width:2.4rem;height:2.4rem}}@media (max-width:40rem){.lesson-answer>p{font-size:.96rem;line-height:var(--leading-reading)}}@media (min-width:52.001rem) and (max-width:72rem){.lesson-study-grid{grid-template-columns:minmax(0,1fr)}.lesson-expression-panel{width:100%}.lesson-expression-disclosure{grid-template-columns:minmax(12rem,.75fr) minmax(0,1.25fr);display:grid}.lesson-expression-panel__heading{grid-column:1/-1}.lesson-expression-focus{border-right:.0625rem solid oklch(var(--line-soft));border-bottom:0;min-height:auto}}
.lesson-progress__track span{background:var(--accent-blue)}.lesson-question-nav{gap:.75rem}.lesson-question-nav__meta{flex-shrink:0;gap:.15rem;min-width:5rem;display:grid}.lesson-topics-trigger:hover,.lesson-topics-trigger:focus-visible{border-bottom-color:var(--accent-blue);color:var(--accent-blue)}.lesson-angle-tabs button:hover{border-color:var(--note-accent)}.lesson-angle-tabs button:focus-visible{outline:.125rem solid var(--note-accent);outline-offset:.125rem}.lesson-topic-index__toggle:focus-visible,.lesson-topic-index a:focus-visible,.lesson-topic-library__collapse:focus-visible,.lesson-topic-library__reopen:focus-visible,.lesson-topic-sheet__header button:focus-visible{outline:.125rem solid var(--accent-blue);outline-offset:.125rem}.lesson-translation[open] summary span:before{content:"收起"}.lesson-translation:not([open]) summary span:before{content:"展开"}.lesson-question-nav__current{color:var(--accent-blue);font-family:var(--font-mono);letter-spacing:.04em;font-size:.7rem;font-weight:700}.lesson-question-nav>.lesson-question-nav__links{scrollbar-width:none;flex:1;gap:.5rem;min-width:0;padding-block:.28rem;display:flex;overflow-x:auto}.lesson-question-nav__links::-webkit-scrollbar{display:none}.lesson-question-nav a{transition:border-color var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);position:relative}.lesson-question-nav a:hover,.lesson-question-nav a.is-active{border-color:var(--accent-blue);background:var(--accent-blue-soft);color:var(--accent-blue)}.lesson-question-nav a.is-active{box-shadow:inset 0 -.16rem 0 var(--accent-blue)}.lesson-word-bank button:hover,.lesson-word-bank button:focus-visible{box-shadow:inset 0 0 0 .09rem}.lesson-word-bank button:focus-visible{outline:.125rem solid var(--accent-blue);outline-offset:.125rem}.lesson-practice__question-tabs button:hover,.lesson-practice__question-tabs button.is-active,.lesson-timer-card__actions>button:first-child{border-color:var(--accent-blue);background:var(--accent-blue);color:oklch(var(--card))}.lesson-completion.is-complete .lesson-master-button{border-color:var(--success)}
.lesson-page--notebook{--lesson-study-sticky-top:calc(var(--layout-header) + 4.5rem)}.lesson-page--notebook .lesson-shell{display:block}.lesson-page--notebook .lesson-notebook-sticky{top:var(--layout-header);z-index:30;border-block:.0625rem solid oklch(var(--line-soft));background:oklch(var(--background-alt) / .92);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);position:sticky}.lesson-page--notebook .lesson-question-nav{z-index:auto;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-block:0;position:static;top:auto}.lesson-page--notebook [id]{scroll-margin-top:calc(var(--lesson-study-sticky-top) + .75rem)}.lesson-notebook-body{grid-template-columns:var(--layout-sidebar) minmax(0, 1fr);align-items:start;gap:1.5rem;margin-top:2rem;display:grid}.lesson-notebook-main{min-width:0}.answer-notebook.lesson-blueprint-rail{top:var(--lesson-study-sticky-top);width:100%;min-width:0;position:sticky}.answer-notebook{border-right:.0625rem solid oklch(var(--border));align-self:start;padding-right:1rem;position:relative}.answer-notebook__current,.answer-notebook__angles>p,.answer-notebook__path>p,.answer-notebook__skeleton summary{font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.06em;text-transform:uppercase;font-weight:700}.answer-notebook__current{color:var(--accent-blue);align-items:baseline;gap:.35rem;display:flex}.answer-notebook__current strong{font-size:var(--text-caption);letter-spacing:.04em}.answer-notebook__prompt{background:linear-gradient(to bottom, transparent 72%, var(--note-accent-soft) 72%);width:fit-content;max-width:100%;color:oklch(var(--foreground));font-size:var(--text-caption);margin-top:.5rem;font-weight:600;line-height:1.45}.answer-notebook__angles,.answer-notebook__path,.answer-notebook__skeleton{margin-top:1.25rem}.answer-notebook__angles>p,.answer-notebook__path>p{color:oklch(var(--faint))}.answer-notebook__angles ol{gap:.25rem;margin-top:.5rem;display:grid}.answer-notebook__angles button{width:100%;color:oklch(var(--muted-foreground));font-size:var(--text-caption);text-align:left;transition:color var(--transition-fast);grid-template-columns:1.5rem minmax(0,1fr);align-items:baseline;gap:.5rem;padding-block:.35rem;line-height:1.4;display:grid}.answer-notebook__angles button span{color:oklch(var(--faint));font-family:var(--font-mono);font-size:.7rem;font-weight:650}.answer-notebook__angles button:hover,.answer-notebook__angles button.is-active{color:var(--note-accent)}.answer-notebook__angles button em{font-style:normal;font-weight:inherit}.answer-notebook__angles button.is-active{font-weight:650}.answer-notebook__angles button.is-active span{color:var(--note-accent)}.answer-notebook__angles button.is-active em{background:linear-gradient(to bottom, transparent 68%, var(--note-accent-soft) 68%)}.answer-notebook__angles button:focus-visible{outline:.125rem solid var(--note-accent);outline-offset:.125rem;border-radius:var(--radius-sm)}.answer-notebook__path ol{gap:.75rem;margin-top:.65rem;padding-left:.75rem;display:grid;position:relative}.answer-notebook__path ol:before{background:oklch(var(--border));content:"";width:.0625rem;position:absolute;top:.35rem;bottom:.35rem;left:0}.answer-notebook__path li{grid-template-columns:1.5rem minmax(0,1fr);align-items:start;gap:.5rem;display:grid;position:relative}.answer-notebook__path li:after{color:var(--note-accent);content:"↓";opacity:.7;font-size:.7rem;line-height:1;position:absolute;bottom:-.7rem;left:-.7rem}.answer-notebook__path li:last-child:after{content:none}.answer-notebook__path li>span{color:var(--note-accent);font-family:var(--font-mono);font-size:.7rem;font-weight:700}.answer-notebook__path strong{color:oklch(var(--foreground));font-size:var(--text-caption);font-weight:650;line-height:1.35;display:block}.answer-notebook__path small{color:oklch(var(--muted-foreground));font-family:var(--font-hand);margin-top:.15rem;font-size:.75rem;line-height:1.4;display:block}.answer-notebook__skeleton{border-top:.0625rem solid oklch(var(--line-soft));padding-top:.75rem}.answer-notebook__skeleton summary{color:oklch(var(--muted-foreground));cursor:pointer;text-transform:none;letter-spacing:.02em;font-size:var(--text-caption);justify-content:space-between;align-items:center;gap:.5rem;list-style:none;display:flex}.answer-notebook__skeleton summary::-webkit-details-marker{display:none}.answer-notebook__skeleton summary span{color:oklch(var(--faint));transition:transform var(--transition-fast);font-size:.9rem}.answer-notebook__skeleton[open] summary{color:var(--note-accent)}.answer-notebook__skeleton[open] summary span{transform:rotate(90deg)}.answer-notebook__skeleton summary:focus-visible{outline:.125rem solid var(--note-accent);outline-offset:.125rem;border-radius:var(--radius-sm)}.answer-notebook__skeleton p{color:oklch(var(--foreground));font-family:var(--font-hand);font-size:var(--text-caption);margin-top:.5rem;line-height:1.5}.study-rail-mobile{display:none}.study-rail-mobile__trigger{width:100%;min-height:2.5rem;color:oklch(var(--foreground));font-size:var(--text-caption);text-align:left;justify-content:space-between;align-items:center;gap:.75rem;padding-block:.5rem;display:flex}.study-rail-mobile__trigger span{flex-wrap:wrap;align-items:center;gap:.35rem;min-width:0;font-weight:650;display:flex}.study-rail-mobile__trigger i{color:oklch(var(--faint));font-style:normal}.study-rail-mobile__trigger b{color:var(--accent-blue);font-weight:500}.study-rail-sheet{display:none}.lesson-title--english-first{max-width:100%;font-size:clamp(2.6rem,5vw,4.35rem);display:block}.lesson-title__topic{background:linear-gradient(to bottom, transparent 68%, var(--note-accent-soft) 68%);overflow-wrap:anywhere;word-break:normal;max-width:100%;display:block}.lesson-title--english-first small{color:oklch(var(--muted-foreground));font-family:var(--font-sans);letter-spacing:0;margin-top:.8rem;font-size:clamp(.9rem,1.4vw,1.1rem);font-weight:600;line-height:1.5;display:block}.lesson-practice__title--english-first small{color:oklch(var(--muted-foreground));font-family:var(--font-sans);letter-spacing:0;margin-top:.6rem;font-size:.88rem;font-weight:500;line-height:1.6;display:block}@media (max-width:64rem){.lesson-page--english-first .lesson-title--english-first{font-size:clamp(2.35rem,5vw,3.4rem)}.lesson-notebook-body{gap:1rem}.answer-notebook{padding-right:.75rem}.answer-notebook__path small{display:none}.answer-notebook__path ol{gap:.5rem}.answer-notebook__path li:after{bottom:-.55rem}}@media (max-width:40rem){.lesson-page--notebook{--lesson-study-sticky-top:calc(var(--layout-header) + 7.25rem)}.lesson-notebook-body{grid-template-columns:minmax(0,1fr);margin-top:1.25rem}.lesson-blueprint-rail{display:none}.study-rail-mobile{border-top:.0625rem solid oklch(var(--line-soft));padding-inline:.25rem;display:block}.study-rail-sheet{display:block}.study-rail-sheet__backdrop{z-index:40;background:oklch(var(--foreground) / .28);position:fixed;inset:0}.study-rail-sheet__panel{z-index:41;border-top:.0625rem solid oklch(var(--border));border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:oklch(var(--card));max-height:75vh;box-shadow:var(--shadow-card);padding:1.25rem 1.25rem 1.5rem;position:fixed;bottom:0;left:0;right:0;overflow:auto}.study-rail-sheet__header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.study-rail-sheet__header p{font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.06em;text-transform:uppercase;font-weight:700}.study-rail-sheet__header button{color:var(--accent-blue);font-size:var(--text-caption);font-weight:650}.study-rail-sheet .answer-notebook{border-right:0;padding-right:0}.study-rail-sheet .answer-notebook__path small{display:block}.lesson-title--english-first{font-size:2.8rem}}@media (prefers-reduced-motion:reduce){.answer-notebook__angles button,.answer-notebook__skeleton summary span{transition:none}}
.lesson-page.lesson-page--refined{--p1r-ease:cubic-bezier(.22, 1, .36, 1);--p1r-hairline:oklch(var(--foreground) / .08);--p1r-hairline-strong:oklch(var(--foreground) / .14);--p1r-tilt:-.8deg;background-color:oklch(var(--background));background-image:radial-gradient(oklch(var(--dot) / .62) .0625rem, transparent .0625rem);background-size:1.375rem 1.375rem}@media (min-width:40.001rem){.lesson-page.lesson-page--refined .lesson-shell{grid-template-columns:var(--layout-topic-library) minmax(0, var(--layout-p1-reading));gap:clamp(1.5rem,2.4vw,2.5rem)}.lesson-page.lesson-page--refined .lesson-shell.is-library-collapsed{grid-template-columns:minmax(0, 0) minmax(0, var(--layout-p1-reading));gap:0}.lesson-page.lesson-page--refined .lesson-workspace{max-width:var(--layout-p1-reading)}}.lesson-page--refined .lesson-topic-library{border:.0625rem solid var(--p1r-hairline);background:oklch(var(--card) / .88);box-shadow:var(--shadow-paper);-webkit-backdrop-filter:saturate(1.3) blur(var(--blur-panel));backdrop-filter:saturate(1.3) blur(var(--blur-panel))}.lesson-page--refined .lesson-topic-index a.is-current,.lesson-page--refined .lesson-topic-index a[aria-current=page]{border-radius:0 var(--radius-md) var(--radius-md) 0;box-shadow:inset .1875rem 0 0 var(--accent-blue)}.lesson-page--refined .lesson-breadcrumb{font-family:var(--font-mono);letter-spacing:.04em;gap:.5rem;margin-bottom:1.1rem;font-size:.72rem}.lesson-page--refined .lesson-back-link{font-family:var(--font-sans);font-size:var(--text-caption);letter-spacing:0}.lesson-page--refined .lesson-back-link:hover{text-decoration:none}.lesson-page--refined .lesson-back-link svg{transition:transform var(--transition-ui)}.lesson-page--refined .lesson-back-link:hover svg{transform:translate(-.2rem)}.lesson-page--refined .lesson-hero__content>span:first-child,.lesson-page--refined .lesson-practice__intro>span:first-child,.lesson-page--refined .lesson-section-heading .ds-eyebrow{color:var(--accent-blue);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;background:0 0;border-radius:0;align-items:center;gap:.75rem;padding:0;font-size:.7rem;font-weight:700;line-height:1.2;display:inline-flex}.lesson-page--refined .lesson-hero__content>span:first-child:before,.lesson-page--refined .lesson-practice__intro>span:first-child:before,.lesson-page--refined .lesson-section-heading .ds-eyebrow:before{content:"";background:currentColor;width:1.75rem;height:.0625rem}.lesson-page--refined .lesson-hero{border:.0625rem solid var(--p1r-hairline);border-radius:var(--radius-xl);background:radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--accent-blue-soft) 72%, transparent), transparent 62%), oklch(var(--card));min-height:0;box-shadow:var(--shadow-paper);grid-template-columns:minmax(0,1.06fr) minmax(18rem,.94fr)}.lesson-page--refined .lesson-hero:after{display:none}.lesson-page--refined .lesson-hero__content{padding:clamp(1.75rem,1rem + 2.4vw,3.25rem)}.lesson-page--refined .lesson-title--english-first{font-family:var(--font-serif);font-size:var(--text-p1-display);letter-spacing:-.018em;text-wrap:balance;margin-top:1.15rem;font-weight:600;line-height:1.02}.lesson-page--refined .lesson-title__topic{background:linear-gradient(to bottom, transparent 64%, var(--accent-blue-soft) 64%, var(--accent-blue-soft) 92%, transparent 92%);width:fit-content;padding-inline:.04em}.lesson-page--refined .lesson-title--english-first small{color:oklch(var(--muted-foreground));letter-spacing:.01em;margin-top:.95rem;font-size:clamp(.92rem,.86rem + .22vw,1.05rem);font-weight:600}.lesson-page--refined .lesson-hero__lead{max-width:34rem;font-size:var(--text-ui);text-wrap:pretty;margin-top:1.15rem;line-height:1.75}.lesson-page--refined .lesson-hero__metrics{border-top:.0625rem solid var(--p1r-hairline-strong);gap:.75rem 0;width:fit-content;max-width:100%;margin-top:1.75rem;padding-top:1rem}.lesson-page--refined .lesson-hero__metrics span{border-left:.0625rem solid var(--p1r-hairline-strong);color:oklch(var(--muted-foreground));font-size:var(--text-caption);align-items:baseline;gap:.3rem;padding-inline:1.1rem;font-weight:500}.lesson-page--refined .lesson-hero__metrics span:first-child{border-left:0;padding-left:0}.lesson-page--refined .lesson-hero__metrics svg{display:none}.lesson-page--refined .lesson-hero__metrics strong{color:oklch(var(--foreground));font-family:var(--font-serif);font-variant-numeric:lining-nums tabular-nums;font-size:1.65rem;font-weight:600;line-height:1}.lesson-page--refined .lesson-hero__index{border-left:.0625rem solid var(--p1r-hairline);background-color:color-mix(in srgb, var(--accent-blue-soft) 42%, oklch(var(--background-alt)));background-image:radial-gradient(color-mix(in srgb, var(--accent-blue) 16%, transparent) .0625rem, transparent .0625rem);background-size:1rem 1rem;align-content:center;min-width:0;padding:clamp(1.75rem,1rem + 2vw,2.75rem) clamp(1.25rem,.75rem + 1.6vw,2.25rem);display:grid;position:relative}.lesson-page--refined .lesson-hero-index{border:.0625rem solid var(--p1r-hairline);border-radius:var(--radius-lg);background:oklch(var(--card));box-shadow:var(--shadow-paper), .45rem .5rem 0 -.0625rem oklch(var(--card)), .45rem .5rem 0 0 var(--p1r-hairline-strong);transform:rotate(var(--p1r-tilt));animation:p1r-settle .9s var(--p1r-ease) .16s both;padding:1.1rem 1rem .95rem;position:relative}.lesson-page--refined .lesson-hero-index:before{background:color-mix(in srgb, var(--accent-blue-soft) 82%, transparent);width:5.5rem;height:1.35rem;box-shadow:0 .0625rem .125rem oklch(var(--foreground) / .06);content:"";position:absolute;top:-.7rem;left:50%;transform:translate(-50%)rotate(-3deg)}.lesson-page--refined .lesson-hero-index__kicker{border-bottom:.0625rem dashed var(--p1r-hairline-strong);color:oklch(var(--faint));font-family:var(--font-mono);letter-spacing:.14em;justify-content:space-between;align-items:center;gap:1rem;padding:0 .35rem .7rem;font-size:.66rem;font-weight:700;display:flex}.lesson-page--refined .lesson-hero-index__kicker span:first-child{color:var(--accent-blue)}.lesson-page--refined .lesson-hero-index ol{scrollbar-width:thin;scrollbar-color:oklch(var(--faint)) transparent;margin:.35rem 0 0;padding:0;list-style:none;display:grid}.lesson-page--refined .lesson-hero-index:has(li:nth-child(6)){flex-direction:column;max-height:min(32rem,70vh);animation:none;display:flex;overflow:hidden;transform:none}.lesson-page--refined .lesson-hero-index:has(li:nth-child(6)) ol{overscroll-behavior:contain;flex:0 auto;min-height:0;overflow-y:auto}.lesson-page--refined .lesson-hero-index:has(li:nth-child(6)) a{padding-block:.48rem}.lesson-page--refined .lesson-hero-index li[data-accent=blue]{--p1r-row:var(--accent-blue);--p1r-row-soft:var(--accent-blue-soft)}.lesson-page--refined .lesson-hero-index li[data-accent=pink]{--p1r-row:var(--accent-pink);--p1r-row-soft:var(--accent-pink-soft)}.lesson-page--refined .lesson-hero-index li[data-accent=green]{--p1r-row:var(--accent-green);--p1r-row-soft:var(--accent-green-soft)}.lesson-page--refined .lesson-hero-index li[data-accent=purple]{--p1r-row:var(--accent-purple);--p1r-row-soft:var(--accent-purple-soft)}.lesson-page--refined .lesson-hero-index li[data-accent=gray]{--p1r-row:var(--accent-gray);--p1r-row-soft:var(--accent-gray-soft)}.lesson-page--refined .lesson-hero-index li+li{border-top:.0625rem dashed var(--p1r-hairline)}.lesson-page--refined .lesson-hero-index a{border-radius:var(--radius-md);transition:background-color var(--transition-fast), transform .26s var(--p1r-ease);grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.7rem;padding:.68rem .35rem;display:grid}.lesson-page--refined .lesson-hero-index a:hover{background:color-mix(in srgb, var(--p1r-row-soft) 70%, transparent);transform:translate(.15rem)}.lesson-page--refined .lesson-hero-index a:focus-visible{outline:.125rem solid var(--p1r-row);outline-offset:0}.lesson-page--refined .lesson-hero-index__number{border-radius:var(--radius-pill);background:var(--p1r-row-soft);color:var(--p1r-row);font-family:var(--font-mono);letter-spacing:.04em;margin-top:.08rem;padding:.3rem .42rem;font-size:.64rem;font-weight:700;line-height:1}.lesson-page--refined .lesson-hero-index__label{gap:.22rem;min-width:0;display:grid}.lesson-page--refined .lesson-hero-index__label strong{color:oklch(var(--foreground));font-family:var(--font-serif);text-wrap:pretty;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.88rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.lesson-page--refined .lesson-hero-index__label small{color:oklch(var(--muted-foreground));-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:.72rem;line-height:1.45;display:-webkit-box;overflow:hidden}.lesson-page--refined .lesson-hero-index a>svg{color:var(--p1r-row);opacity:0;transition:opacity var(--transition-fast), transform .26s var(--p1r-ease);margin-top:.15rem;transform:translate(-.3rem)}.lesson-page--refined .lesson-hero-index a:hover>svg,.lesson-page--refined .lesson-hero-index a:focus-visible>svg{opacity:1;transform:none}.lesson-page--refined .lesson-hero-index__note{border-top:.0625rem solid var(--p1r-hairline);background:oklch(var(--card));color:var(--accent-blue);font-family:var(--font-hand);flex-shrink:0;margin-top:.45rem;padding:.7rem .35rem 0;font-size:.9rem;line-height:1.4}.lesson-page--refined .lesson-overview{padding-block:var(--space-p1-section) 1.25rem}.lesson-page--refined .lesson-section-heading h2{font-family:var(--font-serif);font-size:var(--text-p1-title);letter-spacing:0;text-wrap:balance;margin-top:.7rem;font-weight:700;line-height:1.25}.lesson-page--refined .lesson-section-heading .lesson-hand-caption{color:var(--accent-blue)}.lesson-page--refined .lesson-tip-grid{border:.0625rem solid var(--p1r-hairline);border-radius:var(--radius-xl);background:var(--p1r-hairline);box-shadow:var(--shadow-paper);gap:.0625rem;margin-top:1.5rem;overflow:hidden}.lesson-page--refined .lesson-tip-grid:has(>:first-child:last-child){grid-template-columns:minmax(0,1fr)}:is(.lesson-page--refined .lesson-tip-grid:has(>:nth-child(2):last-child),.lesson-page--refined .lesson-tip-grid:has(>:nth-child(4))){grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-page--refined .lesson-tip-card{background:oklch(var(--card));box-shadow:none;transition:background-color var(--transition-ui);border:0;border-radius:0;grid-template-columns:minmax(0,1fr);gap:.7rem;padding:1.35rem 1.5rem 1.5rem;position:relative}.lesson-page--refined .lesson-tip-card+.lesson-tip-card{border-left:0}.lesson-page--refined .lesson-tip-card:hover{background:oklch(var(--background-alt));box-shadow:none;transform:none}.lesson-page--refined .lesson-tip-card__index{font-family:var(--font-serif);font-size:1.6rem;font-style:italic;font-weight:600;line-height:1}.lesson-page--refined .lesson-tip-card h3{font-family:var(--font-sans);font-size:.98rem;font-weight:700;line-height:1.4}.lesson-page--refined .lesson-tip-card p{text-wrap:pretty;margin-top:.4rem;font-size:.86rem;line-height:1.7}.lesson-page--refined .lesson-word-bank{border:.0625rem solid var(--p1r-hairline);border-radius:var(--radius-xl);background:oklch(var(--card) / .82);gap:.5rem;margin-top:1rem;padding:.9rem 1.1rem}.lesson-page--refined .lesson-word-bank__label{color:oklch(var(--muted-foreground));letter-spacing:.08em;margin-right:.35rem;font-size:.7rem}.lesson-page--refined .lesson-word-bank button{border:.0625rem solid color-mix(in srgb, currentColor 22%, transparent);border-radius:var(--radius-pill);font-family:var(--font-sans);transition:transform .26s var(--p1r-ease), box-shadow var(--transition-fast), border-color var(--transition-fast);padding:.34rem .75rem;font-size:.8rem;font-weight:550}.lesson-page--refined .lesson-word-bank button:hover,.lesson-page--refined .lesson-word-bank button:focus-visible{box-shadow:none;border-color:currentColor;transform:translateY(-.125rem)}.lesson-page--refined .lesson-word-bank button.is-active{box-shadow:0 0 0 .1875rem color-mix(in srgb, currentColor 16%, transparent);border-color:currentColor}.lesson-page--refined .lesson-question-nav{border-block-color:var(--p1r-hairline);background:oklch(var(--background) / .84);box-shadow:0 .75rem 1.5rem -1.4rem oklch(var(--foreground) / .3);-webkit-backdrop-filter:saturate(1.4) blur(var(--blur-panel));backdrop-filter:saturate(1.4) blur(var(--blur-panel));margin-top:1.25rem;padding-block:.6rem}.lesson-page--refined .lesson-question-nav a{border-color:var(--p1r-hairline-strong);border-radius:var(--radius-pill);background:oklch(var(--card));justify-content:center;min-width:2.75rem}.lesson-page--refined .lesson-question-nav a:hover{border-color:color-mix(in srgb, var(--accent-blue) 45%, transparent);background:var(--accent-blue-soft);color:var(--accent-blue)}.lesson-page--refined .lesson-question-nav a.is-active{border-color:var(--accent-blue);background:var(--accent-blue);box-shadow:0 .5rem 1rem -.75rem var(--accent-blue);color:oklch(var(--card))}@supports (animation-timeline:scroll()){.lesson-page--refined .lesson-question-nav:after{background:linear-gradient(90deg, color-mix(in srgb, var(--accent-blue) 30%, transparent), var(--accent-blue));content:"";transform-origin:0;height:.125rem;animation:linear both p1r-progress;animation-timeline:scroll(root);position:absolute;bottom:-.0625rem;left:0;right:0;transform:scaleX(0)}}.lesson-page--refined .lesson-question-list{gap:clamp(2.5rem,1.5rem + 2.5vw,3.75rem);padding-top:2rem}.lesson-page--refined .lesson-question{border-color:var(--p1r-hairline);box-shadow:var(--shadow-paper);overflow:clip}.lesson-page--refined .lesson-question:before{background:color-mix(in srgb, var(--note-accent) 22%, transparent);opacity:1}.lesson-page--refined .lesson-question__header{border-bottom-color:var(--p1r-hairline);background:linear-gradient(180deg, color-mix(in srgb, var(--note-accent-soft) 72%, oklch(var(--card))), oklch(var(--background-alt)));align-items:start}.lesson-page--refined .lesson-question__number{border-radius:var(--radius-pill);background:oklch(var(--card));box-shadow:inset 0 0 0 .0625rem color-mix(in srgb, var(--note-accent) 38%, transparent);letter-spacing:.04em;margin-top:.1rem;padding:.3rem .45rem;font-size:.66rem;font-weight:700;line-height:1}.lesson-page--refined .lesson-question__header .ds-eyebrow{color:var(--note-accent);font-family:var(--font-mono);letter-spacing:.16em;font-size:.64rem;font-weight:700}.lesson-page--refined .lesson-question__header h2{font-family:var(--font-serif);font-size:var(--text-p1-prompt);letter-spacing:-.005em;text-wrap:balance;margin-top:.5rem;font-weight:600;line-height:1.28}.lesson-page--refined .lesson-angle-tabs{border-bottom-color:var(--p1r-hairline);background:oklch(var(--background-alt))}.lesson-page--refined .lesson-angle-tabs button{border-color:var(--p1r-hairline-strong);background:oklch(var(--card) / .55);transition:border-color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-ui), transform .26s var(--p1r-ease);padding-right:1.75rem;position:relative}.lesson-page--refined .lesson-angle-tabs button span{color:oklch(var(--muted-foreground));letter-spacing:.1em;font-size:.64rem}.lesson-page--refined .lesson-angle-tabs button small{font-family:var(--font-serif);font-size:.78rem;font-style:italic}.lesson-page--refined .lesson-angle-tabs button:hover{border-color:color-mix(in srgb, var(--note-accent) 40%, transparent);background:oklch(var(--card))}.lesson-page--refined .lesson-angle-tabs button:after{border:.0625rem solid var(--p1r-hairline-strong);border-radius:var(--radius-pill);content:"";width:.5rem;height:.5rem;transition:background-color var(--transition-fast), border-color var(--transition-fast), transform .26s var(--p1r-ease);position:absolute;top:.95rem;right:.85rem}.lesson-page--refined .lesson-angle-tabs button.is-active{border-color:color-mix(in srgb, var(--note-accent) 55%, transparent);background:oklch(var(--card));box-shadow:0 .85rem 1.5rem -1.15rem color-mix(in srgb, var(--note-accent) 70%, transparent), inset 0 0 0 .0625rem color-mix(in srgb, var(--note-accent) 22%, transparent);color:oklch(var(--foreground))}.lesson-page--refined .lesson-angle-tabs button.is-active span{color:var(--note-accent)}.lesson-page--refined .lesson-angle-tabs button.is-active small{color:oklch(var(--muted-foreground))}.lesson-page--refined .lesson-angle-tabs button.is-active:after{border-color:var(--note-accent);background:var(--note-accent);transform:scale(1.15)}.lesson-page--refined .lesson-strategy-note{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--note-accent-soft) 62%, oklch(var(--card)));border:0;align-items:center;padding:.75rem 1rem}.lesson-page--refined .lesson-strategy-note__icon{background:oklch(var(--card));width:1.85rem;height:1.85rem;box-shadow:inset 0 0 0 .0625rem color-mix(in srgb, var(--note-accent) 25%, transparent)}.lesson-page--refined .lesson-strategy-note__title{color:var(--note-accent);letter-spacing:.02em;font-size:.74rem}.lesson-page--refined .lesson-strategy-note p{color:oklch(var(--foreground));margin-top:.15rem;font-size:.86rem;line-height:1.55}.lesson-page--refined .lesson-answer{background:0 0;border-left-width:.1875rem;margin-top:1.25rem;padding:.3rem 0 .35rem 1.35rem}.lesson-page--refined .lesson-answer:after{display:none}.lesson-page--refined .lesson-answer__label{color:var(--note-accent);letter-spacing:.16em;font-size:.64rem}.lesson-page--refined .lesson-answer>p{color:oklch(var(--foreground));font-family:var(--font-serif);font-size:var(--text-p1-answer);font-style:normal;line-height:var(--leading-p1-answer);text-wrap:pretty;margin-top:.65rem}.lesson-page--refined .lesson-answer-phrase{transition:background-color var(--transition-ui), border-color var(--transition-fast);border-bottom-width:.09375rem}.lesson-page--refined .lesson-answer-sentence{transition:background-color var(--transition-ui)}.lesson-page--refined .lesson-translation{border-top-color:var(--p1r-hairline-strong);margin-top:1rem}.lesson-page--refined .lesson-translation summary svg{color:var(--note-accent)}.lesson-page--refined .lesson-translation p{background:color-mix(in srgb, var(--note-accent-soft) 34%, oklch(var(--background-alt)));font-size:.86rem;line-height:1.75}.lesson-page--refined .lesson-expression-panel{border-color:var(--p1r-hairline-strong);background:oklch(var(--card));box-shadow:var(--shadow-card)}.lesson-page--refined .lesson-expression-panel__heading{border-bottom-color:var(--p1r-hairline);background:color-mix(in srgb, var(--note-accent-soft) 55%, oklch(var(--card)))}.lesson-page--refined .lesson-expression-panel__heading>svg,.lesson-page--refined .lesson-expression-panel__heading .ds-eyebrow{color:var(--note-accent)}.lesson-page--refined .lesson-expression-panel__heading .ds-eyebrow{font-family:var(--font-mono);letter-spacing:.14em;font-size:.62rem;font-weight:700}.lesson-page--refined .lesson-expression-focus{border-bottom-color:var(--p1r-hairline);background:oklch(var(--background-alt))}.lesson-page--refined .lesson-expression-focus span{font-family:var(--font-serif);font-size:1.02rem;font-weight:600}.lesson-page--refined .lesson-expression-focus p{font-size:.78rem}.lesson-page--refined .lesson-expression-list{counter-reset:p1r-phrase;gap:.5rem;padding:.65rem .55rem .75rem}.lesson-page--refined .lesson-expression-list button{counter-increment:p1r-phrase;gap:.55rem;min-height:2.75rem;padding:.7rem .75rem;font-size:.78rem;line-height:1.45}.lesson-page--refined .lesson-expression-list button:before{color:oklch(var(--faint));content:counter(p1r-phrase, decimal-leading-zero);font-family:var(--font-mono);flex-shrink:0;font-size:.6rem;font-weight:700}.lesson-page--refined .lesson-expression-list button span{flex:1}.lesson-page--refined .lesson-expression-list button.is-active:before{color:var(--note-accent)}.lesson-page--refined .lesson-audio{border-top-color:var(--p1r-hairline)}.lesson-page--refined .lesson-practice{margin-top:var(--space-p1-section);border:.0625rem solid var(--p1r-hairline);border-radius:var(--radius-xl);background:radial-gradient(90% 120% at 100% 0%, color-mix(in srgb, var(--accent-blue-soft) 78%, transparent), transparent 58%), oklch(var(--card));box-shadow:var(--shadow-paper)}.lesson-page--refined .lesson-practice__title--english-first{font-family:var(--font-serif);letter-spacing:-.01em;font-size:clamp(1.75rem,1.3rem + 1.3vw,2.4rem);font-weight:600;line-height:1.12}.lesson-page--refined .lesson-practice__intro>p{font-size:var(--text-ui);text-wrap:pretty}.lesson-page--refined .lesson-practice__question-tabs button{border-color:var(--p1r-hairline-strong);border-radius:var(--radius-pill);transition:background-color var(--transition-fast), color var(--transition-fast), transform .26s var(--p1r-ease)}.lesson-page--refined .lesson-practice__question-tabs button:hover{transform:translateY(-.125rem)}.lesson-page--refined .lesson-timer-card{border-color:var(--p1r-hairline);background:oklch(var(--background-alt) / .92);box-shadow:var(--shadow-card)}.lesson-page--refined .lesson-timer-card__question{font-family:var(--font-serif);text-wrap:balance;font-size:1.08rem;line-height:1.45}.lesson-page--refined .lesson-completion{margin-top:var(--space-p1-section);border-top:.0625rem solid var(--p1r-hairline-strong);padding-top:1.5rem}.lesson-page--refined .lesson-pagination{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:100%;display:grid}.lesson-page--refined .lesson-pagination>a{border:.0625rem solid var(--p1r-hairline-strong);border-radius:var(--radius-lg);background:oklch(var(--card));height:auto;min-height:4.5rem;box-shadow:var(--shadow-card);color:oklch(var(--foreground));font-size:var(--text-ui);text-align:left;white-space:normal;transition:border-color var(--transition-fast), box-shadow var(--transition-ui), transform .26s var(--p1r-ease);justify-content:flex-start;padding:1rem 1.25rem}.lesson-page--refined .lesson-pagination>a:last-child{text-align:right;justify-content:flex-end}.lesson-page--refined .lesson-pagination>a:hover{border-color:color-mix(in srgb, var(--accent-blue) 40%, transparent);background:oklch(var(--card));box-shadow:var(--shadow-paper);transform:translateY(-.125rem)}.lesson-page--refined .lesson-pagination>a svg{color:var(--accent-blue);transition:transform .26s var(--p1r-ease);flex-shrink:0}.lesson-page--refined .lesson-pagination>a:first-child:hover svg{transform:translate(-.2rem)}.lesson-page--refined .lesson-pagination>a:last-child:hover svg{transform:translate(.2rem)}.lesson-page--refined .lesson-hero__content>*{animation:p1r-rise .72s var(--p1r-ease) both}.lesson-page--refined .lesson-hero__content>:nth-child(2){animation-delay:60ms}.lesson-page--refined .lesson-hero__content>:nth-child(3){animation-delay:.12s}.lesson-page--refined .lesson-hero__content>:nth-child(4){animation-delay:.18s}.lesson-page--refined .lesson-strategy-note,.lesson-page--refined .lesson-answer{animation:p1r-fade .42s var(--p1r-ease) both}.lesson-page--refined .lesson-answer{animation-delay:50ms}@supports (animation-timeline:view()){.lesson-page--refined .lesson-question,.lesson-page--refined .lesson-practice{animation:linear both p1r-reveal;animation-timeline:view();animation-range:entry entry 32%}}@keyframes p1r-rise{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:none}}@keyframes p1r-settle{0%{opacity:0;transform:translateY(1rem)rotate(2deg)}to{opacity:1;transform:rotate(var(--p1r-tilt))}}@keyframes p1r-fade{0%{opacity:0;transform:translateY(.35rem)}to{opacity:1;transform:none}}@keyframes p1r-reveal{0%{opacity:.001;transform:translateY(1.5rem)}to{opacity:1;transform:none}}@keyframes p1r-progress{to{transform:scaleX(1)}}@media (hover:none){.lesson-page--refined .lesson-hero-index a>svg{opacity:.55;transform:none}}@media (max-width:52rem){.lesson-page.lesson-page--refined{--p1r-tilt:-.4deg}.lesson-page--refined .lesson-hero{grid-template-columns:minmax(0,1fr)}.lesson-page--refined .lesson-hero__index{border-top:.0625rem solid var(--p1r-hairline);border-left:0}:is(.lesson-page--refined .lesson-tip-grid,.lesson-page--refined .lesson-tip-grid:has(>:nth-child(2):last-child),.lesson-page--refined .lesson-tip-grid:has(>:nth-child(4))){grid-template-columns:minmax(0,1fr)}.lesson-page--refined .lesson-tip-card{grid-template-columns:2.25rem minmax(0,1fr);gap:.75rem;padding:1.1rem 1.2rem 1.2rem}}@media (max-width:40rem){.lesson-page--refined .lesson-hero__content{padding:1.6rem 1.35rem 1.5rem}.lesson-page--refined .lesson-title--english-first{font-size:var(--text-p1-display)}.lesson-page--refined .lesson-hero__metrics span{padding-inline:.85rem}.lesson-page--refined .lesson-hero__metrics strong{font-size:1.4rem}.lesson-page--refined .lesson-hero__index{padding:1.75rem 1rem 1.5rem}.lesson-page--refined .lesson-word-bank{padding:.85rem}.lesson-page--refined .lesson-question-nav{padding-block:.5rem}.lesson-page--refined .lesson-angle-tabs button{min-height:0}.lesson-page--refined .lesson-answer{padding-left:1rem}.lesson-page--refined .lesson-pagination{grid-template-columns:minmax(0,1fr)}.lesson-page--refined .lesson-pagination>a,.lesson-page--refined .lesson-pagination>a:last-child{text-align:left;justify-content:space-between;min-height:3.5rem}}@media (prefers-reduced-motion:reduce){.lesson-page--refined .lesson-hero__content>*,.lesson-page--refined .lesson-hero-index,.lesson-page--refined .lesson-strategy-note,.lesson-page--refined .lesson-answer,.lesson-page--refined .lesson-question,.lesson-page--refined .lesson-practice{animation:none}.lesson-page--refined .lesson-hero-index a,.lesson-page--refined .lesson-word-bank button,.lesson-page--refined .lesson-angle-tabs button,.lesson-page--refined .lesson-pagination>a{transition:none}.lesson-page--refined .lesson-hero-index a:hover,.lesson-page--refined .lesson-word-bank button:hover,.lesson-page--refined .lesson-pagination>a:hover{transform:none}}
.quartz-countdown{aspect-ratio:1;border:.0625rem solid oklch(var(--border));border-radius:var(--radius-pill);background:oklch(var(--card));width:min(15.5rem,82%);box-shadow:inset 0 0 0 .45rem oklch(var(--panel)), inset 0 0 0 .5rem oklch(var(--border)), var(--shadow-dreamy);place-items:center;margin:1.25rem auto 1.5rem;display:grid;position:relative}.quartz-countdown:before{border-radius:var(--radius-pill);background:repeating-conic-gradient(from -.5deg, oklch(var(--muted-foreground)) 0 1deg, transparent 1deg 6deg);content:"";opacity:.62;position:absolute;inset:.8rem}.quartz-countdown:after{border:.0625rem solid oklch(var(--line-soft));border-radius:var(--radius-pill);background:oklch(var(--background-alt));content:"";position:absolute;inset:1.35rem}.quartz-countdown__progress{z-index:2;width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.quartz-countdown__track,.quartz-countdown__remaining{fill:none;stroke-width:2.25px}.quartz-countdown__track{stroke:oklch(var(--line-soft))}.quartz-countdown__remaining{stroke:var(--accent-blue);stroke-linecap:round;transition:stroke-dashoffset .42s linear}.quartz-countdown__face{z-index:4;place-items:center;display:grid;position:relative}.quartz-countdown__face span{font-family:var(--font-mono);letter-spacing:-.08em;font-size:clamp(3.35rem,7vw,5rem);font-weight:600;line-height:.95}.quartz-countdown__face small{color:oklch(var(--faint));font-family:var(--font-mono);letter-spacing:.14em;margin-top:.55rem;font-size:.62rem;font-weight:650}.quartz-countdown__marker{z-index:4;color:oklch(var(--faint));font-family:var(--font-mono);font-size:.58rem;font-weight:650;position:absolute}.quartz-countdown__marker.is-twelve{top:1.9rem;left:50%;transform:translate(-50%)}.quartz-countdown__marker.is-three{top:50%;right:1.9rem;transform:translateY(-50%)}.quartz-countdown__marker.is-six{bottom:1.9rem;left:50%;transform:translate(-50%)}.quartz-countdown__marker.is-nine{top:50%;left:1.9rem;transform:translateY(-50%)}.quartz-countdown__crown{border:.0625rem solid oklch(var(--border));border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:repeating-linear-gradient(90deg, oklch(var(--muted-foreground)) 0 .0625rem, oklch(var(--panel)) .0625rem .22rem);content:"";width:2.25rem;height:.75rem;position:absolute;top:-.65rem;left:50%;transform:translate(-50%)}.quartz-countdown.is-finished .quartz-countdown__remaining{stroke:var(--accent-blue)}.quartz-countdown.is-finished .quartz-countdown__face span{color:var(--accent-blue)}@media (max-width:40rem){.quartz-countdown{width:min(14rem,88%)}}@media (prefers-reduced-motion:reduce){.quartz-countdown__remaining{transition:none}}.quartz-countdown>.quartz-countdown__hands,.p2-story .quartz-countdown>.quartz-countdown__hands{z-index:5;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.quartz-countdown__minute-hand{stroke:oklch(var(--foreground));stroke-width:3px;stroke-linecap:round}.quartz-countdown__second-hand{stroke:var(--accent-blue);stroke-width:1px;stroke-linecap:round}.quartz-countdown__pin{fill:var(--accent-blue)}.p2-story .quartz-countdown>.quartz-countdown__progress{width:100%;height:100%}
.kb-page{min-height:calc(100vh - var(--layout-header));background-color:oklch(var(--background));background-image:linear-gradient(oklch(var(--line-soft) / .22) .0625rem, transparent .0625rem), linear-gradient(90deg, oklch(var(--line-soft) / .22) .0625rem, transparent .0625rem);background-size:1.5rem 1.5rem;overflow-x:clip}.kb-page__shell{padding-block:1.5rem 4rem}.kb-header{justify-content:space-between;align-items:flex-end;gap:1.5rem 2rem;padding-bottom:1.5rem;display:flex}.kb-header__copy{min-width:0}.kb-header__eyebrow{color:oklch(var(--muted-foreground));font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.12em;text-transform:uppercase;font-weight:650}.kb-header__title{font-family:var(--font-mono);font-size:var(--text-heading);letter-spacing:-.04em;margin-top:.5rem;font-weight:500;line-height:1.2}.kb-header__lede{max-width:38rem;color:oklch(var(--muted-foreground));font-size:var(--text-body);margin-top:.65rem;line-height:1.6}.kb-header__meta{text-align:right;gap:.2rem;min-width:7rem;display:grid}.kb-header__meta-value{color:oklch(var(--foreground));font-family:var(--font-mono);font-size:var(--text-subheading);letter-spacing:-.04em;font-weight:600;line-height:1.2}.kb-header__meta-label{color:oklch(var(--faint));font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.06em;text-transform:uppercase}.kb-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;padding-block:.85rem 1.35rem;display:flex}.kb-toolbar.is-sticky{top:var(--layout-header);z-index:4;border-bottom:.0625rem solid oklch(var(--line-soft));background:oklch(var(--card) / .9);-webkit-backdrop-filter:blur(var(--blur-panel));backdrop-filter:blur(var(--blur-panel));margin-inline:-.25rem;padding-inline:.25rem;position:sticky}.kb-toolbar__status{flex-wrap:wrap;flex:1 0 100%;align-items:center;gap:.4rem .75rem;display:flex}.kb-toolbar__count{color:oklch(var(--muted-foreground));font-family:var(--font-mono);font-size:var(--text-caption);margin-right:auto}.kb-toolbar__count strong{color:oklch(var(--foreground))}.kb-toolbar__filters{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.kb-segment{border:.0625rem solid oklch(var(--line-soft));border-radius:var(--radius-pill);background:oklch(var(--background-alt));width:fit-content;max-width:100%;min-height:2.25rem;box-shadow:var(--shadow-card);scrollbar-width:none;flex-wrap:nowrap;flex:none;align-items:center;gap:.125rem;padding:.125rem;display:inline-flex;overflow-x:auto}.kb-segment::-webkit-scrollbar{display:none}.kb-segment button{border-radius:var(--radius-pill);min-height:2rem;color:oklch(var(--muted-foreground));font-size:var(--text-caption);letter-spacing:0;white-space:nowrap;transition:background-color var(--transition-ui), box-shadow var(--transition-ui), color var(--transition-ui), transform var(--transition-ui);flex:none;justify-content:center;align-items:center;gap:.3rem;padding:.22rem .62rem;font-weight:500;display:inline-flex}.kb-segment button svg{opacity:.72;flex:none;width:.875rem;height:.875rem}.kb-segment button:hover{background:oklch(var(--card) / .72);color:oklch(var(--foreground))}.kb-segment button:hover svg{opacity:.92}.kb-segment button:focus-visible{outline:.125rem solid oklch(var(--ring));outline-offset:.125rem}.kb-segment button.is-active,.kb-segment button.is-active:hover{background:oklch(var(--card));box-shadow:var(--shadow-card);color:oklch(var(--foreground));font-weight:650}.kb-segment button.is-active svg{opacity:1}.kb-segment b{color:oklch(var(--muted-foreground));font-family:var(--font-mono);font-size:var(--text-caption);font-variant-numeric:tabular-nums;font-weight:600}.kb-segment button.is-active b{color:oklch(var(--foreground))}.kb-catalog-layout{grid-template-columns:var(--layout-topic-index) minmax(0, 1fr);gap:1.5rem 1.75rem;display:grid}.kb-catalog-layout__mobile{display:none}.kb-index{top:calc(var(--layout-header) + 1rem);border:.0625rem solid oklch(var(--line-soft));border-radius:var(--radius-xl);background:oklch(var(--card));box-shadow:var(--shadow-card);align-self:start;padding:.45rem;position:sticky}.kb-index__heading{padding:.45rem .55rem .6rem}.kb-index__heading h2{font-family:var(--font-mono);font-size:var(--text-ui);margin-top:.35rem;font-weight:650}.kb-index__list{gap:.2rem;display:grid}.kb-index__list button{border-radius:var(--radius-md);min-height:2.7rem;color:oklch(var(--muted-foreground));text-align:left;transition:background-color var(--transition-ui), box-shadow var(--transition-ui), color var(--transition-ui);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.4rem .55rem;display:grid}.kb-index__list button:hover{background:oklch(var(--background-alt));color:oklch(var(--foreground))}.kb-index__list button:focus-visible{background:oklch(var(--background-alt));color:oklch(var(--foreground));outline:.125rem solid oklch(var(--ring));outline-offset:.125rem}.kb-index__list button.is-active,.kb-index__list button.is-active:hover,.kb-index__list button.is-active:focus-visible{background:oklch(var(--background-alt));box-shadow:inset 0 0 0 .0625rem oklch(var(--line-soft));color:oklch(var(--foreground))}.kb-index__copy,.kb-index__copy strong,.kb-index__copy small{min-width:0;display:block}.kb-index__copy strong{font-size:var(--text-caption);font-weight:500}.kb-index__list button.is-active strong{font-weight:650}.kb-index__copy small{color:oklch(var(--muted-foreground));font-size:var(--text-caption);text-overflow:ellipsis;white-space:nowrap;margin-top:.1rem;line-height:1.3;overflow:hidden}.kb-index__count{border-radius:var(--radius-pill);background:oklch(var(--background-alt));min-width:1.55rem;color:oklch(var(--faint));font-family:var(--font-mono);font-size:var(--text-caption);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;padding:.18rem .35rem;font-weight:600;line-height:1;display:inline-flex}.kb-index__list button.is-active .kb-index__count{background:oklch(var(--background-alt));color:oklch(var(--foreground))}.kb-index__dot{border-radius:var(--radius-pill);background:oklch(var(--foreground));width:.375rem;height:.375rem}.kb-index__dot[data-accent=blue]{background:var(--accent-blue)}.kb-index__dot[data-accent=green]{background:var(--accent-green)}.kb-index__dot[data-accent=orange]{background:var(--accent-orange)}.kb-index__dot[data-accent=purple]{background:var(--accent-purple)}.kb-index__dot[data-accent=gray]{background:var(--accent-gray)}.kb-index__dot[data-accent=pink]{background:var(--accent-pink)}.kb-index__dot[data-accent=yellow]{background:var(--accent-yellow)}.kb-catalog{border:.0625rem solid oklch(var(--line-soft));border-radius:var(--radius-xl);background:oklch(var(--card));min-width:0;box-shadow:var(--shadow-card);padding:.35rem .35rem .6rem}.kb-catalog__intro{padding:.85rem 1rem .15rem}.kb-catalog__intro h2{font-family:var(--font-mono);font-size:var(--text-ui);margin-top:.35rem;font-weight:650}.kb-catalog__intro p{color:oklch(var(--muted-foreground));font-size:var(--text-caption);margin-top:.35rem;line-height:1.55}.kb-catalog .kb-toolbar{padding-inline:1rem}.kb-catalog__head,.kb-catalog__row{align-items:center;gap:.75rem 1rem;display:grid}.kb-catalog[data-layout=topics] .kb-catalog__head,.kb-catalog[data-layout=topics] .kb-catalog__row{grid-template-columns:minmax(0,1.8fr) minmax(6.5rem,.7fr) minmax(5.5rem,.45fr) minmax(5rem,.55fr) 1.5rem}.kb-catalog[data-layout=questions] .kb-catalog__head,.kb-catalog[data-layout=questions] .kb-catalog__row{grid-template-columns:3.4rem minmax(0,1.5fr) minmax(5.5rem,.55fr) 3.2rem minmax(5.75rem,.6fr) 1.5rem}.kb-catalog[data-layout=frameworks] .kb-catalog__head,.kb-catalog[data-layout=frameworks] .kb-catalog__row{grid-template-columns:5.6rem minmax(0,1.8fr) minmax(8rem,.75fr) minmax(5.75rem,.55fr) 1.5rem}.kb-catalog__head{color:oklch(var(--muted-foreground));font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.08em;text-transform:uppercase;padding:.55rem 1.15rem .45rem;font-weight:650}.kb-catalog__head,.kb-catalog__list{scroll-margin-top:calc(var(--layout-header) + 5.5rem)}.kb-catalog[data-layout=topics] .kb-catalog__head span:last-child{grid-column:4}.kb-catalog__list,.kb-catalog__group ul{margin:0;padding:0;list-style:none;display:grid}.kb-catalog__group>header{align-items:center;gap:.5rem;padding:.75rem 1.15rem .2rem;display:flex}.kb-catalog__group>header span{border-radius:var(--radius-pill);background:oklch(var(--faint));width:.45rem;height:.45rem}.kb-catalog__group>header span[data-accent=blue]{background:var(--accent-blue)}.kb-catalog__group>header span[data-accent=green]{background:var(--accent-green)}.kb-catalog__group>header span[data-accent=orange]{background:var(--accent-orange)}.kb-catalog__group>header span[data-accent=purple]{background:var(--accent-purple)}.kb-catalog__group>header span[data-accent=pink]{background:var(--accent-pink)}.kb-catalog__group>header span[data-accent=yellow]{background:var(--accent-yellow)}.kb-catalog__group>header span[data-accent=gray]{background:var(--accent-gray)}.kb-catalog__group h3{font-size:var(--text-caption);align-items:baseline;gap:.45rem;margin:0;font-weight:700;display:flex}.kb-catalog__group h3 b{color:oklch(var(--muted-foreground));font-family:var(--font-mono);font-weight:600}.kb-catalog__row{border-top:.0625rem solid oklch(var(--line-soft));min-height:4.25rem;color:oklch(var(--foreground));transition:background-color var(--transition-ui);padding:1rem 1.15rem;text-decoration:none}.kb-catalog__row:hover,.kb-catalog__row:focus-visible{background:oklch(var(--background-alt) / .72)}.kb-catalog__row:focus-visible{outline:.125rem solid oklch(var(--ring));outline-offset:-.125rem}.kb-catalog__row.is-disabled,.kb-catalog__row.is-disabled:hover{cursor:default;background:0 0}.kb-catalog__identity{gap:.15rem;min-width:0;display:grid}.kb-catalog[data-layout=topics] .kb-catalog__identity{-moz-column-gap:.75rem;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:.75rem}.kb-catalog__titles{gap:.1rem;min-width:0;display:grid}.kb-catalog__identity strong{font-size:var(--text-ui);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.kb-catalog__identity em,.kb-catalog__identity small{color:oklch(var(--muted-foreground));font-size:var(--text-caption);text-overflow:ellipsis;white-space:nowrap;font-style:normal;line-height:1.45;overflow:hidden}.kb-catalog[data-layout=frameworks] .kb-catalog__identity em{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.kb-catalog__questions{align-items:baseline;gap:.25rem;display:inline-flex}.kb-catalog__questions b{font-family:var(--font-mono);font-size:var(--text-subheading);font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-weight:600;line-height:1}.kb-catalog__questions small{color:oklch(var(--muted-foreground));font-family:var(--font-sans);font-size:var(--text-caption);letter-spacing:.02em;font-weight:500;line-height:1}.kb-catalog__story{color:oklch(var(--muted-foreground));font-family:var(--font-mono);letter-spacing:.04em;font-size:.68rem}.kb-id{border:.0625rem solid oklch(var(--border));border-radius:var(--radius-sm);background:oklch(var(--card));width:fit-content;color:oklch(var(--muted-foreground));font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.04em;justify-content:center;align-items:center;padding:.24rem .38rem;font-size:.68rem;font-weight:650;line-height:1;display:inline-flex}.kb-type{border:.0625rem solid oklch(var(--foreground) / .28);border-radius:var(--radius-pill);width:fit-content;color:oklch(var(--foreground));font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.04em;white-space:nowrap;background:0 0;align-items:center;padding:.22rem .5rem;font-weight:650;line-height:1;display:inline-flex}.kb-type[data-tone=accent]{border-color:color-mix(in srgb, var(--accent-blue) 55%, transparent);color:var(--accent-blue)}.kb-type[data-tone=muted]{border-style:dashed;border-color:oklch(var(--muted-foreground));color:oklch(var(--muted-foreground))}.kb-catalog__go{color:var(--accent-blue);opacity:0;transition:color var(--transition-ui), opacity var(--transition-ui), transform var(--transition-ui);justify-self:end;display:inline-flex;transform:translate(-.125rem)}.kb-catalog__go svg{stroke-width:1.5px;width:1rem;height:1rem}.kb-catalog__row:hover .kb-catalog__go,.kb-catalog__row:focus-visible .kb-catalog__go{opacity:1;transform:none}.kb-catalog__row.is-disabled .kb-catalog__go{opacity:0}.kb-breadcrumb{color:oklch(var(--muted-foreground));font-family:var(--font-mono);font-size:var(--text-caption);align-items:center;gap:.65rem;padding-block:.25rem 1.25rem;display:flex}.kb-breadcrumb a{color:oklch(var(--muted-foreground));transition:color var(--transition-fast), transform var(--transition-fast);align-items:center;gap:.45rem;display:inline-flex}.kb-breadcrumb a:hover{color:oklch(var(--foreground));transform:translate(-.125rem)}.kb-search{width:min(100%,18rem);margin-left:auto;position:relative}.kb-catalog[data-layout=topics] .kb-search{flex:13rem;width:auto;max-width:18rem}.kb-search>svg{z-index:1;width:1rem;height:1rem;color:oklch(var(--faint));stroke-width:1.5px;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.kb-search input{border:.0625rem solid oklch(var(--line-soft));border-radius:var(--radius-pill);background:oklch(var(--background-alt));height:2.75rem;box-shadow:none;padding-left:2.2rem}.kb-search input:focus-visible{border-color:oklch(var(--border));background:oklch(var(--card));box-shadow:var(--shadow-card)}.kb-filter{position:relative}button.kb-filter__trigger{border-color:oklch(var(--border));border-radius:var(--radius-xl);background:oklch(var(--card));height:2.75rem;min-height:2.75rem;box-shadow:none;color:oklch(var(--foreground));font-size:var(--text-caption);gap:.55rem;font-weight:600}button.kb-filter__trigger:hover,button.kb-filter__trigger[aria-expanded=true],button.kb-filter__trigger.is-active{background:oklch(var(--background-alt))}.kb-filter__trigger svg{stroke-width:1.5px;width:1rem;height:1rem}.kb-filter__trigger .kb-filter__leading-icon{color:oklch(var(--muted-foreground))}.kb-filter__trigger .kb-filter__chevron{transition:transform var(--transition-fast);margin-left:.15rem}.kb-filter__trigger[aria-expanded=true] .kb-filter__chevron{transform:rotate(180deg)}.kb-filter__panel{z-index:8;border:.0625rem solid oklch(var(--border));border-radius:var(--radius-lg);background:oklch(var(--card));min-width:14rem;max-width:min(18rem,100vw - 2rem);box-shadow:var(--shadow-card);padding:.5rem;position:absolute;top:calc(100% + .4rem);left:0}.kb-filter__option{border-radius:var(--radius-sm);width:100%;min-height:2.25rem;color:oklch(var(--foreground));font-size:var(--text-caption);text-align:left;align-items:center;gap:.6rem;padding:.35rem .5rem;display:flex}.kb-filter__option:hover,.kb-filter__option:focus-visible{background:oklch(var(--background-alt))}.kb-filter__option input{width:.85rem;height:.85rem;accent-color:var(--accent-blue)}.kb-filter__option small{color:oklch(var(--muted-foreground));font-family:var(--font-mono);margin-left:auto}.kb-filter__clear{border-top:.0625rem solid oklch(var(--line-soft));width:100%;color:oklch(var(--muted-foreground));font-size:var(--text-caption);text-align:left;margin-top:.25rem;padding:.55rem .5rem .2rem}.kb-filter__clear:hover,.kb-filter__clear:focus-visible{color:oklch(var(--foreground))}.kb-chips{flex-wrap:wrap;flex:auto;align-items:center;gap:.4rem;display:flex}.kb-chip{border-radius:var(--radius-pill);background:oklch(var(--background-alt));min-height:1.75rem;color:oklch(var(--foreground));font-size:var(--text-caption);border:0;align-items:center;gap:.3rem;padding:.15rem .35rem .15rem .65rem;display:inline-flex}.kb-chip button{border-radius:var(--radius-pill);width:1.25rem;height:1.25rem;color:oklch(var(--muted-foreground));justify-content:center;align-items:center;display:inline-flex}.kb-chip button:hover,.kb-chip button:focus-visible{background:oklch(var(--card));color:oklch(var(--foreground))}.kb-chip button svg{width:.75rem;height:.75rem}.kb-chips__clear{color:oklch(var(--muted-foreground));font-size:var(--text-caption);font-weight:500}.kb-chips__clear:hover,.kb-chips__clear:focus-visible{color:oklch(var(--foreground))}.kb-cover{aspect-ratio:16/9;background:oklch(var(--panel));display:block;position:relative;overflow:hidden}.kb-cover__image{-o-object-fit:cover;object-fit:cover}.kb-cover[data-accent=blue]{background:var(--accent-blue-soft)}.kb-cover[data-accent=green]{background:var(--accent-green-soft)}.kb-cover[data-accent=orange]{background:var(--accent-orange-soft)}.kb-cover[data-accent=purple]{background:var(--accent-purple-soft)}.kb-cover[data-accent=pink]{background:var(--accent-pink-soft)}.kb-cover[data-accent=yellow]{background:var(--accent-yellow-soft)}.kb-cover[data-accent=gray]{background:var(--accent-gray-soft)}.kb-cover__surface{background-image:linear-gradient(oklch(var(--line-soft) / .55) .0625rem, transparent .0625rem), linear-gradient(90deg, oklch(var(--line-soft) / .55) .0625rem, transparent .0625rem);transition:transform var(--transition-ui);background-size:1.25rem 1.25rem;position:absolute;inset:0;transform:scale(1)}.kb-cover__id{z-index:1;color:oklch(var(--muted-foreground));font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.08em;position:absolute;bottom:.7rem;right:.75rem}.kb-card{border:.0625rem solid oklch(var(--border));border-radius:var(--radius-xl);background:oklch(var(--card));transition:transform var(--transition-ui), border-color var(--transition-ui), box-shadow var(--transition-ui);display:grid;position:relative;overflow:hidden}.kb-card__hit{z-index:1;border-radius:inherit;position:absolute;inset:0}.kb-card__hit:focus-visible{outline:.125rem solid oklch(var(--ring));outline-offset:.125rem}.kb-card:hover,.kb-card:focus-within{border-color:oklch(var(--foreground) / .18);box-shadow:var(--shadow-card);transform:translateY(-.125rem)}.kb-card:hover .kb-cover__surface,.kb-card:focus-within .kb-cover__surface{transform:scale(1.03)}.kb-card.is-disabled{box-shadow:none;cursor:default;transform:none}.kb-card.is-disabled:hover,.kb-card.is-disabled:focus-within{border-color:oklch(var(--border));box-shadow:none;transform:none}.kb-card__body{gap:.75rem;padding:1rem 1.15rem 1.1rem;display:grid}.kb-card__identity{color:oklch(var(--muted-foreground));font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.04em;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.kb-card__title{font-size:var(--text-ui);letter-spacing:-.02em;font-weight:650;line-height:1.35}.kb-card__subtitle{color:oklch(var(--muted-foreground));font-size:var(--text-caption);margin-top:.2rem}.kb-card__summary{color:oklch(var(--muted-foreground));font-size:var(--text-caption);-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.55;display:-webkit-box;overflow:hidden}.kb-focus{font-size:var(--text-caption);align-items:baseline;gap:.5rem;display:flex}.kb-focus span{color:oklch(var(--muted-foreground));font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.kb-focus strong{color:oklch(var(--foreground));font-weight:650}.kb-coverage{gap:.45rem;display:grid}.kb-coverage__labels{color:oklch(var(--muted-foreground));font-size:var(--text-caption);flex-wrap:wrap;gap:.35rem .85rem;display:flex}.kb-coverage__labels b{color:oklch(var(--foreground));font-family:var(--font-mono);font-weight:650}.kb-coverage__metric{color:oklch(var(--muted-foreground));font-size:var(--text-caption)}.kb-coverage__metric strong{color:var(--accent-blue);font-family:var(--font-mono);font-size:var(--text-ui);font-weight:650}.kb-strip{gap:.125rem;height:.28rem;display:flex;overflow:hidden}.kb-strip i{border-radius:var(--radius-pill);background:oklch(var(--line-soft));flex:1 1 0;min-width:0;height:100%;display:block}.kb-strip i[data-filled=true]{background:oklch(var(--faint))}.kb-strip i[data-accent=blue]{background:var(--accent-blue)}.kb-strip i[data-accent=green]{background:var(--accent-green)}.kb-strip i[data-accent=orange]{background:var(--accent-orange)}.kb-strip i[data-accent=purple]{background:var(--accent-purple)}.kb-strip i[data-accent=pink]{background:var(--accent-pink)}.kb-strip i[data-accent=yellow]{background:var(--accent-yellow)}.kb-strip i[data-accent=gray]{background:var(--accent-gray)}.kb-meta{color:oklch(var(--muted-foreground));font-size:var(--text-caption);flex-wrap:wrap;gap:.75rem 1.25rem;display:flex}.kb-meta b{color:oklch(var(--foreground));font-family:var(--font-mono);font-size:var(--text-ui);letter-spacing:-.03em;font-weight:650;display:block}.kb-card__footer{border-top:.0625rem solid oklch(var(--line-soft));color:oklch(var(--muted-foreground));font-size:var(--text-caption);justify-content:space-between;align-items:center;gap:.75rem;padding-top:.85rem;display:flex}.kb-card__footer .kb-cta{margin-left:auto}.kb-cta{color:oklch(var(--foreground));font-size:var(--text-caption);align-items:center;gap:.3rem;font-weight:650;display:inline-flex}.kb-cta svg{width:.9rem;height:.9rem;transition:transform var(--transition-ui)}.kb-row:hover .kb-cta svg,.kb-card:hover .kb-cta svg,.kb-card:focus-within .kb-cta svg{transform:translate(.2rem)}.kb-cta.is-solid{border-radius:var(--radius-md);background:oklch(var(--primary));min-height:2rem;color:oklch(var(--primary-foreground));padding:.3rem .7rem}.kb-cta.is-disabled{color:oklch(var(--faint))}.kb-status{border-radius:var(--radius-pill);background:oklch(var(--secondary));color:oklch(var(--muted-foreground));letter-spacing:.04em;align-items:center;padding:.2rem .5rem;font-size:.7rem;font-weight:650;display:inline-flex}.kb-status.is-ready{background:var(--success-background);color:var(--success-foreground)}.kb-badge{border-radius:var(--radius-sm);background:var(--accent-gray-soft);width:fit-content;color:var(--accent-gray);letter-spacing:.02em;padding:.28rem .4rem;font-size:.7rem;font-weight:650;line-height:1;display:inline-flex}.kb-badge[data-accent=blue]{background:var(--accent-blue-soft);color:var(--accent-blue)}.kb-badge[data-accent=green]{background:var(--accent-green-soft);color:var(--accent-green)}.kb-badge[data-accent=orange]{background:var(--accent-orange-soft);color:var(--accent-orange)}.kb-badge[data-accent=purple]{background:var(--accent-purple-soft);color:var(--accent-purple)}.kb-badge[data-accent=pink]{background:var(--accent-pink-soft);color:var(--accent-pink)}.kb-badge[data-accent=yellow]{background:var(--accent-yellow-soft);color:var(--accent-yellow)}.kb-badge[data-accent=gray]{background:var(--accent-gray-soft);color:var(--accent-gray)}.kb-pill{border-radius:var(--radius-pill);background:oklch(var(--secondary));color:oklch(var(--muted-foreground));padding:.22rem .5rem;font-size:.7rem;font-weight:650;display:inline-flex}.kb-empty{border:.0625rem dashed oklch(var(--border));border-radius:var(--radius-xl);background:oklch(var(--card));justify-items:start;gap:1rem;padding:2rem 1.5rem;display:grid}.kb-empty .ds-card,.kb-empty [role=status]{width:100%;box-shadow:none}@media (max-width:79.9375rem){.kb-header{flex-direction:column;align-items:flex-start;gap:1rem}.kb-header__meta{text-align:left}.kb-catalog-layout{grid-template-columns:minmax(0,1fr)}.kb-index{display:none}.kb-catalog-layout__mobile{display:block}}@media (max-width:47.9375rem){.kb-page__shell{padding-block:1.15rem 3rem}.kb-search{width:100%}.kb-segment{flex:none;max-width:100%}.kb-search,.kb-catalog[data-layout=topics] .kb-search{flex-basis:100%;width:100%;max-width:none;margin-left:0}.kb-catalog__head{display:none}.kb-catalog[data-layout=topics] .kb-catalog__row{grid-template-columns:auto minmax(0,1fr) auto;gap:.45rem .75rem;min-height:0;padding:1rem}.kb-catalog[data-layout=topics] .kb-catalog__identity{grid-column:1/3}.kb-catalog[data-layout=topics] .kb-catalog__identity strong{white-space:normal}.kb-catalog[data-layout=topics] .kb-catalog__go{opacity:1;grid-area:1/3;align-self:center;transform:none}.kb-catalog[data-layout=topics] .kb-badge{grid-area:2/1}.kb-catalog[data-layout=topics] .kb-type{grid-area:2/3;justify-self:end}.kb-catalog[data-layout=topics] .kb-catalog__questions{grid-area:2/2}.kb-catalog[data-layout=questions] .kb-catalog__row{grid-template-columns:3.2rem minmax(0,1fr) auto;gap:.35rem .65rem;min-height:0;padding:.85rem 1rem}.kb-catalog[data-layout=questions] .kb-id{grid-row:1/span 2}.kb-catalog[data-layout=questions] .kb-catalog__identity{grid-column:2}.kb-catalog[data-layout=questions] .kb-badge{grid-area:3/2}.kb-catalog[data-layout=questions] .kb-catalog__story{display:none}.kb-catalog[data-layout=questions] .kb-type{grid-area:1/3;justify-self:end}.kb-catalog[data-layout=questions] .kb-catalog__go{opacity:1;grid-area:2/3;transform:none}.kb-catalog[data-layout=frameworks] .kb-catalog__row{grid-template-columns:minmax(0,1fr) auto;gap:.45rem .75rem;min-height:0;padding:1rem}.kb-catalog[data-layout=frameworks] .kb-id{grid-column:1}.kb-catalog[data-layout=frameworks] .kb-catalog__go{opacity:1;grid-area:1/2;transform:none}.kb-catalog[data-layout=frameworks] .kb-catalog__identity{grid-column:1/-1}.kb-catalog[data-layout=frameworks] .kb-coverage{grid-column:1}.kb-catalog[data-layout=frameworks] .kb-type{grid-column:2;justify-self:end}.kb-toolbar{align-items:stretch}.kb-toolbar__filters{width:100%}.kb-filter{flex:auto}button.kb-filter__trigger{width:100%}.kb-filter__panel{width:100%;min-width:0;max-width:none;left:0;right:0}}.kb-page.p3-library{padding-block:0}.p3-season-catalog{margin-top:4rem}.p3-season-catalog__toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.p3-season-catalog__toolbar .kb-search{flex:20rem;margin-left:0}.p3-season-catalog__toolbar .kb-toolbar__count{flex:1 0 100%}.p3-season-catalog .kb-catalog__head,.p3-season-catalog .kb-catalog__row{grid-template-columns:3.4rem minmax(0,1fr) 4.75rem minmax(7rem,.65fr)}.p3-season-catalog__pager{justify-content:center;align-items:center;gap:1rem;padding:1.5rem 0;display:flex}.p3-season-catalog__pager button{border:1px solid oklch(var(--border));border-radius:var(--radius-md);padding:.5rem .875rem}@media (max-width:72rem){.p3-season-catalog__toolbar{align-items:stretch}}@media (max-width:48rem){.p3-season-catalog__toolbar .kb-search,.p3-season-catalog__toolbar .kb-filter{flex:100%}.p3-season-catalog .kb-catalog__row{grid-template-columns:3.2rem minmax(0,1fr) auto}.p3-season-catalog .kb-id{grid-area:1/1/span 2}.p3-season-catalog .kb-catalog__identity{grid-column:2/-1}.p3-season-catalog .kb-catalog__story{grid-area:2/2;display:inline-flex}.p3-season-catalog .kb-type{grid-area:2/3}}.p3-framework-catalog .p3-library__hero-window{overflow:hidden}.p3-framework-catalog .p3-library__hero-window .ds-window-body{padding:0}.p3-framework-catalog .p3-library__hero{grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.p3-framework-catalog .p3-library__hero-copy{align-self:center;padding:clamp(2rem,5vw,3.5rem)}.p3-framework-catalog .p3-library__hero-copy h1{max-width:32rem;font-family:var(--font-mono);font-size:var(--text-heading);letter-spacing:-.04em;gap:.5rem;margin-top:1.25rem;font-weight:500;line-height:1.3;display:grid}.p3-framework-catalog .p3-library__hero-copy h1 span{background:linear-gradient(to bottom, transparent 68%, var(--accent-blue-soft) 68%);width:fit-content}.p3-framework-catalog .p3-library__hero-copy>p{max-width:36rem;color:oklch(var(--muted-foreground));font-size:var(--text-lead);margin-top:1.25rem;line-height:1.7}.p3-framework-catalog .p3-library__metrics{flex-wrap:wrap;gap:.75rem 1.25rem;margin-top:2rem;display:flex}.p3-framework-catalog .p3-library__metrics span{color:oklch(var(--muted-foreground));font-size:var(--text-caption);align-items:center;gap:.4rem;font-weight:600;display:inline-flex}.p3-framework-catalog .p3-library__metrics span:first-child svg{color:var(--accent-blue)}.p3-framework-catalog .p3-library__metrics span:nth-child(2) svg{color:var(--accent-green)}.p3-framework-catalog .p3-library__metrics span:nth-child(3) svg{color:var(--accent-purple)}.p3-framework-catalog__library{margin-top:2rem}.p3-framework-catalog__library .kb-catalog__intro,.p3-framework-catalog__library .kb-toolbar.is-sticky{margin-inline:0;padding-inline:0}.p3-framework-catalog__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.15rem;display:grid}.p3-framework-catalog .kb-cover{border-bottom:.0625rem solid oklch(var(--border))}.p3-framework-cover{z-index:1;pointer-events:none;align-content:end;gap:.15rem;padding:1rem 1.05rem 1.1rem;display:grid;position:absolute;inset:0}.p3-framework-cover:before{background:linear-gradient(transparent, oklch(var(--card) / .72));content:"";height:58%;position:absolute;inset:auto 0 0}.p3-framework-cover b,.p3-framework-cover strong,.p3-framework-cover em{z-index:1;position:relative}.p3-framework-cover b{color:oklch(var(--muted-foreground));font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.08em;font-weight:650}.p3-framework-cover strong{max-width:16ch;font-family:var(--font-mono);letter-spacing:-.04em;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(1rem,1.4vw,1.35rem);font-weight:500;line-height:1.2;display:-webkit-box;overflow:hidden}.p3-framework-cover em{color:oklch(var(--muted-foreground));font-size:var(--text-caption);font-style:normal}.p3-framework-cover__mark{width:2.5rem;height:2.5rem;position:absolute;top:.85rem;right:.9rem}.kb-cover[data-accent=blue] .p3-framework-cover__mark{color:var(--accent-blue)}.kb-cover[data-accent=green] .p3-framework-cover__mark{color:var(--accent-green)}.kb-cover[data-accent=orange] .p3-framework-cover__mark{color:var(--accent-orange)}.kb-cover[data-accent=purple] .p3-framework-cover__mark{color:var(--accent-purple)}.kb-cover[data-accent=pink] .p3-framework-cover__mark{color:var(--accent-pink)}.kb-cover[data-accent=yellow] .p3-framework-cover__mark{color:var(--accent-yellow)}.kb-cover[data-accent=gray] .p3-framework-cover__mark{color:var(--accent-gray)}@media (max-width:79.9375rem){.p3-framework-catalog__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:47.9375rem){.p3-framework-catalog .p3-library__hero-copy{padding:1.5rem 1.5rem 1.25rem}.p3-framework-catalog .p3-library__hero-copy h1{margin-top:1rem}.p3-framework-catalog .p3-library__metrics{margin-top:1.25rem}.p3-framework-catalog__grid{grid-template-columns:minmax(0,1fr)}}@media (hover:none){.kb-catalog__go{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.kb-segment button,.kb-index__list button,.kb-catalog__row,.kb-catalog__go,.kb-card,.kb-cover__surface,.kb-cta svg{transition:none}.kb-card:hover,.kb-card:focus-within,.kb-row:hover .kb-cta svg,.kb-card:hover .kb-cta svg,.kb-card:focus-within .kb-cta svg,.kb-card:hover .kb-cover__surface,.kb-card:focus-within .kb-cover__surface{transform:none}}