.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}[hidden]{display:none!important}.menu-toggle{font-size:var(--fs-1);padding:var(--s-3) var(--s-1);background:0 0;font-weight:700;display:none}.header .mobile-nav{display:none}.nav a[aria-current=page]{color:var(--blue)}.nav a[aria-current=page]:after{content:"";background:var(--blue);height:3px;margin-top:var(--s-1);display:block}.site-footer{gap:var(--s-6);padding:var(--s-6) 0;border-top:var(--line);margin-top:var(--s-8);grid-template-columns:1fr auto;display:grid}.site-footer nav{gap:var(--s-5);font-size:var(--fs-1);align-items:center}.site-footer .footer-caption{font-size:var(--fs-1);color:var(--muted)}.footer-bottom{font-size:var(--fs-1);color:var(--muted);grid-column:1/-1;justify-content:space-between;display:flex}.site-footer .brand{font-size:var(--fs-5)}.page-heading{padding:var(--s-8) 0 var(--s-7);position:relative}.page-heading h1{font-size:var(--fs-7);letter-spacing:var(--tight);margin:var(--s-4) 0;line-height:1.16}.page-heading p{font-size:var(--fs-2);color:var(--muted);max-width:530px}.page-heading .eyebrow{color:var(--blue)}.header-shapes{gap:var(--s-3);align-items:center;display:flex;position:absolute;bottom:48px;right:0}.header-shapes i{background:var(--blue);width:58px;height:58px;display:block}.header-shapes i:nth-child(2){background:var(--surface);border-radius:50%}.header-shapes i:nth-child(3){background:var(--surface);border-radius:0 100% 0 0}.breadcrumbs{align-items:center;gap:var(--s-3);font-size:var(--fs-1);color:var(--muted);padding-top:var(--s-6);flex-wrap:wrap;display:flex}.breadcrumbs a:hover{color:var(--blue)}.feature-story{border:var(--line);border-radius:var(--r-2);box-shadow:var(--shadow);grid-template-columns:1.13fr 1fr;min-height:365px;display:grid;overflow:hidden}.feature-art{background:var(--surface);isolation:isolate;border-right:var(--line);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.feature-art:before{content:"";background:var(--surface);z-index:-1;border-radius:50%;width:290px;height:290px;position:absolute;top:40px;left:calc(50% - 145px)}.feature-art canvas{width:100%;height:320px}.feature-art .art-formula{font-size:var(--fs-2);letter-spacing:var(--track);font-weight:700;position:absolute;bottom:19px;left:24px}.feature-copy{padding:var(--s-6) var(--s-6);flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.tag{font-size:var(--fs-1);border:1px solid var(--ink);border-radius:var(--r-1);padding:var(--s-2) var(--s-2);background:var(--surface);font-weight:700;line-height:1;display:inline-flex}.feature-copy h2{font-size:var(--fs-6);margin:var(--s-4) 0 var(--s-4);letter-spacing:var(--tight);line-height:1.27}.feature-copy p{font-size:var(--fs-1);color:var(--muted);line-height:1.8}.byline{gap:var(--s-3);font-size:var(--fs-1);color:var(--muted);margin-top:var(--s-5);align-items:center;display:flex}.byline strong{color:var(--ink)}.byline .author-mark{border:1px solid var(--ink);background:var(--surface);width:29px;height:29px;font-size:var(--fs-3);color:var(--ink);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.feature-copy .text-link{margin-top:var(--s-5)}.journal{padding-top:0}.journal-tools{justify-content:space-between;gap:var(--s-5);border-bottom:var(--line);padding-bottom:var(--s-5);margin-bottom:var(--s-6);align-items:center;display:flex}.filters{gap:var(--s-2);flex-wrap:wrap;display:flex}.filter{border:var(--hairline);border-radius:var(--r-1);padding:var(--s-3) var(--s-4);font-size:var(--fs-1);background:0 0;font-weight:600}.filter:hover{border-color:var(--ink)}.filter.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.search-field{border:var(--hairline);border-radius:var(--r-1);min-width:240px;padding:0 var(--s-3);align-items:center;gap:var(--s-3);background:var(--paper);display:flex}.search-field input{width:100%;min-width:0;padding:var(--s-3) 0;font-size:var(--fs-1);color:var(--ink);outline-offset:0;background:0 0;border:0}.search-field input:focus{outline:0}.search-field:focus-within{outline:2px solid var(--blue);outline-offset:3px}.search-field span{font-size:var(--fs-4)}.journal-meta{font-size:var(--fs-1);color:var(--muted);margin-bottom:var(--s-5);justify-content:space-between;display:flex}.post-grid{gap:var(--s-6) var(--s-5);grid-template-columns:repeat(3,1fr);display:grid}.post-card{min-width:0;display:block}.post-cover{border:var(--line);border-radius:var(--r-2);isolation:isolate;height:226px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.post-card:hover .post-cover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.post-cover canvas{z-index:1;width:100%;height:100%;position:relative}.post-cover:before{content:"";border:var(--line);background:var(--paper);border-radius:50%;width:156px;height:156px;position:absolute;top:34px;left:calc(50% - 78px)}.post-cover.blue,.post-cover.yellow,.post-cover.green,.post-cover.red{background:var(--surface)}.post-cover.orange,.post-cover.cream{background:var(--quiet)}.post-cover.green:before{background:var(--surface);border-radius:0;transform:none}.post-cover.red:before{background:var(--surface)}.post-cover.orange:before{background:var(--blue);border-radius:50% 50% 0 0}.cover-type{font-size:var(--fs-5);letter-spacing:var(--tight);z-index:2;font-weight:700;position:absolute;top:20px;left:20px}.post-cover.blue .cover-type{color:var(--paper)}.post-cover.with-type canvas{transform:translate(39px,15px)scale(.83)}.post-card-meta{margin:var(--s-4) 0 var(--s-3);font-size:var(--fs-1);color:var(--muted);justify-content:space-between;align-items:center;display:flex}.post-card-meta strong{color:var(--ink);font-weight:700}.post-card p{font-size:var(--fs-1);color:var(--muted);margin-top:var(--s-2);line-height:1.75}.post-card .read-link{font-size:var(--fs-1);padding-top:var(--s-4);justify-content:space-between;align-items:center;font-weight:600;display:flex}.post-card .read-link span{font-size:var(--fs-4)}.journal-empty{border:1px dashed var(--muted);border-radius:var(--r-2);text-align:center;padding:var(--s-7) var(--s-5)}.journal-empty h3{font-size:var(--fs-4)}.journal-empty p{margin:var(--s-3) 0 var(--s-4);color:var(--muted)}.reading-cta{margin-top:var(--s-8);padding:var(--s-6) var(--s-6);gap:var(--s-5);border:var(--line);border-radius:var(--r-2);background:var(--quiet);grid-template-columns:74px 1fr auto;align-items:center;display:grid}.cta-symbol{font-size:var(--fs-7);background:var(--surface);border:var(--line);border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-weight:700;display:flex}.reading-cta h2{font-size:var(--fs-5);letter-spacing:var(--tight)}.reading-cta p{font-size:var(--fs-1);color:var(--muted);margin-top:var(--s-2)}.reading-cta .button{font-size:var(--fs-1)}.article-heading{max-width:820px;margin:var(--s-7) auto var(--s-6);text-align:center}.article-heading h1{font-size:var(--fs-7);letter-spacing:var(--tight);margin:var(--s-5) 0;line-height:1.22}.article-heading .standfirst{font-size:var(--fs-2);color:var(--muted);max-width:635px;margin:0 auto;line-height:1.85}.article-heading .byline{margin-top:var(--s-5);justify-content:center}.article-layout{gap:var(--s-7);padding-top:var(--s-7);grid-template-columns:205px minmax(0,680px) 1fr;display:grid}.article-toc{align-self:start;position:sticky;top:112px}.article-toc .eyebrow{font-size:var(--fs-1);margin-bottom:var(--s-5)}.article-toc a{font-size:var(--fs-1);color:var(--muted);padding:var(--s-2) 0 var(--s-2) var(--s-4);border-left:var(--hairline);line-height:1.7;display:block}.article-toc a:hover,.article-toc a.active{color:var(--blue);border-color:var(--blue)}.article-toc .share-button{margin-top:var(--s-5);font-size:var(--fs-1);border:1px solid var(--ink);padding:var(--s-3) var(--s-3);border-radius:var(--r-1);background:0 0;font-weight:600}.share-status{font-size:var(--fs-1);color:var(--muted);min-height:30px;padding-top:var(--s-3);overflow-wrap:anywhere;display:block}.article-body{min-width:0}.article-body>p,.article-body section>p{font-size:var(--fs-2);color:var(--muted);margin-bottom:var(--s-5);line-height:1.95}.article-body .lead{font-size:var(--fs-3);color:var(--ink);font-weight:600;line-height:1.85}.article-body h2{font-size:var(--fs-5);letter-spacing:var(--tight);margin-bottom:var(--s-4)}.article-body section{margin-top:var(--s-6);scroll-margin-top:112px}.article-body strong{color:var(--ink)}.article-body blockquote{border-left:5px solid var(--blue);margin:var(--s-6) 0;padding:var(--s-3) 0 var(--s-3) var(--s-5);font-size:var(--fs-5);letter-spacing:var(--tight);font-weight:700;line-height:1.45}.inline-demo{border:var(--line);border-radius:var(--r-2);background:var(--quiet);margin:var(--s-5) 0;overflow:hidden}.inline-demo-top{padding:var(--s-4);grid-template-columns:1fr 1fr;align-items:center;display:grid}.inline-demo canvas{width:100%;height:205px}.inline-demo-text{padding:var(--s-4)}.inline-demo h3{font-size:var(--fs-4);margin-bottom:var(--s-3);line-height:1.4}.inline-demo p{font-size:var(--fs-1);color:var(--muted);line-height:1.75}.inline-demo-controls{background:var(--paper);border-top:var(--line);padding:var(--s-4);justify-content:space-between;align-items:center;gap:var(--s-4);display:flex}.inline-demo-controls .button{min-height:39px;font-size:var(--fs-1);padding:var(--s-2) var(--s-3);box-shadow:var(--shadow)}.inline-demo-controls .move-keys{gap:var(--s-2);display:flex}.move-keys button{border:var(--line);background:var(--surface);border-radius:var(--r-1);min-width:34px;height:36px;font-size:var(--fs-1);font-weight:700}.article-tip{background:var(--quiet);border:var(--hairline);border-radius:var(--r-1);padding:var(--s-5);margin-top:var(--s-5)}.article-tip strong{font-size:var(--fs-2)}.article-tip p{font-size:var(--fs-1);margin-top:var(--s-2);color:var(--muted);line-height:1.8}.article-checklist{margin:var(--s-5) 0;padding:0;list-style:none}.article-checklist li{gap:var(--s-3);font-size:var(--fs-2);margin-bottom:var(--s-4);grid-template-columns:28px 1fr;line-height:1.8;display:grid}.article-checklist li:before{content:"✓";background:var(--surface);border:1px solid var(--ink);width:24px;height:24px;font-size:var(--fs-1);color:var(--ink);border-radius:50%;justify-content:center;align-items:center;display:flex}.article-sources{font-size:var(--fs-1);color:var(--muted);padding-top:var(--s-5);border-top:var(--hairline);margin-top:var(--s-6);line-height:1.8}.article-sources a{text-underline-offset:3px;text-decoration:underline}.author-box{gap:var(--s-4);padding:var(--s-5) 0;border-block:var(--hairline);margin-top:var(--s-6);display:flex}.author-box .author-mark{border:var(--line);background:var(--surface);width:49px;height:49px;font-size:var(--fs-5);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.author-box h3{font-size:var(--fs-2);margin-bottom:var(--s-2)}.author-box p{font-size:var(--fs-1);color:var(--muted);line-height:1.7}.article-end-cta{background:var(--blue);color:var(--on-ink);padding:var(--s-5);border:var(--line);border-radius:var(--r-1);margin-top:var(--s-6)}.article-end-cta h3{font-size:var(--fs-4);letter-spacing:var(--tight);margin-bottom:var(--s-3);line-height:1.4}.article-end-cta p{font-size:var(--fs-1);margin-bottom:var(--s-4);line-height:1.8}.article-end-cta .button{color:var(--ink);font-size:var(--fs-1);min-height:42px;padding:var(--s-3) var(--s-4)}.related{padding-top:var(--s-8)}.related-heading{margin-bottom:var(--s-6);justify-content:space-between;align-items:center;display:flex}.related h2{font-size:var(--fs-5)}.related .post-cover{height:190px}.related .post-cover:before{top:17px}.course-banner{border:var(--line);border-radius:var(--r-2);background:var(--quiet);grid-template-columns:1.3fr 1fr;min-height:295px;display:grid;overflow:hidden}.course-banner-copy{padding:var(--s-6)}.course-banner h2{font-size:var(--fs-6);margin:var(--s-4) 0;max-width:480px}.course-banner p{font-size:var(--fs-1);color:var(--muted);max-width:390px}.course-banner .button{margin-top:var(--s-5);font-size:var(--fs-1);min-height:45px}.course-banner-art{background:var(--surface);isolation:isolate;border-left:var(--line);justify-content:center;align-items:center;display:flex;position:relative}.course-banner-art:after{content:"";background:var(--surface);z-index:-1;border-radius:50%;width:210px;height:210px;position:absolute}.course-banner-art canvas{width:100%;height:270px}.path-heading{margin:var(--s-7) 0 var(--s-5);justify-content:space-between;align-items:center;display:flex}.path-heading h2{font-size:var(--fs-5)}.progress-label{font-size:var(--fs-1);color:var(--muted)}.course-row{align-items:center;gap:var(--s-5);padding:var(--s-5);border:var(--line);border-radius:var(--r-1);grid-template-columns:100px 1fr 34px;transition:transform .2s,box-shadow .2s;display:grid}.course-row:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.course-row .course-thumb{border:var(--line);border-radius:var(--r-1);width:100px;height:95px;position:relative}.course-thumb canvas{width:100%;height:100%}.course-thumb .course-number{font-size:var(--fs-1);font-weight:700;position:absolute;top:7px;left:8px}.course-row h3{font-size:var(--fs-3);letter-spacing:var(--tight);margin:var(--s-2) 0}.course-row p{font-size:var(--fs-1);color:var(--muted);line-height:1.7}.course-row .eyebrow{font-size:var(--fs-1);letter-spacing:var(--track)}.course-row-arrow{background:var(--surface);border:1px solid var(--ink);width:30px;height:30px;font-size:var(--fs-4);border-radius:50%;justify-content:center;align-items:center;display:flex}.course-track{background:var(--ink);color:var(--paper);gap:var(--s-6);padding:var(--s-6) var(--s-6);border-radius:var(--r-2);margin-top:var(--s-6);grid-template-columns:1fr auto;align-items:center;display:grid}.course-track h2{font-size:var(--fs-5);margin:var(--s-3) 0}.course-track p{font-size:var(--fs-1);max-width:680px;color:var(--on-ink-2)}.course-track .eyebrow{color:var(--on-ink-2)}.course-track .button{color:var(--ink);font-size:var(--fs-1)}.learning-layout{gap:var(--s-6);padding-top:var(--s-6);grid-template-columns:225px 1fr;display:grid}.learning-sidebar{align-self:start;position:sticky;top:110px}.learning-sidebar .eyebrow{font-size:var(--fs-1);padding-bottom:var(--s-5)}.lesson-nav{gap:var(--s-2);flex-direction:column;display:flex}.lesson-nav a{align-items:center;gap:var(--s-3);font-size:var(--fs-1);padding:var(--s-3) var(--s-3);border-radius:var(--r-1);border:2px solid #0000;font-weight:600;line-height:1.5;display:flex}.lesson-nav a.active{border-color:var(--ink);background:var(--quiet);box-shadow:var(--shadow)}.lesson-nav a:hover{background:var(--quiet)}.lesson-nav .num{border:1px solid var(--ink);border-radius:var(--r-1);min-width:25px;height:25px;font-weight:700;font-size:var(--fs-1);justify-content:center;align-items:center;display:flex}.sidebar-help{font-size:var(--fs-1);margin:var(--s-5) var(--s-3) 0;color:var(--muted);line-height:1.8}.sidebar-help a{text-underline-offset:3px;text-decoration:underline}.lesson-page-heading{justify-content:space-between;align-items:center;gap:var(--s-5);margin-bottom:var(--s-5);display:flex}.lesson-page-heading h1{font-size:var(--fs-6);letter-spacing:var(--tight);margin:0 0 var(--s-4)}.lesson-tags{gap:var(--s-2);flex-wrap:wrap;display:flex}.lesson-tags span{border:1px solid var(--ink);border-radius:var(--r-1);padding:var(--s-1) var(--s-2);font-size:var(--fs-1);font-weight:600}.lesson-tags span:last-child{background:var(--surface)}.lesson-stage{border:var(--line);border-radius:var(--r-2);box-shadow:var(--shadow);position:relative;overflow:hidden}.lesson-stage-top{z-index:1;font-size:var(--fs-1);justify-content:space-between;align-items:center;display:flex;position:absolute;top:20px;left:22px;right:22px}.lesson-stage-top span{padding:var(--s-2) var(--s-3);background:var(--paper);border:1px solid var(--ink);border-radius:var(--r-1)}.lesson-stage canvas{cursor:grab;touch-action:pan-y;width:100%;height:363px}.lesson-stage-bottom{justify-content:space-between;align-items:center;gap:var(--s-5);padding:var(--s-4) var(--s-5);background:var(--paper);border-top:var(--line);display:flex}.playback{gap:var(--s-2);display:flex}.playback button{min-width:38px;height:36px;padding:0 var(--s-3);border:var(--line);border-radius:var(--r-1);font-size:var(--fs-1);background:var(--surface);font-weight:700}.playback .secondary{background:var(--paper);font-size:var(--fs-4)}.playback label{align-items:center;display:flex}.playback select{background:var(--paper);border:1px solid var(--ink);border-radius:var(--r-1);padding:var(--s-2);font:inherit;font-size:var(--fs-1);height:36px}.lesson-info-grid{gap:var(--s-4);margin-top:var(--s-5);grid-template-columns:1fr 1fr;display:grid}.lesson-info-box{padding:var(--s-5);border:var(--line);border-radius:var(--r-1)}.lesson-info-box .eyebrow{font-size:var(--fs-1);color:var(--blue);margin-bottom:var(--s-3)}.lesson-info-box p{font-size:var(--fs-1);line-height:1.8}.lesson-formula{background:var(--quiet);border:var(--line);border-radius:var(--r-2);padding:var(--s-5);margin-top:var(--s-5)}.lesson-formula-title{margin-bottom:var(--s-4);justify-content:space-between;align-items:center;gap:var(--s-4);display:flex}.lesson-formula h2{font-size:var(--fs-4);letter-spacing:var(--tight)}.lesson-formula-title>span{font-size:var(--fs-1);letter-spacing:var(--track);font-weight:700}.formula-cards{gap:var(--s-3);grid-template-columns:repeat(4,1fr);display:grid}.formula-card{background:var(--paper);border:var(--line);border-radius:var(--r-1);padding:var(--s-3);text-align:center}.formula-card.current{box-shadow:0 0 0 3px var(--blue)}.formula-card small{font-size:var(--fs-1);color:var(--muted);display:block}.formula-card canvas{width:100%;height:90px}.formula-card strong{font-size:var(--fs-4);margin-bottom:var(--s-2);display:block}.formula-card span{font-size:var(--fs-1)}.lesson-formula>p{font-size:var(--fs-1);color:var(--muted);margin-top:var(--s-4);line-height:1.7}.practice-check{padding:var(--s-5) 0;justify-content:space-between;align-items:center;gap:var(--s-5);display:flex}.practice-check p{font-size:var(--fs-1);color:var(--muted)}.practice-check button{font-size:var(--fs-1);min-height:43px;padding:var(--s-3) var(--s-4)}.lesson-pagination{gap:var(--s-4);grid-template-columns:1fr 1fr;display:grid}.lesson-pagination a{border:var(--line);border-radius:var(--r-1);padding:var(--s-4);font-size:var(--fs-1);font-weight:700}.lesson-pagination a:last-child{text-align:right;background:var(--ink);color:var(--paper)}.lesson-pagination a small{font-size:var(--fs-1);margin-bottom:var(--s-1);font-weight:400;display:block}.lesson-callout{margin-top:var(--s-5);background:var(--blue);color:var(--paper);border:var(--line);border-radius:var(--r-1);padding:var(--s-5);justify-content:space-between;align-items:center;gap:var(--s-5);display:flex}.lesson-callout h3{font-size:var(--fs-3);margin-bottom:var(--s-2);letter-spacing:var(--tight)}.lesson-callout p{font-size:var(--fs-1)}.lesson-callout .button{color:var(--ink);font-size:var(--fs-1);min-height:38px;padding:var(--s-3) var(--s-4)}.reference-intro{gap:var(--s-8);padding:var(--s-6);background:var(--quiet);border:var(--line);border-radius:var(--r-2);grid-template-columns:1fr 1.1fr;align-items:center;display:grid}.reference-intro h2{font-size:var(--fs-5);letter-spacing:var(--tight);margin-bottom:var(--s-3)}.reference-intro p{font-size:var(--fs-1);color:var(--muted);line-height:1.8}.reference-examples{gap:var(--s-3);grid-template-columns:repeat(3,1fr);display:grid}.reference-examples div{border:var(--line);border-radius:var(--r-1);background:var(--paper);padding:var(--s-4) var(--s-3);text-align:center}.reference-examples strong{font-size:var(--fs-5);margin-bottom:var(--s-2);display:block}.reference-examples span{font-size:var(--fs-1);line-height:1.6;display:block}.reference-workspace{gap:var(--s-6);margin-top:var(--s-7);grid-template-columns:1fr 1fr;align-items:start;display:grid}.reference-controls h2{font-size:var(--fs-5);margin-bottom:var(--s-3)}.reference-controls>p{font-size:var(--fs-1);color:var(--muted);margin-bottom:var(--s-5)}.face-selector{gap:var(--s-3);grid-template-columns:repeat(3,1fr);display:grid}.face-selector button{background:var(--paper);padding:var(--s-5) var(--s-3);border:var(--line);border-radius:var(--r-1);text-align:center}.face-selector strong{font-size:var(--fs-5);margin-bottom:var(--s-2);display:block}.face-selector span{font-size:var(--fs-1);display:block}.face-selector button.active{background:var(--ink);color:var(--paper);box-shadow:var(--shadow)}.direction-selector{gap:var(--s-2);margin:var(--s-5) 0;display:flex}.direction-selector button{border:1px solid var(--ink);border-radius:var(--r-1);padding:var(--s-3) var(--s-4);font-size:var(--fs-1);background:0 0;flex:1}.direction-selector button.active{background:var(--ink);color:var(--on-ink)}.reference-play{width:100%;min-height:47px}.reference-stage{border:var(--line);border-radius:var(--r-2);background:var(--blue);position:sticky;top:106px;overflow:hidden}.reference-stage canvas{cursor:grab;touch-action:pan-y;width:100%;height:345px}.reference-stage-footer{border-top:var(--line);background:var(--paper);padding:var(--s-4) var(--s-5);justify-content:space-between;align-items:center;gap:var(--s-4);display:flex}.reference-stage-footer strong{font-size:var(--fs-5)}.reference-stage-footer span{font-size:var(--fs-1);color:var(--muted);margin-top:var(--s-2);display:block}.reference-stage-footer button{border:var(--line);border-radius:var(--r-1);background:var(--surface);width:39px;height:39px;font-size:var(--fs-5)}.reference-tip{border-left:2px solid var(--ink);padding:var(--s-1) 0 var(--s-1) var(--s-4);margin-top:var(--s-5);font-size:var(--fs-1);color:var(--muted);line-height:1.8}.reference-table{margin-top:var(--s-7)}.reference-table h2{font-size:var(--fs-5);margin-bottom:var(--s-5)}.reference-table table{border-collapse:collapse;width:100%;font-size:var(--fs-1)}.reference-table th{text-align:left;background:var(--ink);color:var(--on-ink);padding:var(--s-4) var(--s-5);font-size:var(--fs-1);font-weight:600}.reference-table td{padding:var(--s-4) var(--s-5);border-bottom:var(--hairline)}.reference-table td:first-child{font-size:var(--fs-4);font-weight:700}.reference-table td:last-child{font-size:var(--fs-1);color:var(--muted)}.reference-source{font-size:var(--fs-1);color:var(--muted);margin-top:var(--s-4)}.reference-source a{text-decoration:underline}.toast{padding:var(--s-4) var(--s-5);background:var(--ink);color:var(--paper);border:1px solid var(--muted);border-radius:var(--r-1);max-width:calc(100% - 32px);font-size:var(--fs-1);z-index:20;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@media (width<=1100px){.page-heading h1{font-size:var(--fs-7)}.header-shapes i{width:46px;height:46px}.feature-copy{padding:var(--s-6)}.feature-copy h2{font-size:var(--fs-5)}.feature-story{min-height:340px}.post-cover{height:195px}.post-card h3{font-size:var(--fs-4)}.article-layout{gap:var(--s-6);grid-template-columns:175px minmax(0,1fr)}.article-heading h1{font-size:var(--fs-6)}.learning-layout{gap:var(--s-5);grid-template-columns:200px 1fr}.course-row{padding:var(--s-4);gap:var(--s-3);grid-template-columns:83px 1fr 25px}.course-row .course-thumb{width:83px;height:85px}.course-row h3{font-size:var(--fs-2)}.course-row-arrow{width:25px;height:25px}.reference-intro{gap:var(--s-5)}.post-grid{gap:var(--s-5) var(--s-5)}}@media (width<=767px){.menu-toggle{display:block}.nav-actions .language{display:flex}.header .mobile-nav{padding:var(--s-4) var(--s-5) var(--s-5);justify-content:space-between;gap:var(--s-4);font-size:var(--fs-1);border-top:var(--hairline);display:flex}.site-footer{padding-top:var(--s-5);margin-top:var(--s-7);gap:var(--s-5)}.site-footer nav{gap:var(--s-4);font-size:var(--fs-1);display:flex}.site-footer .brand{font-size:var(--fs-5)}.footer-bottom{gap:var(--s-4);font-size:var(--fs-1)}.page-heading{padding:var(--s-6) 0 var(--s-6)}.page-heading h1{font-size:var(--fs-6);letter-spacing:var(--tight);margin:var(--s-4) 0;line-height:1.2}.page-heading p{font-size:var(--fs-1);max-width:320px}.header-shapes{display:none}.feature-story{grid-template-columns:1fr}.feature-art{border-right:0;border-bottom:var(--line);min-height:240px}.feature-art canvas{height:255px}.feature-art:before{width:210px;height:210px;top:22px;left:calc(50% - 105px)}.feature-art .art-formula{font-size:var(--fs-1);letter-spacing:var(--track);bottom:16px;left:20px}.feature-copy{padding:var(--s-5)}.feature-copy h2{font-size:var(--fs-5);letter-spacing:var(--tight);margin:var(--s-4) 0 var(--s-3)}.feature-copy p{font-size:var(--fs-1)}.feature-copy .byline{font-size:var(--fs-1);margin-top:var(--s-4)}.journal{padding-top:0}.journal-tools{align-items:stretch;gap:var(--s-4);padding-bottom:var(--s-5);margin-bottom:var(--s-5);flex-direction:column}.filters{gap:var(--s-2);flex-wrap:nowrap}.filter{font-size:var(--fs-1);padding:var(--s-3) var(--s-3);white-space:nowrap}.search-field{min-width:0}.journal-meta{font-size:var(--fs-1)}.post-grid{gap:var(--s-6);grid-template-columns:1fr}.post-cover{height:215px}.post-card h3{font-size:var(--fs-4);letter-spacing:var(--tight)}.post-card-meta{margin:var(--s-4) 0 var(--s-3)}.post-card p{font-size:var(--fs-1)}.reading-cta{gap:var(--s-4);margin-top:var(--s-6);padding:var(--s-5);grid-template-columns:42px 1fr}.cta-symbol{width:42px;height:42px;font-size:var(--fs-5)}.reading-cta h2{font-size:var(--fs-4)}.reading-cta p{font-size:var(--fs-1)}.reading-cta .button{width:100%;font-size:var(--fs-1);grid-column:1/-1}.breadcrumbs{padding-top:var(--s-5);font-size:var(--fs-1);gap:var(--s-2)}.article-heading{margin:var(--s-6) 0 var(--s-6);text-align:left}.article-heading h1{font-size:var(--fs-6);letter-spacing:var(--tight);margin:var(--s-4) 0;line-height:1.25}.article-heading .standfirst{font-size:var(--fs-1);line-height:1.9}.article-heading .byline{font-size:var(--fs-1);justify-content:flex-start;gap:var(--s-2);margin-top:var(--s-5)}.article-layout{gap:var(--s-5);padding-top:var(--s-6);grid-template-columns:1fr}.article-toc{background:var(--quiet);padding:var(--s-5);border-radius:var(--r-1);position:static}.article-toc .eyebrow{margin-bottom:var(--s-3)}.article-toc a{font-size:var(--fs-1);padding-block:var(--s-2)}.article-toc .share-button{margin-top:var(--s-4)}.share-status{min-height:0;margin-top:var(--s-2);padding-top:0}.article-body .lead{font-size:var(--fs-2);line-height:1.9}.article-body>p,.article-body section>p{font-size:var(--fs-1);margin-bottom:var(--s-4);line-height:1.95}.article-body h2{font-size:var(--fs-5)}.article-body section{margin-top:var(--s-6)}.article-body blockquote{font-size:var(--fs-4);padding-left:var(--s-5);margin:var(--s-5) 0}.inline-demo-top{padding:var(--s-3);grid-template-columns:1fr 1fr}.inline-demo canvas{height:167px}.inline-demo-text{padding:var(--s-2)}.inline-demo h3{font-size:var(--fs-3)}.inline-demo p{font-size:var(--fs-1)}.inline-demo-controls{padding:var(--s-3);gap:var(--s-3);flex-wrap:wrap}.inline-demo-controls .button{font-size:var(--fs-1);min-height:35px;padding:var(--s-2) var(--s-3)}.move-keys button{min-width:29px;height:31px;font-size:var(--fs-1)}.article-checklist li{font-size:var(--fs-1);gap:var(--s-2)}.article-tip{padding:var(--s-4)}.article-tip p{font-size:var(--fs-1)}.article-end-cta{padding:var(--s-5)}.article-end-cta h3{font-size:var(--fs-4)}.related{padding-top:var(--s-7)}.related h2{font-size:var(--fs-5)}.related .post-cover{height:200px}.related .post-grid{gap:var(--s-5)}.course-banner{grid-template-columns:1fr}.course-banner-copy{padding:var(--s-5)}.course-banner h2{font-size:var(--fs-5);letter-spacing:var(--tight)}.course-banner p{font-size:var(--fs-1)}.course-banner-art{border-left:0;border-top:var(--line)}.course-banner-art canvas{height:225px}.course-banner-art:after{width:185px;height:185px}.path-heading{margin:var(--s-6) 0 var(--s-5);align-items:start;gap:var(--s-4)}.path-heading h2{font-size:var(--fs-5)}.progress-label{font-size:var(--fs-1);white-space:nowrap;padding-top:var(--s-2)}.course-list{gap:var(--s-3);grid-template-columns:1fr}.course-row{padding:var(--s-4);gap:var(--s-3);grid-template-columns:75px 1fr 26px}.course-row .course-thumb{width:75px;height:80px}.course-row h3{font-size:var(--fs-2)}.course-row p,.course-row .eyebrow{font-size:var(--fs-1)}.course-track{padding:var(--s-5);gap:var(--s-5);grid-template-columns:1fr}.course-track h2{font-size:var(--fs-5)}.course-track p{font-size:var(--fs-1)}.course-track .button{justify-self:start}.learning-layout{gap:var(--s-4);padding-top:var(--s-5);grid-template-columns:1fr}.learning-sidebar{min-width:0;position:static}.learning-sidebar .eyebrow{padding-bottom:var(--s-3)}.lesson-nav{gap:var(--s-2);padding-bottom:var(--s-2);grid-template-columns:repeat(8,44px);display:grid;overflow:auto}.lesson-nav a{border:var(--line);flex-shrink:0;justify-content:center;height:42px;padding:0}.lesson-nav .num{font-size:var(--fs-2);border:0;min-width:35px;background:0 0!important}.lesson-nav a.active .num{color:var(--paper);background:var(--ink)!important}.lesson-nav .name,.sidebar-help{display:none}.lesson-page-heading{margin-bottom:var(--s-5)}.lesson-page-heading h1{font-size:var(--fs-5);letter-spacing:var(--tight)}.lesson-tags span{font-size:var(--fs-1)}.lesson-stage canvas{height:283px}.lesson-stage-top{font-size:var(--fs-1);top:14px;left:14px;right:14px}.lesson-stage-top span{padding:var(--s-2) var(--s-2)}.lesson-stage-bottom{padding:var(--s-3);gap:var(--s-3)}.playback{gap:var(--s-2)}.playback button{font-size:var(--fs-1);min-width:31px;padding:0 var(--s-3)}.lesson-info-grid{gap:var(--s-3);margin-top:var(--s-5);grid-template-columns:1fr}.lesson-info-box{padding:var(--s-4)}.lesson-formula{padding:var(--s-4);margin-top:var(--s-4)}.lesson-formula h2{font-size:var(--fs-4)}.lesson-formula-title>span{font-size:var(--fs-1);letter-spacing:var(--track)}.formula-cards{gap:var(--s-3);grid-template-columns:repeat(2,1fr)}.formula-card canvas{height:93px}.lesson-formula>p{font-size:var(--fs-1)}.practice-check{align-items:stretch;gap:var(--s-4);padding-block:var(--s-5);flex-direction:column}.practice-check p{font-size:var(--fs-1)}.lesson-pagination{gap:var(--s-3)}.lesson-pagination a{padding:var(--s-4) var(--s-3);font-size:var(--fs-1)}.lesson-callout{padding:var(--s-4);flex-wrap:wrap}.lesson-callout h3{font-size:var(--fs-3)}.lesson-callout p{font-size:var(--fs-1)}.reference-intro{gap:var(--s-5);padding:var(--s-5);grid-template-columns:1fr}.reference-intro h2{font-size:var(--fs-5)}.reference-intro p{font-size:var(--fs-1)}.reference-examples{gap:var(--s-2)}.reference-examples div{padding:var(--s-4) var(--s-2)}.reference-examples strong{font-size:var(--fs-5)}.reference-examples span{font-size:var(--fs-1)}.reference-workspace{gap:var(--s-5);margin-top:var(--s-6);grid-template-columns:1fr}.reference-controls h2{font-size:var(--fs-5)}.reference-controls>p{font-size:var(--fs-1)}.face-selector{gap:var(--s-3)}.face-selector button{padding:var(--s-4) var(--s-3)}.face-selector strong{font-size:var(--fs-5)}.reference-stage{grid-row:1;position:static}.reference-stage canvas{height:265px}.reference-stage-footer{padding:var(--s-4) var(--s-5)}.reference-stage-footer strong{font-size:var(--fs-5)}.reference-stage-footer span{font-size:var(--fs-1)}.direction-selector{gap:var(--s-2);margin:var(--s-5) 0}.direction-selector button{font-size:var(--fs-1);padding:var(--s-3) var(--s-2)}.reference-table{margin-top:var(--s-6)}.reference-table h2{font-size:var(--fs-5)}.reference-table th{font-size:var(--fs-1);padding:var(--s-3) var(--s-3)}.reference-table td{padding:var(--s-4) var(--s-3);font-size:var(--fs-1)}.reference-table td:first-child{font-size:var(--fs-4)}.reference-table td:last-child{font-size:var(--fs-1)}.reference-source{font-size:var(--fs-1);line-height:1.8}.reference-tip{font-size:var(--fs-1)}}@media print{.header,.article-toc,.learning-sidebar,.reference-stage{position:static}.menu-toggle{display:none}.post-cover,.feature-story,.lesson-stage,.reference-intro{break-inside:avoid}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-faq{padding-top:var(--s-8)}.faq.page-faq summary{font-size:var(--fs-3);line-height:1.45}.faq.page-faq details p{font-size:var(--fs-2);max-width:640px;line-height:1.7}@media (width<=767px){.faq.page-faq summary,.faq.page-faq details p{font-size:var(--fs-2)}}.page-faq details p a{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.article-end-cta .article-end-links{margin:var(--s-4) 0 0;font-size:var(--fs-2)}.article-end-cta .article-end-links a{color:inherit;text-underline-offset:3px;text-decoration:underline}:root{--font-body:var(--font-mono),monospace;--font-studio:var(--font-mono),monospace}.lang-note{font-size:var(--fs-1);border:var(--line);border-radius:var(--r-1);background:var(--quiet);padding:var(--s-3) var(--s-4);margin:0 0 var(--s-6);font-weight:600}.article-heading .lang-note{margin:var(--s-4) auto 0;max-width:560px}.article-body ul,.article-body ol{font-size:var(--fs-2);color:var(--muted);margin:0 0 var(--s-5);padding-left:var(--s-5);line-height:1.95}.article-body li{margin-bottom:var(--s-2)}.article-body h3{font-size:var(--fs-4);letter-spacing:var(--tight);margin:var(--s-5) 0 var(--s-3)}.article-body section>p a,.article-body li a,.article-body>p a{color:var(--blue);text-underline-offset:3px;text-decoration:underline}.article-figure{margin:var(--s-5) 0;border:var(--line);border-radius:var(--r-2);background:var(--quiet);overflow:hidden}.article-figure img{width:auto;max-width:100%;height:auto;max-height:420px;margin:0 auto;display:block}.article-figure figcaption{background:var(--surface);font-size:var(--fs-1);color:var(--muted);padding:var(--s-3) var(--s-4);border-top:var(--line);line-height:1.7}.article-figure figcaption a{text-underline-offset:3px;text-decoration:underline}.article-video{margin:var(--s-5) 0;border:var(--line);border-radius:var(--r-2);background:var(--paper);box-shadow:var(--shadow);grid-template-columns:120px 1fr;align-items:center;display:grid;overflow:hidden}.article-video .play{background:var(--ink);border-right:var(--line);height:100%;min-height:104px;color:var(--on-ink);font-size:var(--fs-5);justify-content:center;align-items:center;display:flex}.article-video .meta{padding:var(--s-4) var(--s-4);gap:var(--s-2);display:grid}.article-video strong{font-size:var(--fs-2);line-height:1.5}.article-video span{font-size:var(--fs-1);color:var(--muted)}.article-video:hover{box-shadow:var(--shadow-hover);transform:translate(-1px,-1px)}.article-body .faq{padding:0;display:block}.article-body .faq details{padding:var(--s-4) 0}.article-body .faq summary{font-size:var(--fs-2)}.article-body .faq details p{font-size:var(--fs-1);max-width:none}.backdrop{z-index:-1;pointer-events:none;fill:none;width:100%;height:100%;stroke:var(--ink);stroke-width:1.5px;stroke-linecap:round;opacity:.11;position:fixed;inset:0}.backdrop path{vector-effect:non-scaling-stroke}.course-row,.case-card,.face-selector button{background:var(--paper)}@media print{.backdrop{display:none}}.course-list{margin:0;padding:0;list-style:none}.course-row .course-thumb{background:var(--surface)}.course-row h3{font-size:var(--fs-4)}.course-row p{font-size:var(--fs-2)}.course-row .eyebrow{font-size:var(--fs-1);color:var(--blue)}.learning-sidebar{padding-top:var(--s-2)}.lesson-nav a{font-size:var(--fs-2)}.lesson-intro .eyebrow{color:var(--blue)}.lesson-intro h1{font-size:var(--fs-6);letter-spacing:var(--tight);margin:var(--s-2) 0 var(--s-3)}.lesson-intro p{font-size:var(--fs-3);max-width:640px}.lesson-hold{margin:var(--s-5) 0 var(--s-5);border:var(--line);border-radius:var(--r-2);overflow:hidden}.lesson-hold>div{gap:var(--s-4);padding:var(--s-4) var(--s-4);grid-template-columns:110px 1fr;align-items:baseline;display:grid}.lesson-hold>div+div{border-top:var(--line)}.lesson-hold dt{font-size:var(--fs-1);letter-spacing:var(--track);font-weight:700}.lesson-hold dd{font-size:var(--fs-2);margin:0;line-height:1.7}.lesson-hold .formula .alg{margin:0}.learning-layout>article,.cases{min-width:0}.lesson-work{gap:var(--s-5);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;display:grid}.cases h2{font-size:var(--fs-4);letter-spacing:var(--tight);margin-bottom:var(--s-4)}.keep-front{font-size:var(--fs-2);margin:-8px 0 var(--s-4);padding:var(--s-3) var(--s-3);border-left:2px solid var(--ink);background:var(--surface);line-height:1.55}.case-list{gap:var(--s-4) var(--s-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.case-card{gap:var(--s-2);text-align:left;background:0 0;border:0;border-radius:0;flex-direction:column;padding:0;display:flex}.case-card:hover canvas{background:var(--quiet)}.case-card canvas{background:var(--surface);border-radius:var(--r-1);width:100%;height:132px;transition:background .2s}.case-card .top-view{width:100%;height:132px;padding:var(--s-2) 0 var(--s-1);background:var(--surface);border-radius:var(--r-1);transition:background .2s}.case-card:hover .top-view{background:var(--quiet)}.case-card .top-view.slice{height:150px}.top-view-front{font-size:var(--fs-1);letter-spacing:var(--track);fill:var(--ink);font-weight:700}.case-card span{padding:0 var(--s-1)}.case-card strong{text-wrap:balance;font-size:var(--fs-2);line-height:1.45;display:block}.case-card small{text-wrap:balance;font-size:var(--fs-1);letter-spacing:var(--track);color:var(--muted);margin-top:var(--s-1);font-weight:600;display:block}.lesson-stage{background:var(--surface);position:sticky;top:100px}.lesson-stage canvas{height:250px}.stage-panel{border-top:var(--line);background:var(--paper);padding:var(--s-4) var(--s-5)}.alg{gap:var(--s-3) var(--s-4);margin:var(--s-4) 0 var(--s-3);flex-wrap:wrap;display:flex}.alg-group{gap:var(--s-1);flex-wrap:wrap;align-items:center;display:flex;position:relative}.alg b{min-width:50px;padding:var(--s-2) var(--s-1) var(--s-1);border:var(--line);border-radius:var(--r-1);background:var(--surface);font-size:var(--fs-2);flex-direction:column;align-items:center;gap:2px;line-height:1.1;display:flex}.alg b svg{width:38px;height:38px}.alg b svg path:not(.arrow){fill:#8f908b;stroke:var(--ink);stroke-width:.8px;stroke-linejoin:round}.alg b svg path.U{fill:#a9aaa5}.alg b svg path.R{fill:#767772}.alg b svg path.on{fill:#fff}.alg b svg path.on.U{fill:#f4f4f1}.alg b svg path.on.R{fill:#dcdcd8}.alg b.prime{background:color-mix(in srgb,var(--blue) 12%,#fff)}.alg b .arrow{fill:none;stroke:var(--red);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.alg marker path{fill:context-stroke}.alg b.done{opacity:.35}.alg b.now{background:var(--ink);color:var(--paper)}.alg b.now svg path:not(.arrow){stroke:var(--paper)}.alg b.now .arrow{stroke:var(--blue)}.alg .times{font-style:normal;font-size:var(--fs-1);padding:2px var(--s-2);border:var(--line);background:var(--paper);border-radius:999px;font-weight:700;position:absolute;top:-10px;right:-12px}.playback{flex-wrap:wrap}.playback button{height:42px;font-size:var(--fs-2);padding:0 var(--s-4)}.playback .secondary{font-size:var(--fs-2)}.playback button.icon{width:42px;font-size:var(--fs-4);justify-content:center;padding:0}.playback button.icon .icon{vertical-align:0;width:20px;height:20px}.playback button{align-items:center;gap:var(--s-2);display:inline-flex}.lesson-tips{margin:var(--s-5) 0 0;padding:var(--s-1) 0 var(--s-1) var(--s-4);border-left:2px solid var(--ink);font-size:var(--fs-2);line-height:1.9;list-style:none}.reference-workspace{margin-top:0}.face-selector span{font-size:var(--fs-1)}.reference-tip,.reading-cta p,.reading-cta .button{font-size:var(--fs-2)}@media (width<=1100px){.lesson-work{grid-template-columns:1fr}.lesson-stage{position:relative;top:0}}@media (width<=767px){.lesson-intro h1{font-size:var(--fs-5);letter-spacing:var(--tight)}.lesson-intro p{font-size:var(--fs-2)}.lesson-stage canvas{height:175px}.course-row h3{font-size:var(--fs-3)}.course-row p{font-size:var(--fs-1)}}.reference-stage-footer span{font-size:var(--fs-2)}:root{--scribble:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 14' preserveAspectRatio='none'%3E%3Cpath fill='%23ffda28' fill-rule='evenodd' d='M5 9.6C15 6.4 30 4.2 48 4.6 62 5 76 4.6 89 2.8L87.4 4.2 90.2 4 88 5.6 90.6 5.8C78 8.4 63 9.8 48 9.9 32 10 17 10.6 5 9.6ZM60 7.3 80 6 80.2 6.5 60.4 7.8ZM91.5 2.9 98.5 1.6 98 2.3 91.8 3.6ZM92 5.2 97 4.4 96.6 5 92.2 5.9ZM1 10.4 4 9.7 4.2 10.2 1.4 10.9Z'/%3E%3C/svg%3E");--sparks:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 48'%3E%3Cg fill='%23ffda28' stroke='%23191919' stroke-width='1.5' stroke-linejoin='round'%3E%3Cpath d='M22 6c1 9 6 14 15 15-9 1-14 6-15 15-1-9-6-14-15-15 9-1 14-6 15-15z'/%3E%3Cpath d='M44 2c.5 4.500 3 7 7.500 7.500-4.500.5-7 3-7.500 7.500-.5-4.500-3-7-7.500-7.500 4.500-.5 7-3 7.500-7.500z'/%3E%3Cpath d='M43 28c.4 3.600 2.400 5.600 6 6-3.600.4-5.600 2.400-6 6-.4-3.600-2.400-5.600-6-6 3.600-.4 5.600-2.400 6-6z'/%3E%3C/g%3E%3C/svg%3E")}.highlight{white-space:normal}.highlight:before{content:none!important}.rk-blue{color:var(--blue)}.rk-red{color:#d42a1c}.rk-green{color:var(--success)}.rk-orange{color:#c25200}.scribble,.nav a[aria-current=page],.mobile-nav a[aria-current=page]{color:var(--ink);display:inline-block;position:relative}.scribble:after,.nav a[aria-current=page]:after,.mobile-nav a[aria-current=page]:after{content:"";background:var(--scribble) center/100% 100% no-repeat;pointer-events:none;width:max(100% + 10px,38px);height:14px;margin:-1px 0 0;animation:.5s cubic-bezier(.3,.7,.3,1) both scribble-in;display:block;position:absolute;top:100%;left:50%;translate:-50%}@keyframes scribble-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 -2px 0 0)}}@media (prefers-reduced-motion:reduce){.scribble:after,.nav a[aria-current=page]:after,.mobile-nav a[aria-current=page]:after{animation:none}}.reading-cta{background:var(--surface)}.cta-symbol{background:0 0}.language{border:var(--line);border-radius:var(--r-1);gap:2px;height:36px;padding:3px}.language span{border-radius:var(--r-1);width:32px;height:100%;color:var(--muted);place-items:center;font-weight:700;display:grid}.language span[data-on]{background:var(--ink);color:var(--paper)}.icon{vertical-align:-.22em;flex:none;width:1.2em;height:1.2em}.button:has(.icon),.text-link:has(.icon){gap:var(--s-2)}.cta-symbol .icon,.round-link .icon,.course-row-arrow .icon,.how-arrow .icon,.store-deco .icon{width:.6em;height:.6em}.cta-symbol,.round-link,.course-row-arrow{justify-content:center;align-items:center;display:flex}.search-field .icon{width:18px;height:18px;color:var(--muted)}.button.black,.lesson-pagination a:last-child{box-shadow:var(--shadow)}.button.black:hover,.lesson-pagination a:last-child:hover{box-shadow:var(--shadow-hover);transform:translate(-2px,-2px)}.button.black:active,.lesson-pagination a:last-child:active{box-shadow:0 0 0 var(--ink);transform:translate(2px,2px)}.case-card{position:relative}.case-card[aria-pressed=true]:after{content:"";background:var(--sparks) center/contain no-repeat;pointer-events:none;width:56px;height:48px;animation:.35s cubic-bezier(.3,1.5,.5,1) both spark-in;position:absolute;top:-20px;right:-16px}@keyframes spark-in{0%{opacity:0;scale:.3}to{opacity:1;scale:1}}@media (prefers-reduced-motion:reduce){.case-card[aria-pressed=true]:after{animation:none}}.video-dialog{width:min(960px,100% - 32px)}.video-dialog .dialog-head{gap:var(--s-4)}.video-dialog .dialog-head strong{font-size:var(--fs-3);line-height:1.4}.video-dialog .close-dialog{flex:none;width:44px;height:44px}.video-dialog iframe{aspect-ratio:16/9;background:var(--ink);border:0;width:100%;display:block}.video-dialog .dialog-footer{align-items:center;gap:var(--s-4);font-size:var(--fs-2);color:var(--muted);flex-wrap:wrap}.video-dialog .text-link{font-size:var(--fs-2);color:var(--ink)}.to-top{right:max(20px,env(safe-area-inset-right,0px));bottom:max(20px,env(safe-area-inset-bottom,0px));z-index:9;background:var(--ink);border:2px solid var(--ink);border-radius:var(--r-1);width:52px;height:52px;box-shadow:var(--shadow);grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;transition:translate .2s,box-shadow .2s;animation:.25s ease-out both spark-in;display:grid;position:fixed}.to-top i{background:var(--ink);border-radius:2px}.to-top .icon{width:30px;height:30px;padding:var(--s-1);box-sizing:border-box;border:2px solid var(--ink);background:var(--paper);color:var(--ink);stroke-width:2.8px;border-radius:50%;margin:auto;position:absolute;inset:0}.to-top:hover{box-shadow:var(--shadow-hover);translate:0 -3px}@media (prefers-reduced-motion:reduce){.to-top{transition:none;animation:none}}@media print{.to-top{display:none}}.lesson-pagination a{align-items:center;gap:var(--s-2);display:inline-flex}.reference-controls{gap:var(--s-6);flex-direction:column;display:flex}.reference-controls h2{margin:0 0 var(--s-4)}.reference-controls .face-selector{max-width:none;margin:0}.reference-more,.reference-rule{border-top:var(--line);padding-top:var(--s-6)}.reference-more h2{margin:0}.reference-more h2 button{align-items:center;gap:var(--s-3);text-align:left;width:100%;min-height:44px;font-size:var(--fs-4);letter-spacing:var(--tight);background:0 0;padding:0;font-weight:700;display:flex}.reference-more small{font-size:var(--fs-1);letter-spacing:var(--track);text-transform:uppercase;color:var(--blue);font-weight:700}.reference-more h2 button:after{content:"+";font-size:var(--fs-5);margin-left:auto;font-weight:600;line-height:1;transition:rotate .3s}.reference-more[data-open=true] h2 button:after{rotate:45deg}.reference-more-body{grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.3,.7,.3,1);display:grid}.reference-more[data-open=true] .reference-more-body{grid-template-rows:1fr}.reference-more-body>div{opacity:0;min-height:0;padding:0;transition:opacity .25s,padding .35s;overflow:hidden}.reference-more[data-open=true] .reference-more-body>div{padding:var(--s-4) 0 0;opacity:1;overflow:visible}@media (prefers-reduced-motion:reduce){.reference-more-body,.reference-more-body>div,.reference-more h2 button:after{transition:none}}.lesson-path{align-items:center;gap:var(--s-5);margin:var(--s-5) 0 0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);padding:0;list-style:none;display:grid}.lesson-path li{align-items:center;gap:var(--s-4);padding:var(--s-3) var(--s-4) var(--s-3) var(--s-3);border:var(--line);border-radius:var(--r-2);background:var(--surface);grid-template-columns:132px minmax(0,1fr);display:grid}.lesson-path canvas{width:132px;height:118px}.lesson-path small{font-size:var(--fs-1);letter-spacing:var(--track);text-transform:uppercase;color:var(--muted);font-weight:700;display:block}.lesson-path li:last-child small{color:var(--blue)}.lesson-path strong{margin-top:var(--s-1);font-size:var(--fs-3);letter-spacing:var(--tight);line-height:1.35;display:block}.lesson-path .icon{width:26px;height:26px}.lesson-path li.arrow{background:0 0;border:0;padding:0;display:flex}@media (width<=767px){.lesson-path{gap:var(--s-2);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.lesson-path li{text-align:center;padding:var(--s-2) var(--s-2) var(--s-3);grid-template-columns:1fr;justify-items:center;gap:0}.lesson-path canvas{width:100%;height:72px}.lesson-path small{font-size:var(--fs-1)}.lesson-path strong{font-size:var(--fs-2)}.lesson-path .icon{width:20px;height:20px}}.feature-story:not(:has(.feature-art)){grid-template-columns:1fr}.feature-art{background:var(--surface-2,#ebe9e1);flex-direction:column;align-items:stretch;min-height:340px}.feature-art img{object-fit:cover;object-position:50% 20%;width:100%;height:100%;position:absolute;inset:0}.feature-art small{padding:var(--s-2) var(--s-3);font-size:var(--fs-1);color:var(--ink);background:#fffc;position:absolute;bottom:0;left:0;right:0}svg.store-icon{flex:none;width:26px;height:26px}.footer .brand{margin-right:auto}@media (width<=767px){.footer>span:nth-child(2){text-align:right}.footer,.site-footer{padding-bottom:var(--s-5)}}.article-sources{font-size:var(--fs-2)}.article-sources p{margin-top:var(--s-2)}.lesson-path.big-cube svg[role=img]{width:132px;height:132px;display:block}.article-body .lesson-path{margin:var(--s-5) 0 var(--s-5);gap:var(--s-3)}.article-body .lesson-path li:not(.arrow){gap:var(--s-3);padding-right:var(--s-3);grid-template-columns:132px minmax(0,1fr)}.article-body .lesson-path strong{font-size:var(--fs-2)}@media (width<=767px){.lesson-path.big-cube svg[role=img]{width:104px;height:104px}.article-body .lesson-path li:not(.arrow){grid-template-columns:104px minmax(0,1fr)}}@media (width<=767px){:root{--header-h:74px}}.breadcrumbs{top:var(--header-h);z-index:8;margin-top:var(--s-4);padding:var(--s-3) 0;background:var(--paper);border-bottom:var(--hairline);box-shadow:0 0 0 100vmax var(--paper);clip-path:inset(0 -100vmax);font-size:var(--fs-1);flex-wrap:nowrap;position:sticky}.breadcrumbs>*{flex:none}.breadcrumbs .crumb-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink);flex:1;font-weight:600;overflow:hidden}.article-toc{top:calc(var(--header-h) + 70px)}@media print{.breadcrumbs{position:static}}.most-read{padding-top:var(--s-7);padding-bottom:var(--s-7)}.article-body.legal{max-width:720px;padding-bottom:var(--s-5)}.article-body.legal .legal-date{font-size:var(--fs-2);color:var(--muted)}.footer>a:not(.brand){font-size:var(--fs-1);color:var(--muted);text-underline-offset:3px;text-decoration:underline}@media (width<=767px){.header .brand{font-size:var(--fs-4);letter-spacing:var(--tight)}.header .brand-mark{width:24px;height:24px;margin-right:var(--s-2)}}@media (width<=359px){.header .brand{font-size:var(--fs-4);letter-spacing:var(--tight)}.header .brand-mark{width:20px;height:20px;margin-right:var(--s-1)}.header .nav,.header .nav-actions{gap:var(--s-2)}.header .nav-actions .button{padding:var(--s-2) var(--s-2)}.header .nav-actions .button .icon{display:none}}.cookie-banner{inset:auto 0 max(16px,env(safe-area-inset-bottom,0px));width:min(520px,100% - 32px);max-width:none;max-height:none;padding:var(--s-4) var(--s-5);color:var(--ink);border:2px solid var(--ink);border-radius:var(--r-2);background:var(--paper);box-shadow:var(--shadow);margin:0 auto;animation:.25s ease-out both spark-in;position:fixed}.cookie-banner p{margin:0 0 var(--s-3);font-size:var(--fs-2);line-height:1.55}.cookie-banner p a{font-weight:700;text-decoration:underline}.cookie-banner div{gap:var(--s-2);justify-content:flex-end;display:flex}.cookie-banner .button{height:38px;font-size:var(--fs-2);padding:0 var(--s-4)}@media (prefers-reduced-motion:reduce){.cookie-banner{animation:none}}.cookie-banner::backdrop{background:#19191973}@media print{.cookie-banner{display:none}}@media (width<=767px){.nav-actions{gap:var(--s-2)}.language{height:32px}.language span{width:28px}}:focus,:focus-visible,:focus-within{outline:none!important}.timer-heading{padding-bottom:var(--s-6)}.timer{gap:var(--s-6);padding-bottom:var(--s-6);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;display:grid}.timer-pad{top:calc(var(--header-h) + 106px);justify-content:center;align-items:center;gap:var(--s-4);border:var(--line);border-radius:var(--r-2);background:var(--surface);touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:pointer;flex-direction:column;min-height:440px;display:flex;position:sticky}.timer-time{font-variant-numeric:tabular-nums;font-size:clamp(64px,10vw,136px);font-weight:700;line-height:1}.timer-time>span{padding:0 var(--s-4);isolation:isolate;display:inline-block;position:relative}.timer-time i{text-align:center;font-style:normal;display:inline-block}.timer-time .d{width:.66em}.timer-time .p{width:.3em}.timer-pad[data-phase=hold] .timer-time{color:var(--hair)}.timer-pad[data-phase=ready] .timer-time{color:var(--on-sel,var(--paper))}.timer-pad[data-phase=ready] .timer-time>span:before{content:"";border-radius:var(--r-2);background:var(--sel,var(--ink));z-index:-1;position:absolute;inset:8% 0 4%}.timer-hint{font-size:var(--fs-2);color:var(--muted);text-align:center;padding:0 var(--s-4);min-height:1.8em}.timer-last{gap:var(--s-2);display:flex}.timer-last button{border:var(--line);border-radius:var(--r-1);background:var(--paper);padding:var(--s-2) var(--s-3);font-size:var(--fs-1);font-weight:700}.timer-last button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.timer-side{gap:var(--s-5);flex-direction:column;min-width:0;display:flex}.timer-scramble{border:var(--line);border-radius:var(--r-2);background:var(--surface);padding:var(--s-4) var(--s-4)}.timer-scramble-head{justify-content:space-between;align-items:center;gap:var(--s-3);display:flex}.timer-side h2{font-size:var(--fs-3);letter-spacing:var(--tight);line-height:1.3}.timer-new{border:var(--line);border-radius:var(--r-1);background:var(--paper);width:36px;height:36px;font-size:var(--fs-4);place-items:center;display:grid}.timer-moves{font-size:var(--fs-3);word-spacing:3px;margin:var(--s-3) 0 var(--s-1);font-weight:700;line-height:1.7}.timer-option{gap:var(--s-2);font-size:var(--fs-2);margin-top:var(--s-3);cursor:pointer;align-items:center;display:flex}.timer-stats{border:var(--line);border-radius:var(--r-2);background:var(--surface);grid-template-columns:repeat(5,minmax(0,1fr));margin:0;display:grid;overflow:hidden}.timer-stats div{padding:var(--s-3) var(--s-3);min-width:0}.timer-stats div+div{border-left:var(--line)}.timer-stats dt{font-size:var(--fs-1);letter-spacing:var(--track);text-transform:uppercase;font-weight:700}.timer-stats dd{margin:var(--s-1) 0 0;font-size:var(--fs-4);font-variant-numeric:tabular-nums;font-weight:700}.timer-history ol{margin:var(--s-3) 0 0;border-top:var(--line);max-height:340px;padding:0;list-style:none;overflow:auto}.timer-history li{align-items:center;gap:var(--s-2);padding:var(--s-2) 0;border-bottom:var(--hairline);font-size:var(--fs-2);font-variant-numeric:tabular-nums;grid-template-columns:36px 1fr 44px auto;display:grid}.timer-history .n{color:var(--muted);font-size:var(--fs-1)}.timer-history .p{font-size:var(--fs-1);font-weight:700}.timer-history li button{font-size:var(--fs-1);color:var(--muted);text-underline-offset:3px;background:0 0;text-decoration:underline}.timer-empty{font-size:var(--fs-2);color:var(--muted);margin-top:var(--s-2)}body.timing .header,body.timing .timer-heading,body.timing .timer-side,body.timing .site-footer{opacity:.06;transition:opacity .2s}@media (width<=767px){.timer{gap:var(--s-5);grid-template-columns:minmax(0,1fr)}.timer-pad{gap:var(--s-2);min-height:210px;position:static}.timer-time{font-size:clamp(56px,17vw,72px)}.timer-side{display:contents}.timer-scramble{order:-1}.timer-stats dd{font-size:var(--fs-2)}.timer-stats div{padding:var(--s-3) var(--s-2)}.timer-heading{padding:var(--s-3) 0 var(--s-3)}.timer-heading h1{font-size:var(--fs-5);letter-spacing:var(--tight);margin:var(--s-2) 0 0;line-height:1.2}.timer-heading .eyebrow{font-size:var(--fs-1)}main .puzzle-nav{padding-top:var(--s-2);padding-bottom:var(--s-2)}main .puzzle-nav a{padding:var(--s-1) var(--s-2) var(--s-1);font-size:var(--fs-1);gap:2px}main .puzzle-nav .puzzle-icon,main .puzzle-nav .puzzle-icon svg{width:26px;height:26px}.timer{gap:var(--s-3);padding-bottom:var(--s-6)}.timer-side .timer-scramble{column-gap:var(--s-3);padding:var(--s-2) var(--s-3) var(--s-3);grid-template-columns:minmax(0,1fr) 92px;align-items:center;display:grid}.timer-side .timer-scramble-head{grid-column:1/-1}.timer-side .timer-scramble-head h2{font-size:var(--fs-2)}.timer-side .timer-new{width:30px;height:30px;font-size:var(--fs-2)}.timer-side .timer-moves{font-size:var(--fs-2);word-spacing:2px;margin:var(--s-1) 0 0;grid-column:1;line-height:1.45}.timer-side .timer-moves[data-long]{font-size:var(--fs-1);word-spacing:1px;line-height:1.35}.timer-side .timer-scramble>canvas,.timer-side .timer-scramble>svg{grid-area:2/2/span 2;width:92px;height:92px}.timer-side .timer-option{margin-top:var(--s-2);font-size:var(--fs-1);grid-column:1}html:has(.timer-pad) .fanpage-fab,html:has(.timer-pad) .chat-launch{width:36px;height:36px}html:has(.timer-pad) .fanpage-fab{bottom:calc(max(12px,env(safe-area-inset-bottom,0px)) + 44px)}}.site-footer nav{row-gap:var(--s-3);flex-wrap:wrap}.site-footer nav a{white-space:nowrap}.course-list{gap:var(--s-3);grid-template-columns:repeat(8,minmax(0,1fr));display:grid}.course-row{gap:var(--s-3);padding:var(--s-3) var(--s-3) var(--s-4);flex-direction:column;height:100%;display:flex}.course-row .course-thumb{width:100%;height:112px}.course-row h3{font-size:var(--fs-2);margin:var(--s-1) 0 0;line-height:1.3}@media (width<=767px){.course-list{gap:var(--s-2);grid-template-columns:repeat(4,minmax(0,1fr))}.course-row{padding:var(--s-2) var(--s-2) var(--s-3);gap:var(--s-2)}.course-row .course-thumb{height:72px}.course-row h3,.course-row .eyebrow{font-size:var(--fs-1)}}.timer-wr dl{margin:var(--s-3) 0 0;border:var(--line);border-radius:var(--r-2);background:var(--surface);grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.timer-wr dl div{padding:var(--s-3) var(--s-4)}.timer-wr dl div+div{border-left:var(--line)}.timer-wr dt{font-size:var(--fs-1);letter-spacing:var(--track);text-transform:uppercase;font-weight:700}.timer-wr dd{margin:var(--s-1) 0 0;font-size:var(--fs-4);font-variant-numeric:tabular-nums;font-weight:700}.timer-wr p{font-size:var(--fs-1);color:var(--muted);margin-top:var(--s-2);line-height:1.6}.timer-wr a{text-underline-offset:3px;color:var(--ink);text-decoration:underline}@media (width<=767px){.nav{position:relative}.menu-toggle{width:40px;height:40px;font-size:var(--fs-5);color:var(--ink);place-items:center;padding:0;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.site-footer{gap:var(--s-5);padding-bottom:var(--s-5);grid-template-columns:1fr}.site-footer nav{justify-content:start;gap:var(--s-4);font-size:var(--fs-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.site-footer nav a{white-space:normal;overflow-wrap:anywhere;min-width:0}.footer-bottom{align-items:flex-start;gap:var(--s-2);flex-direction:column}.nav-actions .header-cta{display:none}.mobile-nav .mobile-cta{margin-top:var(--s-2);align-self:flex-start}.header .mobile-nav{justify-content:flex-start;align-items:flex-start;gap:var(--s-4);padding:var(--s-4) var(--s-5) var(--s-5);font-size:var(--fs-3);flex-direction:column;font-weight:700}.header .mobile-nav a{white-space:nowrap}.header .mobile-nav a[aria-current=page]:after{width:100%;left:0;translate:none}}.puzzle-nav{top:var(--header-h);z-index:5;gap:var(--s-2);padding:var(--s-3) 0;background:var(--paper);border-bottom:var(--hairline);scrollbar-width:none;display:flex;position:sticky;overflow-x:auto}.puzzle-nav a{align-items:center;gap:var(--s-1);min-width:76px;padding:var(--s-2) var(--s-2) var(--s-2);border-radius:var(--r-1);font-size:var(--fs-1);border:2px solid #0000;flex-direction:column;flex:none;font-weight:700;display:flex}.puzzle-nav a:hover{border-color:var(--hair)}.puzzle-nav a[aria-current=page]{border-color:var(--ink);background:var(--surface)}@media (width<=767px){.puzzle-nav{padding:var(--s-3) var(--s-5);margin:0 -24px}.puzzle-nav a{min-width:64px}}.puzzle-icon,.puzzle-icon svg{width:34px;height:34px;display:block}.timer-scramble>canvas,.timer-scramble>svg{width:100%;height:180px;display:block}@media (width<=767px){.timer-scramble>canvas,.timer-scramble>svg{height:150px}}.timer-moves{white-space:pre-line}.puzzle-nav a:first-child{margin-left:auto}.puzzle-nav a:last-child{margin-right:auto}.hero{gap:var(--s-6);padding-block:var(--s-6) var(--s-8);grid-template-columns:1fr}.hero-copy{max-width:600px}.hero-actions{flex-wrap:wrap}.hero-play .hero-art{width:100%}@media (width>=900px){.hero{gap:var(--s-7);padding-block:var(--s-7) var(--s-8);grid-template-columns:minmax(0,1fr) minmax(400px,520px);align-items:center}.hero-description{max-width:480px}}.cube-hint>span,.cube-hint>span:first-child{align-items:center;gap:var(--s-2);font-size:inherit;display:inline-flex}.cube-hint .icon{flex:none;width:15px;height:15px}.hint-touch{display:none!important}@media (hover:none) and (pointer:coarse){.hint-mouse{display:none!important}.hint-touch{display:inline-flex!important}}.hero-art{background:var(--surface)}.bauhaus-circle,.bauhaus-circle:before,.bauhaus-circle:after{border-color:#1919191f}.bauhaus-circle{top:28px}.hero-cube{width:100%;height:330px;margin-top:var(--s-2);cursor:grab;touch-action:none;user-select:none;display:block}.hero-cube:active{cursor:grabbing}.cube-hint{color:var(--muted)}.cube-controls{padding:var(--s-2) var(--s-2);scrollbar-width:none;justify-content:flex-start;gap:2px;overflow-x:auto}.cube-controls button{min-width:54px;padding:var(--s-2) var(--s-1) var(--s-1);border-radius:var(--r-1);font-size:var(--fs-1);background:0 0;border:2px solid #0000;flex-direction:column;flex:1 0 auto;align-items:center;gap:3px;font-weight:700;display:flex}.cube-controls button:hover{border-color:var(--hair)}.cube-controls button[aria-pressed=true]{border-color:var(--ink);background:var(--surface)}.cube-controls .puzzle-icon,.cube-controls .puzzle-icon svg{width:28px;height:28px}:root{--sb-thumb:color-mix(in srgb,var(--muted) 40%,transparent);--sb-thumb-hover:color-mix(in srgb,var(--muted) 75%,transparent)}html{scrollbar-gutter:stable}::-webkit-scrollbar{background:0 0;width:10px;height:10px}::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-thumb{background-color:var(--sb-thumb);background-clip:padding-box;border:3px solid #0000;border-radius:6px;min-height:40px}::-webkit-scrollbar-thumb:hover{background-color:var(--sb-thumb-hover)}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--sb-thumb) transparent}}@media (width<=767px){.hero-cube{height:280px}}.hero-art .cube-hint{left:0;right:0;bottom:var(--controls-h,86px);padding:var(--s-2) var(--s-3);pointer-events:none;font-size:var(--fs-2);margin:0;position:absolute}.hero-art .hero-cube{touch-action:pan-y}.open-3d{z-index:2;align-items:center;gap:var(--s-2);height:40px;padding:0 var(--s-3);border:2px solid var(--ink);border-radius:var(--r-1);background:var(--paper);color:var(--ink);font-size:var(--fs-2);box-shadow:var(--shadow);font-weight:700;display:flex;position:absolute;top:10px;right:10px}.open-3d .icon{width:18px;height:18px}.open-3d:hover{background:var(--quiet)}.open-3d:focus-visible,.close-3d:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.cube-dialog{width:100%;max-width:none;height:100dvh;max-height:none;box-shadow:none;background:var(--paper);color:var(--ink);border:0;border-radius:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.cube-dialog[open]{flex-direction:column;display:flex}.cube-dialog::backdrop{background:var(--paper)}.cube-dialog .bauhaus-circle,.hero-art>.cube-hint{display:none!important}.cube-dialog .hero-cube{touch-action:none;flex:1;height:auto;min-height:0;margin:0;padding:max(12px,min(100vw,100dvh - 190px)/7.14286)}.hero-art .cube-dialog .cube-hint{padding:var(--s-2) var(--s-4);font-size:var(--fs-2);text-align:center;position:static}.cube-dialog .cube-controls{padding-bottom:max(8px,env(safe-area-inset-bottom,0px));flex:none;position:static}.close-3d{top:max(12px,env(safe-area-inset-top,0px));z-index:2;border:2px solid var(--ink);border-radius:var(--r-1);background:var(--paper);width:44px;height:44px;color:var(--ink);place-items:center;padding:0;display:grid;position:absolute;right:12px}.close-3d .icon{width:22px;height:22px}.chat-launch{left:max(20px,env(safe-area-inset-left,0px));bottom:max(20px,env(safe-area-inset-bottom,0px));z-index:9;align-items:center;gap:var(--s-2);border:2px solid var(--ink);border-radius:var(--r-1);background:var(--paper);width:52px;height:52px;color:var(--ink);font-size:var(--fs-2);box-shadow:var(--shadow);justify-content:center;padding:0;font-weight:700;transition:translate .2s;display:flex;position:fixed}.chat-launch:hover{translate:0 -3px}.fanpage-fab{left:max(20px,env(safe-area-inset-left,0px));bottom:calc(max(20px,env(safe-area-inset-bottom,0px)) + 64px);z-index:9;border:2px solid var(--ink);border-radius:var(--r-1);background:var(--paper);width:52px;height:52px;color:var(--ink);box-shadow:var(--shadow);place-items:center;transition:translate .2s,opacity .2s;display:grid;position:fixed}.fanpage-fab:hover{translate:0 -3px}.fanpage-fab .icon{width:22px;height:22px}body.timing .fanpage-fab,html:has(.chat-launch[aria-expanded=true]) .fanpage-fab{display:none}html:has(.post-banner) .fanpage-fab{opacity:0;visibility:hidden;pointer-events:none}.chat-launch .icon{width:22px;height:22px}.chat-panel{left:max(20px,env(safe-area-inset-left,0px));bottom:calc(max(20px,env(safe-area-inset-bottom,0px)) + 66px);z-index:91;border:2px solid var(--ink);border-radius:var(--r-2);background:var(--paper);width:min(380px,100vw - 40px);height:min(560px,100dvh - 120px);box-shadow:var(--shadow);flex-direction:column;display:flex;position:fixed;overflow:hidden}.chat-panel header{align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-3) var(--s-3) var(--s-4);border-bottom:2px solid var(--ink);background:var(--surface);display:flex}.chat-panel header strong{font-size:var(--fs-2);flex:1}.chat-switch{border:var(--line);border-radius:var(--r-1);background:var(--paper);padding:var(--s-2) var(--s-3);font-size:var(--fs-1);font-weight:700}.chat-close{border-radius:var(--r-1);background:0 0;place-items:center;width:34px;height:34px;display:grid}.chat-close .icon{width:20px;height:20px}.chat-lines{padding:var(--s-4);gap:var(--s-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-line{max-width:88%;padding:var(--s-3) var(--s-3);border-radius:var(--r-2);font-size:var(--fs-2);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.55}.chat-line.assistant{background:var(--surface);border:var(--hairline);align-self:flex-start}.chat-line.user{background:var(--ink);color:var(--paper);align-self:flex-end}.chat-line a{color:var(--blue);text-underline-offset:3px;text-decoration:underline}.chat-faq{gap:var(--s-3);margin-top:var(--s-2);padding-top:var(--s-3);border-top:1px dashed var(--hair);display:grid}.chat-faq div{align-items:flex-start;gap:var(--s-2);flex-direction:column;display:flex}.chat-faq h3{font-size:var(--fs-1);letter-spacing:var(--track);text-transform:uppercase;color:var(--muted);margin:0;font-weight:700}.chat-hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.chat-faq button,.chat-ask-review{border:var(--line);background:var(--surface);padding:var(--s-2) var(--s-3);font-size:var(--fs-2);text-align:left;border-radius:999px;font-weight:600}.chat-ask-review{background:var(--surface);align-self:flex-start}.chat-error{margin:0 var(--s-4) var(--s-2);font-size:var(--fs-2);color:var(--error)}.chat-form{gap:var(--s-2);padding:var(--s-3) var(--s-3);border-top:var(--hairline);background:var(--surface);align-items:flex-end;display:flex}.chat-form textarea{resize:none;border:var(--line);border-radius:var(--r-1);padding:var(--s-2) var(--s-3);font:inherit;font-size:var(--fs-2);background:var(--paper);color:var(--ink);flex:1;line-height:1.45}.chat-send{border-radius:var(--r-1);background:var(--ink);width:42px;height:42px;color:var(--on-ink);border:2px solid var(--ink);place-items:center;display:grid}.chat-send:disabled{opacity:.45;cursor:default}.chat-send .icon{width:20px;height:20px}.chat-form{flex-wrap:wrap}.chat-attach{border-radius:var(--r-1);border:var(--line);background:var(--surface);cursor:pointer;place-items:center;width:42px;height:42px;display:grid}.chat-attach .icon{width:20px;height:20px}.chat-attached{flex-basis:100%}.chat-attached>span{display:inline-block;position:relative}.chat-attached img{object-fit:cover;border-radius:var(--r-1);border:var(--line);max-width:120px;height:64px;display:block}.chat-attached button{background:var(--ink);width:22px;height:22px;color:var(--on-ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:-7px;right:-7px}.chat-attached button .icon{width:12px;height:12px}.chat-panel.dragging{outline:3px dashed var(--ink);outline-offset:-8px}.chat-photo{border-radius:var(--r-1);max-width:180px;max-height:180px;margin-bottom:var(--s-2);display:block}.chat-note{padding:var(--s-2) var(--s-4) var(--s-3);font-size:var(--fs-1);color:var(--muted);background:var(--surface);margin:0;line-height:1.5}.chat-note a{text-decoration:underline}.chat-review{gap:var(--s-4);padding:var(--s-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-review fieldset{border:0;margin:0;padding:0}.chat-review legend,.chat-review label span{font-size:var(--fs-2);margin-bottom:var(--s-2);font-weight:700;display:block}.chat-stars{gap:var(--s-2);display:flex}.chat-stars button{border:var(--line);border-radius:var(--r-1);background:var(--surface);width:44px;height:44px;color:var(--ink);place-items:center;display:grid}.chat-stars .icon{width:24px;height:24px}.chat-stars .on{background:var(--ink);color:var(--paper)}.chat-stars .on .icon path{fill:var(--ink)}.chat-stars button:focus-visible{outline-offset:2px;outline:2px solid var(--ink)!important}.chat-star-word{margin:var(--s-2) 0 0;font-size:var(--fs-2);color:var(--muted)}.chat-review textarea{resize:vertical;border:var(--line);border-radius:var(--r-1);width:100%;padding:var(--s-3);font:inherit;font-size:var(--fs-2);background:var(--surface);color:var(--ink)}.chat-review .button{align-self:flex-start}.chat-review.sent p{font-size:var(--fs-2);margin:0;line-height:1.6}body.timing .chat-launch,body.timing .chat-panel,body.timing .chat-overlay{display:none}.chat-overlay{z-index:90;-webkit-backdrop-filter:blur(6px);background:#0000008c;animation:.18s ease-out chat-overlay-in;position:fixed;inset:0}@keyframes chat-overlay-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.chat-overlay{animation:none}}html:root:has(.chat-overlay){overflow:hidden}.chat-launch[aria-expanded=true]{z-index:92}html:is(.layout-term,.layout-studio,.layout-mono):root .chat-panel{background:var(--surface);color:var(--ink);opacity:1}@media (width<=767px){.chat-launch,.to-top{width:44px;height:44px;bottom:max(12px,env(safe-area-inset-bottom,0px))}.fanpage-fab{width:44px;height:44px;left:max(12px,env(safe-area-inset-left,0px));bottom:calc(max(12px,env(safe-area-inset-bottom,0px)) + 54px)}.chat-launch{left:max(12px,env(safe-area-inset-left,0px))}.to-top{right:max(12px,env(safe-area-inset-right,0px))}.to-top .icon{width:26px;height:26px}.chat-panel{width:auto;left:8px;right:8px;bottom:calc(max(12px,env(safe-area-inset-bottom,0px)) + 60px);height:min(560px,100dvh - 140px)}}@media print{.chat-launch,.chat-panel{display:none}}.chat-ai{margin-top:var(--s-2);font-size:var(--fs-1);color:var(--muted);line-height:1.4;display:block}.chat-human:empty{display:none}.chat-human{padding:0 var(--s-4) var(--s-2)}.step-feedback{margin:var(--s-6) 0 0;padding:var(--s-4) var(--s-4);border:var(--line);border-radius:var(--r-2);background:var(--paper);gap:var(--s-3);flex-direction:column;align-items:flex-start;display:flex}.step-feedback fieldset{border:0;margin:0;padding:0}.step-feedback legend,.step-feedback label span{font-size:var(--fs-2);margin-bottom:var(--s-3);font-weight:700;display:block}.step-feedback-choices{gap:var(--s-2);flex-wrap:wrap;display:flex}.step-feedback-choices button{min-height:40px;padding:0 var(--s-4);border:var(--line);border-radius:var(--r-1);background:var(--surface);color:var(--ink);font:inherit;font-size:var(--fs-2);cursor:pointer;font-weight:600}.step-feedback-choices .on{background:var(--ink);color:var(--paper)}.step-feedback label{width:100%}.step-feedback textarea{resize:vertical;border:var(--line);border-radius:var(--r-1);width:100%;padding:var(--s-3);font:inherit;font-size:var(--fs-2);background:var(--surface);color:var(--ink)}.step-feedback .chat-error{margin:0}.step-feedback.sent{font-size:var(--fs-2);line-height:1.6}.how-intro{flex-direction:column;display:flex}.how-intro .eyebrow{color:var(--on-ink-2);font-size:var(--fs-1);letter-spacing:var(--track)}.how-link{align-items:center;gap:var(--s-2);padding-top:var(--s-4);color:var(--paper);font-size:var(--fs-2);text-underline-offset:4px;margin-top:auto;font-weight:700;text-decoration:underline;display:inline-flex}.how-link .icon{flex:none;width:16px;height:16px}.chat-launch{transition:translate .2s,opacity .2s}.to-top{transition:translate .2s,box-shadow .2s,opacity .2s}html.footer-in :is(.to-top,.fanpage-fab,.chat-launch:not([aria-expanded=true])){opacity:0;visibility:hidden;pointer-events:none;animation:none;translate:0 16px}.hero-art>.hero-cube{cursor:pointer}.home-flow,.home-flow>.split-main{display:contents}.timer-guide{max-width:720px;margin:var(--s-7) 0 0;line-height:1.6}.timer-guide p{margin:0 0 var(--s-2)}.timer-guide h2{font-size:var(--fs-5);margin:0 0 var(--s-3)}.timer-guide h3{font-size:var(--fs-4);margin:var(--s-5) 0 var(--s-2)}.timer-guide ol{padding-left:var(--s-5);margin:0}.timer-guide li{margin:0 0 var(--s-2)}.timer-guide a{text-decoration:underline}.post-banner{left:max(20px,env(safe-area-inset-left,0px));bottom:calc(max(20px,env(safe-area-inset-bottom,0px)) + 68px);z-index:10;aspect-ratio:16/9;box-sizing:border-box;width:400px;padding:var(--s-5) var(--s-5) var(--s-4);border:2px solid var(--ink);border-radius:var(--r-2);background:var(--paper);box-shadow:var(--shadow);flex-direction:column;align-items:flex-start;animation:.5s cubic-bezier(.2,.8,.2,1) both banner-up;display:flex;position:fixed;overflow:hidden}.post-banner.is-out{animation:.4s ease-in both banner-down}.post-banner-close{width:36px;height:36px;color:var(--ink);background:0 0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:10px;right:10px}.post-banner-close .icon{width:16px;height:16px;margin:auto;position:absolute;inset:0}.post-banner-close svg{fill:none;stroke-width:2.5px;width:100%;height:100%;position:absolute;inset:0;rotate:-90deg}.post-banner-close circle{stroke:var(--ink);stroke-dasharray:100;stroke-dashoffset:100px;stroke-linecap:round;animation:6s linear forwards banner-ring}.post-banner:is(:hover,:focus-within) circle{animation-play-state:paused}.post-banner-kind{margin-bottom:var(--s-2);padding:3px var(--s-2);background:var(--quiet);font-size:var(--fs-1);letter-spacing:var(--track);text-transform:uppercase;border-radius:999px;font-weight:700}.post-banner h2{margin:0 var(--s-6) var(--s-2) 0;font-size:var(--fs-4);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.post-banner p{font-size:var(--fs-2);color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 auto;line-height:1.5;display:-webkit-box;overflow:hidden}.post-banner-read{margin-top:var(--s-3);align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);border:2px solid var(--ink);background:var(--ink);color:var(--paper);font-size:var(--fs-2);border-radius:999px;font-weight:700;text-decoration:none;display:inline-flex}.post-banner-read .icon{width:16px;height:16px}.post-banner-read:hover{background:var(--blue);border-color:var(--blue)}@keyframes banner-up{0%{opacity:0;translate:0 40px}}@keyframes banner-down{to{opacity:0;translate:0 40px}}@keyframes banner-ring{to{stroke-dashoffset:0}}@media (width<=1023px){.post-banner{display:none}}@media (prefers-reduced-motion:reduce){.post-banner,.post-banner.is-out{animation-duration:10ms}}@media print{.post-banner{display:none}}html:is(.footer-in,:has(.chat-launch[aria-expanded=true])) .post-banner{opacity:0;visibility:hidden;pointer-events:none}.stage-sheet-head{display:none}@media (width<=767px){.stage-backdrop{z-index:70;background:#19191973;position:fixed;inset:0}.lesson-stage.is-sheet{z-index:71;border:var(--line);border-radius:var(--r-2) var(--r-2) 0 0;border-bottom:0;max-height:92dvh;animation:.22s ease-out sheet-up;position:fixed;inset:auto 0 0;overflow-y:auto}.lesson-stage.is-sheet canvas{height:min(42dvh,320px)}.lesson-stage.is-sheet .stage-rotate{display:none}.lesson-stage.is-sheet .stage-sheet-head{z-index:1;justify-content:space-between;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-3) var(--s-3) var(--s-4);background:var(--surface);border-bottom:var(--hairline);display:flex;position:sticky;top:0}.lesson-work.is-compact .lesson-stage.is-sheet .stage-panel{padding:var(--s-4) var(--s-4) calc(var(--s-5) + env(safe-area-inset-bottom,0px))}.lesson-work.is-compact .lesson-stage.is-sheet .stage-panel .alg{margin:0 0 var(--s-4);padding:0}.lesson-work.is-compact .lesson-stage.is-sheet .stage-cube{margin-bottom:var(--s-3)}.stage-sheet-head strong{font-size:var(--fs-2);line-height:1.4}.stage-sheet-head button{flex:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex}.stage-sheet-head .icon{width:20px;height:20px}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}@media (prefers-reduced-motion:reduce){.lesson-stage.is-sheet{animation:none}}.article-table{margin:var(--s-5) 0;border:var(--line);border-radius:var(--r-1);background:var(--surface);overflow-x:auto}.article-table table{border-collapse:collapse;width:100%;font-size:var(--fs-2);line-height:1.5}.article-table th,.article-table td{padding:var(--s-3) var(--s-3);text-align:left;vertical-align:top;border-bottom:var(--hairline)}.article-table th{background:var(--paper);font-weight:700}.article-table tr:last-child td{border-bottom:0}.series-steps{gap:var(--s-3);margin-top:var(--s-6);grid-template-columns:1fr 1fr;display:grid}.series-steps a{gap:var(--s-1);padding:var(--s-4) var(--s-4);border:var(--line);border-radius:var(--r-1);background:var(--surface);font-weight:700;font-size:var(--fs-2);color:var(--ink);flex-direction:column;line-height:1.4;text-decoration:none;display:flex}.series-steps a:hover{background:var(--quiet)}.series-steps small{font-size:var(--fs-1);letter-spacing:var(--track);text-transform:uppercase;color:var(--muted);font-weight:700}.series-steps .next{text-align:right;grid-column:2}@media (width<=767px){.series-steps{grid-template-columns:1fr}.series-steps .next{grid-column:1}}.question-card{gap:var(--s-2);text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;flex-direction:column;display:flex}.question-card:hover{box-shadow:var(--shadow-hover)}.question-dialog{width:min(640px,100% - 32px)}.question-dialog-body{padding:var(--s-5) var(--s-5) var(--s-5);overflow:auto}.question-dialog-q{font-size:var(--fs-4);margin-bottom:var(--s-4);font-weight:700;line-height:1.5}.question-dialog-photo{border-radius:var(--r-1);max-width:100%;max-height:360px;margin:0 0 var(--s-4);display:block}.question-dialog dl{gap:var(--s-2) var(--s-4);font-size:var(--fs-2);margin-bottom:var(--s-5);grid-template-columns:auto 1fr;display:grid}.question-dialog dt{color:var(--muted)}.question-dialog dd{overflow-wrap:anywhere;margin:0}.question-dialog dd a{text-underline-offset:3px;text-decoration:underline}.question-dialog h3{font-size:var(--fs-2);margin-bottom:var(--s-2)}.question-dialog-a{white-space:pre-wrap;font-size:var(--fs-2);padding:var(--s-4) var(--s-4);border:var(--line);border-radius:var(--r-1);background:var(--surface);line-height:1.7}.guide-offer{width:min(480px,100vw - 32px);max-height:calc(100dvh - 32px);padding:var(--s-5) var(--s-5) var(--s-5);border:2px solid var(--ink);border-radius:var(--r-2);background:var(--paper);color:var(--ink);box-shadow:var(--shadow);overflow:auto}.guide-offer::backdrop{background:#19191973}.guide-offer h2{margin:var(--s-2) var(--s-6) var(--s-3) 0;font-size:var(--fs-4);line-height:1.3}.guide-offer p{margin:0 0 var(--s-3);font-size:var(--fs-2);line-height:1.6}.guide-offer ul{margin:0 0 var(--s-3);gap:var(--s-2);padding:0;list-style:none;display:grid}.guide-offer li{gap:var(--s-3);font-size:var(--fs-2);line-height:1.5;display:flex}.guide-offer li .icon{width:18px;height:18px;color:var(--ink);flex:none;margin-top:2px}.guide-offer small{font-size:var(--fs-2);color:var(--muted);line-height:1.5;display:block}.guide-offer div{align-items:center;gap:var(--s-3);margin-top:var(--s-4);flex-wrap:wrap;display:flex}.guide-offer-close{border-radius:var(--r-1);width:36px;height:36px;color:var(--ink);background:0 0;place-items:center;display:grid;position:absolute;top:12px;right:12px}.guide-offer-close .icon{width:20px;height:20px}.guide-note{z-index:50;inset:auto 0 max(16px,env(safe-area-inset-bottom,0px));width:min(480px,100% - 32px);padding:var(--s-3) var(--s-4);border:2px solid var(--ink);border-radius:var(--r-2);background:var(--paper);color:var(--ink);font-size:var(--fs-2);box-shadow:var(--shadow);margin:0 auto;line-height:1.5;position:fixed}.guide-offer .guide-failed{margin:var(--s-3) 0 0}.guide-offer .guide-failed,.guide-note.guide-failed{color:var(--error);font-weight:600}#main,body>main{min-height:100vh}.brand{align-items:center;display:inline-flex}.brand .brand-logo{width:auto;max-width:none;height:32px;display:block}.brand .brand-logo-dark,.brand .brand-icon{display:none}.site-footer .brand .brand-logo,.footer .brand .brand-logo{height:28px}@media (width<=767px){.header .brand .brand-logo{height:28px}}@media (width<=359px){.header .brand .brand-logo{height:24px}}html:is(.layout-term,.layout-studio,.layout-mono)[data-theme=dark] .brand .brand-logo:not(.brand-logo-dark){display:none}html:is(.layout-term,.layout-studio,.layout-mono)[data-theme=dark] .brand .brand-logo-dark{display:block}@media (prefers-color-scheme:dark){html:is(.layout-term,.layout-studio,.layout-mono):not([data-theme=light]) .brand .brand-logo:not(.brand-logo-dark){display:none}html:is(.layout-term,.layout-studio,.layout-mono):not([data-theme=light]) .brand .brand-logo-dark{display:block}}.pocket-brand .pocket-mark{width:auto;height:22px;display:block}.look{align-items:center;gap:var(--s-4);display:flex}.look svg{flex:none;width:auto;max-width:48%;height:200px;overflow:visible}.look-text{gap:var(--s-2);flex-direction:column;min-width:0;display:flex}.look-text strong{font-size:var(--fs-5);letter-spacing:var(--tight);font-weight:700;line-height:1}.look-text b{font-size:var(--fs-2);letter-spacing:var(--tight);font-weight:700}.look-text p{font-size:var(--fs-2);color:var(--ink);margin:0;font-weight:600;line-height:1.55}.look-text span{font-size:var(--fs-2);font-weight:600;line-height:1.5}.look-text small{font-size:var(--fs-2);color:var(--muted);line-height:1.5}.face-selector button.active{background:var(--paper);box-shadow:var(--shadow)}.reference-workspace{gap:var(--s-6);flex-direction:column;margin-top:0;display:flex}.reference-row{gap:var(--s-3) var(--s-5);grid-template-columns:minmax(0,6fr) minmax(0,3fr);display:grid}.reference-controls h2{font-size:var(--fs-4);letter-spacing:var(--tight)}.face-selector{gap:var(--s-3);grid-template-columns:repeat(6,minmax(0,1fr))}.face-selector button{align-items:center;gap:var(--s-1);padding:var(--s-2) var(--s-1) var(--s-3);flex-direction:column;display:flex}.face-selector.dirs{grid-template-columns:repeat(3,minmax(0,1fr))}.face-selector.more{grid-template-columns:repeat(9,minmax(0,1fr))}.face-selector canvas{width:100%;height:96px}.face-selector strong{font-size:var(--fs-4);margin:0;line-height:1;display:inline-block}.reference-look{border:var(--line);border-radius:var(--r-2);background:var(--surface);padding:var(--s-3) var(--s-4)}.reference-look p{font-size:var(--fs-2);font-weight:600;line-height:1.6}@media (width<=767px){.reference-workspace{gap:var(--s-6)}.reference-row{gap:var(--s-6);grid-template-columns:minmax(0,1fr)}.reference-look{padding:var(--s-4) var(--s-4) var(--s-4)}.reference-row>section,.face-selector{width:100%}.face-selector,.face-selector.dirs,.face-selector.more{gap:var(--s-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.face-selector canvas{height:76px}.reference-controls{max-width:none}.face-selector strong{font-size:var(--fs-4)}}@media (width<=520px){.look svg{height:120px}}.lesson-grid{gap:var(--s-5)}.lesson-card{background:var(--surface);box-shadow:none}.lesson-card:hover{box-shadow:none;transform:translateY(-2px)}.lesson-image{background:var(--surface);height:180px}.lesson-image canvas{height:180px}.lesson-image{align-items:center;display:flex}.lesson-card .lesson-image canvas{height:78%}.lesson-info{padding:var(--s-4) var(--s-4) var(--s-4);gap:var(--s-2);background:var(--paper)}.lesson-info .lesson-number{font-size:var(--fs-1);letter-spacing:var(--track);color:var(--muted);font-weight:700;position:static;inset:auto}.lesson-info h3{font-size:var(--fs-3);margin:0}.lesson-info p{font-size:var(--fs-2);min-height:0;line-height:1.6}.lesson-card.advanced{color:var(--ink);padding:var(--s-5);justify-content:flex-end;gap:var(--s-3);background:0 0;border-style:dashed}.lesson-card.advanced .eyebrow{color:var(--muted);font-size:var(--fs-1)}.lesson-card.advanced h3{font-size:var(--fs-5);margin:0}.lesson-card.advanced p{font-size:var(--fs-2);color:var(--muted);max-width:none;margin:0;line-height:1.6}.lesson-card.advanced .text-link{margin-top:var(--s-2);color:var(--ink);font-size:var(--fs-2)}.lessons .section-heading .eyebrow,.course-note{font-size:var(--fs-1)}.lessons .section-heading p{font-size:var(--fs-2)}.course-note>span:last-child{color:var(--muted)}.course-heading .eyebrow,.course-row .eyebrow{font-size:var(--fs-1)}.course-row-arrow{background:var(--paper)}.lesson-nav{gap:2px}.lesson-nav a{min-height:44px;padding:0 var(--s-3);gap:var(--s-3);font-size:var(--fs-2);border-radius:var(--r-1);border:0;font-weight:600}.lesson-nav a.active{box-shadow:none;background:0 0;font-weight:700}.lesson-nav .num{min-width:16px;height:auto;font-size:var(--fs-2);color:var(--muted);font-variant-numeric:tabular-nums;border:0;justify-content:flex-start;font-weight:600}.lesson-nav .check{font-size:var(--fs-2);margin-left:auto}.lesson-intro .eyebrow{font-size:var(--fs-1)}.lesson-how{margin:var(--s-5) 0 var(--s-6)}.lesson-how h2,.lesson-check h2{font-size:var(--fs-4);letter-spacing:var(--tight);margin:0 0 var(--s-3)}.lesson-how ol{counter-reset:how;gap:var(--s-3);margin:0;padding:0;list-style:none;display:grid}.lesson-how li{counter-increment:how;gap:var(--s-1) var(--s-3);font-size:var(--fs-2);grid-template-columns:28px 92px 1fr;align-items:baseline;line-height:1.6;display:grid}.lesson-how li:before{content:counter(how);background:var(--ink);width:26px;height:26px;color:var(--paper);font-size:var(--fs-2);border-radius:50%;align-self:start;place-items:center;font-weight:700;display:grid}.lesson-how li b{font-weight:700}.lesson-how strong{color:var(--blue);font-weight:700}.case-card[aria-pressed=true] strong{font-weight:700}.case-card[aria-pressed=true] canvas,.case-card[aria-pressed=true] .top-view{box-shadow:0 0 0 2px var(--ink)}.lesson-check{width:min(640px,100vw - 32px);max-height:calc(100dvh - 32px);padding:var(--s-5);border:2px solid var(--ink);border-radius:var(--r-2);background:var(--paper);color:var(--ink);box-shadow:var(--shadow);overflow:auto}.lesson-check::backdrop{background:#19191973}.lesson-check>p{margin:0 0 var(--s-4);font-size:var(--fs-2);text-wrap:balance;line-height:1.55}.lesson-check>div{gap:var(--s-4);grid-template-columns:1fr 1fr;display:grid}.lesson-check>.check-actions{gap:var(--s-3);margin-top:var(--s-4);flex-wrap:wrap;display:flex}.lesson-check figure{gap:var(--s-2);margin:0;display:grid}.lesson-check canvas{background:var(--surface);border-radius:var(--r-1);width:100%;height:170px}.lesson-check figcaption{font-size:var(--fs-2);line-height:1.55}.lesson-check figcaption b{align-items:center;gap:var(--s-2);font-size:var(--fs-2);letter-spacing:var(--track);text-transform:uppercase;font-weight:700;display:flex}.lesson-check figcaption .icon{stroke-width:3px;width:18px;height:18px}.lesson-check .bad b{color:var(--error)}.lesson-check .good b{color:var(--success)}.lesson-check .bad canvas{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--error) 35%,transparent)}.lesson-check .good canvas{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--success) 40%,transparent)}.lesson-pagination{justify-content:space-between;align-items:center;gap:var(--s-3) var(--s-5);margin-top:var(--s-6);padding:var(--s-4) var(--s-4);border:2px solid var(--ink);border-radius:var(--r-2);background:var(--paper);box-shadow:var(--shadow);flex-wrap:wrap;display:flex}.lesson-pagination a:last-child{box-shadow:none}.lesson-pagination a{padding:var(--s-3) 0;font-size:var(--fs-2);background:0 0;border:0;font-weight:600}.lesson-pagination a:last-child{background:var(--ink);color:var(--paper);border-radius:var(--r-1);padding:var(--s-4) var(--s-5);font-weight:700}@media (width<=767px){.lesson-how li{font-size:var(--fs-2);grid-template-columns:26px 1fr}.lesson-how li span{grid-column:2}.lesson-check>div{gap:var(--s-3)}.lesson-check canvas{height:130px}.lesson-check figcaption{font-size:var(--fs-2)}.lesson-grid{gap:var(--s-3)}.lesson-image,.lesson-image canvas{height:137px}.lesson-info{padding:var(--s-3)}.lesson-info h3,.lesson-info p{font-size:var(--fs-2)}.lesson-card.advanced{padding:var(--s-4)}.lesson-card.advanced h3{font-size:var(--fs-4)}.lesson-card.advanced p,.lesson-card.advanced .text-link{font-size:var(--fs-2)}.lesson-nav{gap:var(--s-2)}.lesson-nav a{border:var(--line);justify-content:center;height:44px;min-height:0;padding:0}.lesson-nav a.active{background:var(--ink)}.lesson-nav .num{font-size:var(--fs-2);color:var(--ink);justify-content:center}.lesson-nav a.active .num{color:var(--paper)!important;background:0 0!important}.lesson-nav .check{display:none}.lesson-pagination{gap:var(--s-2) var(--s-4)}.lesson-pagination a{font-size:var(--fs-2)}.lesson-pagination a:last-child{margin-left:auto}}.playback button:disabled{cursor:default;opacity:.35}.playback button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.case-group{font-size:var(--fs-2);letter-spacing:var(--tight);margin:var(--s-2) 0 -8px;grid-column:1/-1;font-weight:700}.case-group:first-child{margin-top:0}.lesson-basics{margin:var(--s-6) 0 var(--s-2)}.lesson-basics h2{font-size:var(--fs-4);letter-spacing:var(--tight);margin:0 0 var(--s-2)}.lesson-basics>p{font-size:var(--fs-2);margin:0 0 var(--s-4);color:var(--muted);max-width:680px;line-height:1.6}.lesson-basics>div{gap:var(--s-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.lesson-basics figure{gap:var(--s-2);align-content:start;margin:0;display:grid}.lesson-basics canvas{background:var(--surface);border-radius:var(--r-1);width:100%;height:150px}.lesson-basics figcaption{font-size:var(--fs-2);line-height:1.55}.lesson-basics figcaption b{font-size:var(--fs-2);margin-bottom:2px;font-weight:700;display:block}.lesson-basics strong{color:var(--blue)}.lesson-how .how-steps li{grid-template-columns:28px 1fr}.lesson-progress{margin-top:var(--s-5)}.lesson-progress h3{font-size:var(--fs-2);margin:0 0 var(--s-3);font-weight:700}.lesson-progress ol{gap:var(--s-3);counter-reset:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin:0;padding:0;list-style:none;display:grid}.lesson-progress li{justify-items:center;gap:var(--s-1);counter-increment:none;font-size:var(--fs-2);grid-template-columns:1fr;font-weight:700;display:grid}.lesson-progress li:before{content:none}.lesson-progress canvas{background:var(--surface);border-radius:var(--r-1);width:100%;height:110px}@media (width<=767px){.lesson-basics>div{gap:var(--s-3);grid-template-columns:1fr 1fr}.lesson-basics canvas{height:120px}.lesson-basics figcaption{font-size:var(--fs-2)}.lesson-progress ol{gap:var(--s-2)}.lesson-progress canvas{height:76px}}.lesson-how .lesson-progress li span{grid-column:auto}.stage-panel .alg.text{gap:var(--s-2) var(--s-4);font-size:var(--fs-3);align-items:baseline}.stage-panel .alg.text .alg-group,.alg.text .combo{align-items:baseline;gap:0 .45em;display:flex}.alg.text .combo:before{content:"("}.alg.text .combo:after{content:")"}.alg.text .combo:before,.alg.text .combo:after{color:var(--muted);font-weight:400}.alg.text .combo:before{margin-right:-.35em}.alg.text .combo:after{margin-left:-.35em}.stage-panel .alg.text b{min-width:0;font-size:inherit;background:0 0;border:0;border-radius:0;padding:0 1px 3px}.stage-panel .alg.text b.now{color:var(--ink);box-shadow:inset 0 -3px 0 var(--blue)}.alg.text .times{margin-left:var(--s-1);align-self:center;position:static}.case-card canvas,.case-card .top-view,.case-card:hover canvas{background:0 0}.case-card[aria-pressed=true]:after{width:40px;height:34px;top:-14px;right:-10px}.stage-rotate{z-index:1;border:var(--line);background:var(--paper);pointer-events:none;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:12px;right:12px}.stage-rotate .icon{width:20px;height:20px}@media (width<=767px){.stage-panel .alg.text{font-size:var(--fs-2);gap:var(--s-1) var(--s-4)}.stage-rotate{width:30px;height:30px;top:8px;right:8px}.stage-rotate .icon{width:17px;height:17px}}@media (width>=768px){.learning-layout{gap:var(--s-5);grid-template-columns:minmax(0,1fr)}.learning-sidebar{padding-top:0;position:static}.learning-layout .lesson-nav{gap:var(--s-2);flex-flow:wrap;display:flex}.learning-layout .lesson-nav a{border:var(--line);border-radius:var(--r-1);width:48px;height:40px;box-shadow:none;justify-content:center;padding:0}.learning-layout .lesson-nav a.active{background:var(--ink)}.learning-layout .lesson-nav .num{min-width:0;font-size:var(--fs-2);color:var(--ink);border:0;justify-content:center;background:0 0!important}.learning-layout .lesson-nav a.active .num{color:var(--paper)}.learning-layout .lesson-nav .name,.learning-layout .lesson-nav .check,.learning-layout .sidebar-help{display:none}}.puzzle-select{align-items:center;gap:var(--s-3);margin-top:var(--s-6);font-size:var(--fs-2);font-weight:700;display:inline-flex}.puzzle-pick{position:relative}.puzzle-pick summary{align-items:center;gap:var(--s-3);min-width:150px;height:44px;padding:0 var(--s-6) 0 var(--s-3);border:var(--line);border-radius:var(--r-1);background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23191919' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center/18px;font-size:var(--fs-2);color:var(--ink);cursor:pointer;user-select:none;font-weight:700;list-style:none;display:flex}.puzzle-pick summary::-webkit-details-marker{display:none}.puzzle-pick[open] summary{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23191919' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 15l6-6 6 6'/%3E%3C/svg%3E")}.puzzle-pick summary:focus-visible,.puzzle-menu a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.puzzle-pick .puzzle-icon,.puzzle-pick .puzzle-icon svg{flex:none;width:26px;height:26px}.puzzle-menu{z-index:30;min-width:100%;max-height:min(420px,60vh);padding:var(--s-2);border:var(--line);border-radius:var(--r-1);background:var(--paper);box-shadow:var(--shadow);margin:0;list-style:none;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}.puzzle-menu a{align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border-radius:var(--r-1);font-size:var(--fs-2);white-space:nowrap;color:var(--ink);font-weight:700;display:flex}.puzzle-menu a:hover{background:var(--quiet)}.puzzle-menu a[aria-current=page]{background:var(--ink);color:var(--paper)}.course-soon-links{align-items:center;gap:var(--s-5);margin-top:var(--s-5);flex-wrap:wrap;display:flex}@media (width<=767px){.puzzle-select{margin-top:var(--s-5)}}.lesson-as3x3 h2{font-size:var(--fs-4);letter-spacing:var(--tight);margin:var(--s-6) 0 var(--s-3)}.case-group-note{font-size:var(--fs-2);color:var(--muted);grid-column:1/-1;margin:-2px 0 2px;line-height:1.55}.lesson-look{border:var(--line);border-radius:var(--r-2);background:var(--surface);padding:var(--s-4) var(--s-5);margin:0 0 var(--s-5)}.lesson-look h2{font-size:var(--fs-4);letter-spacing:var(--tight);margin:0 0 var(--s-3)}.lesson-look dl{gap:var(--s-2);margin:0;display:grid}.lesson-look dl>div{gap:var(--s-3);font-size:var(--fs-2);grid-template-columns:92px 1fr;line-height:1.5;display:grid}.lesson-look dt{font-weight:700}.lesson-look dd{margin:0}.lesson-look p{font-size:var(--fs-2);color:var(--muted);margin:var(--s-3) 0 0;line-height:1.6}@media (width<=560px){.lesson-look dl>div{grid-template-columns:1fr;gap:0}}.lesson-guide{margin:var(--s-5) 0 var(--s-2)}.lesson-guide h2{font-size:var(--fs-4);letter-spacing:var(--tight);margin:0 0 var(--s-3)}.lesson-guide>ol{gap:var(--s-4);margin:0;padding:0;list-style:none;display:grid}.lesson-guide>ol>li{border:var(--line);border-radius:var(--r-2);background:var(--surface);padding:var(--s-4) var(--s-4)}.lesson-guide h3{font-size:var(--fs-3);margin:0 0 var(--s-2)}.lesson-guide p,.lesson-guide ul{font-size:var(--fs-2);margin:0 0 var(--s-3);line-height:1.6}.lesson-guide ul{padding-left:var(--s-5)}.lesson-guide ul li{margin:0 0 var(--s-2)}.lesson-guide strong{color:var(--blue);font-weight:700}.guide-pics{gap:var(--s-3);grid-template-columns:repeat(4,minmax(0,1fr));max-width:560px;display:grid}.guide-pics figure{gap:var(--s-2);text-align:center;margin:0;display:grid}.guide-pics canvas{background:var(--quiet);border-radius:var(--r-1);width:100%;height:120px}.guide-pics figcaption{font-size:var(--fs-2);font-weight:700}@media (width<=767px){.guide-pics{gap:var(--s-2)}.guide-pics canvas{height:84px}.guide-pics figcaption{font-size:var(--fs-1);line-height:1.3}}.lesson-guide ul.guide-each{padding:0;list-style:none}.guide-each li{gap:var(--s-3);padding:var(--s-2) 0;border-top:1px solid #0001;grid-template-columns:1fr 104px;align-items:center;display:grid}.guide-each li:first-child{border-top:0}.guide-each canvas,.guide-each .top-view{background:var(--quiet);border-radius:var(--r-1);width:104px;height:96px}details.lesson-how>summary{cursor:pointer;list-style:none}details.lesson-how>summary::-webkit-details-marker{display:none}details.lesson-how>summary h2{display:inline}details.lesson-how:not([open])>summary h2{font-size:var(--fs-2);text-decoration:underline}details.lesson-how[open]>summary{margin-bottom:var(--s-3)}.move-tip{font:inherit;color:var(--blue);cursor:pointer;font-weight:700;line-height:inherit;background:0 0;border:0;border-bottom:2px dashed;padding:0 1px}.move-pop{z-index:60;background:var(--surface);border:var(--line);border-radius:var(--r-2);padding:var(--s-3);gap:var(--s-2);display:grid;position:fixed;box-shadow:0 8px 24px #0002}.move-pop strong{font-size:var(--fs-4)}.move-pop canvas{background:var(--quiet);border-radius:var(--r-1);width:100%;height:130px}.move-pop p{font-size:var(--fs-2);margin:0;line-height:1.5}.move-pop .text-link{font-size:var(--fs-2)}.lesson-work.is-compact{margin:var(--s-4) 0 var(--s-6);display:block;position:relative}.lesson-work.is-compact .lesson-stage:not(.is-sheet){position:relative;top:0}.lesson-work.is-compact .stage-top{grid-template-columns:minmax(0,1fr) 320px;align-items:start;display:grid}.lesson-work.is-compact .lesson-stage:not(.is-sheet){overflow:clip}@media (width>=768px){.lesson-work.is-compact .stage-side{align-self:start;min-width:0}.lesson-work.is-compact .stage-side .stage-panel{padding:var(--s-3) var(--s-3) var(--s-4)}.lesson-work.is-compact .stage-side .alg{gap:var(--s-2) var(--s-3);margin:0 0 var(--s-3)}.lesson-work.is-compact .stage-side .playback{gap:var(--s-2);flex-wrap:nowrap}.lesson-work.is-compact .stage-side .playback button{padding:0 var(--s-3);gap:var(--s-2)}.lesson-work.is-compact .stage-side .playback button.icon{flex:0 0 40px;width:40px;padding:0}}@media (width>=768px) and (height>=680px){.lesson-work.is-compact .stage-side{position:sticky;top:max(96px,50vh - 240px)}}.lesson-work.is-compact .stage-cube{min-width:0;position:relative}.stage-flash{z-index:2;pointer-events:none;box-shadow:inset 0 0 0 4px var(--blue);animation:1s ease-out both stage-flash;position:absolute;inset:0}.stage-rotate.is-flash{animation:1s ease-out both rotate-pulse}@keyframes stage-flash{0%{opacity:1}to{opacity:0}}@keyframes rotate-pulse{0%{box-shadow:0 0 0 0 var(--blue);transform:scale(1)}25%{box-shadow:0 0 0 6px var(--blue);transform:scale(1.35)}to{transform:scale(1);box-shadow:0 0 #0000}}@media (prefers-reduced-motion:reduce){.stage-flash{box-shadow:inset 0 0 0 3px var(--ink)}.stage-rotate.is-flash{animation:none}}.lesson-work.is-compact .lesson-stage:not(.is-sheet) .stage-cube canvas{height:300px}.lesson-work.is-compact .cases{padding:var(--s-4) var(--s-3) var(--s-3) var(--s-4)}.lesson-work.is-compact .cases h2{font-size:var(--fs-2);letter-spacing:var(--tight);margin:0 0 var(--s-2);line-height:1.35}.lesson-work.is-compact .case-list{gap:var(--s-3) var(--s-3);grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.lesson-work.is-compact .case-group{font-size:var(--fs-1);margin:var(--s-1) 0 -4px;grid-column:1/-1;line-height:1.35}.lesson-work.is-compact .case-group:first-child{margin-top:0}.lesson-work.is-compact .case-card{gap:2px}.lesson-work.is-compact .case-card canvas,.lesson-work.is-compact .case-card .top-view{height:68px}.lesson-work.is-compact .case-card canvas{cursor:pointer;touch-action:auto}.lesson-work.is-compact .case-card span{padding:0 2px}.lesson-work.is-compact .case-card strong{font-size:var(--fs-1);line-height:1.3}.lesson-work.is-compact .case-card small{font-size:var(--fs-1);letter-spacing:0;margin-top:1px}.lesson-work.is-compact .case-card[aria-pressed=true]:after{width:24px;height:20px;top:-6px;right:-2px}.lesson-work.is-compact>.keep-front{margin:var(--s-4) 0 0}@media (width<=767px){.lesson-work.is-compact{margin-top:var(--s-3)}.lesson-work.is-compact .stage-top{display:block}.stage-flash{display:none}.stage-rotate.is-flash{animation:none}.lesson-work.is-compact .cases{padding:var(--s-3) var(--s-4) var(--s-4)}.lesson-work.is-compact .cases h2{font-size:var(--fs-2);margin:0 0 var(--s-2)}.lesson-work.is-compact .case-list{gap:var(--s-2);grid-template-columns:repeat(auto-fill,minmax(72px,1fr));display:grid;overflow:visible}.lesson-work.is-compact .case-card canvas,.lesson-work.is-compact .case-card .top-view{height:72px}.lesson-work.is-compact .case-card span :is(strong,small){clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lesson-work.is-compact .case-card strong{font-size:var(--fs-1);line-height:1.35}.lesson-work.is-compact .lesson-stage:not(.is-sheet) .stage-side,.lesson-work.is-compact .lesson-stage.is-sheet .cases{display:none}}.lesson-short{gap:var(--s-4);margin:0 0 var(--s-4);display:grid}.hold-short{gap:var(--s-1) var(--s-4);margin:var(--s-4) 0 var(--s-4);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.hold-short h2{font-size:var(--fs-2);letter-spacing:var(--tight);margin:0 0 2px}.hold-pics{gap:var(--s-2);display:flex}.hold-pics figure{text-align:center;gap:2px;margin:0;display:grid}.hold-pics canvas{background:var(--surface);border-radius:var(--r-1);width:56px;height:56px}.hold-pics figcaption{font-size:var(--fs-1);font-weight:700}.hold-short p{font-size:var(--fs-2);margin:0;line-height:1.55}.hold-short b{color:var(--blue);font-weight:700}html:is(.layout-term,.layout-studio,.layout-mono) body .lesson-work.is-split .stage-inspector .hold-pics.has-layers{gap:var(--s-3)}html:is(.layout-term,.layout-studio,.layout-mono) body .lesson-work.is-split .stage-inspector .hold-pics.has-layers canvas{width:72px;height:72px}details.lesson-fold{margin:var(--s-4) 0}details.lesson-fold>summary{cursor:pointer;list-style:none}details.lesson-fold>summary::-webkit-details-marker{display:none}details.lesson-fold>summary h2{font-size:var(--fs-2);text-decoration:underline;display:inline}details.lesson-fold[open]>summary{margin-bottom:var(--s-3)}details.lesson-fold[open]>summary h2{font-size:var(--fs-4);text-decoration:none}@media (width<=767px){.hold-pics canvas{width:48px;height:48px}.hold-short p{font-size:var(--fs-2)}.lesson-work.is-compact>.hold-short{margin:var(--s-4) 0 var(--s-4)}}.piece-btn.is-static{cursor:default;margin:0}.piece-btn.is-static:hover{box-shadow:none}.piece-btn.is-static figcaption{font-size:var(--fs-1);font-weight:700}.piece-short h2{text-align:center;font-size:var(--fs-2);letter-spacing:var(--tight);margin:0 0 var(--s-2);line-height:1.4}.piece-row{gap:var(--s-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.piece-btn{gap:var(--s-1);height:auto;min-height:0;padding:var(--s-2) var(--s-2) var(--s-3);border:var(--line);border-radius:var(--r-1);background:var(--surface);color:var(--ink);box-shadow:none;font-size:var(--fs-1);text-align:center;text-transform:none;letter-spacing:0;align-content:start;justify-items:center;font-weight:700;line-height:1.3;display:grid}.piece-btn:hover{background:var(--surface);box-shadow:var(--shadow-hover)}.piece-btn:active{transform:scale(.97)}.piece-btn canvas{width:100%;height:64px}.piece-btn[aria-pressed=true]{font-weight:700}.stage-sheet-head .sheet-piece{font-size:var(--fs-1);color:var(--muted);font-weight:700;display:block}@media (width<=767px){.piece-row{gap:var(--s-2)}.piece-btn{padding:var(--s-1) var(--s-1) var(--s-3)}.piece-btn canvas{height:52px}}.note-info,.note-title{display:none}.keep-front .note-text{margin:0}.lesson-card{position:relative}.page-heading+.lang-note{background:var(--surface)}.feature-story{box-shadow:none;background:var(--surface);border-width:2px}.feature-art{background:var(--quiet)}.feature-art:before{display:none}.feature-art .art-formula{font-size:var(--fs-2)}.feature-copy .tag{font-size:var(--fs-1);background:0 0}.feature-copy p{font-size:var(--fs-2);line-height:1.7}.feature-copy .byline{font-size:var(--fs-1)}.feature-copy .author-mark{background:var(--surface)}.feature-copy .text-link{font-size:var(--fs-2)}.filters{gap:var(--s-1)}.filter,.filter:hover,.filter.active{min-height:44px;padding:var(--s-2) var(--s-3) var(--s-4);font-size:var(--fs-2);color:var(--muted);background:0 0;border:0;border-radius:0;font-weight:600}.filter:hover,.filter.active{color:var(--ink)}.filter.active{font-weight:700}.search-field input{font-size:var(--fs-2);min-height:44px}.journal-meta{font-size:var(--fs-1)}.journal-empty .text-link{font-size:var(--fs-2);min-height:44px}.journal-section{margin-bottom:var(--s-7)}.journal-section h2{font-size:var(--fs-5);letter-spacing:var(--tight);margin:0 0 var(--s-5)}.journal .post-grid{gap:var(--s-5) var(--s-5);grid-template-columns:repeat(2,minmax(0,1fr))}.post-card{border:var(--line);border-radius:var(--r-2);background:var(--surface);padding:var(--s-4) var(--s-5);flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex}.post-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.post-card-meta{margin:0 0 var(--s-2);font-size:var(--fs-1);letter-spacing:var(--track)}.post-card h3{font-size:var(--fs-4);letter-spacing:var(--tight);line-height:1.35}.post-card p{font-size:var(--fs-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}.post-card .read-link{font-size:var(--fs-2);padding-top:var(--s-4);margin-top:auto}.video-grid{gap:var(--s-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.video-card{border:var(--line);border-radius:var(--r-2);background:var(--surface);flex-direction:column;min-width:0;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.video-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.video-thumb{aspect-ratio:16/9;background:var(--quiet);border-bottom:var(--line);display:block;position:relative;overflow:hidden}.video-thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.video-thumb svg{position:absolute;top:calc(50% - 24px);left:calc(50% - 24px)}.video-copy{gap:var(--s-2);padding:var(--s-4) var(--s-4) var(--s-4);flex-direction:column;flex:1;display:flex}.video-event{font-size:var(--fs-1);letter-spacing:var(--track);text-transform:uppercase;color:var(--muted);font-weight:700}.video-copy strong{-webkit-line-clamp:3;line-clamp:3;overflow-wrap:anywhere;font-size:var(--fs-3);letter-spacing:var(--tight);-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.video-meta{font-size:var(--fs-2);color:var(--muted);line-height:1.6}.video-channel{font-size:var(--fs-2);padding-top:var(--s-1);margin-top:auto;font-weight:600}.journal~.reading-cta{background:var(--surface);border-width:2px}.journal~.reading-cta .cta-symbol{background:0 0;border-width:2px}@media (width<=1023px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.feature-art .art-formula{font-size:var(--fs-1)}.feature-copy p{font-size:var(--fs-2)}.filters{flex-wrap:wrap;gap:0}.filter,.filter:hover,.filter.active{font-size:var(--fs-2);padding:var(--s-2) var(--s-3) var(--s-4)}.journal .post-grid,.video-grid{gap:var(--s-4);grid-template-columns:minmax(0,1fr)}.post-card h3{font-size:var(--fs-4)}.journal~.reading-cta p{font-size:var(--fs-2)}}.article-body p strong,.article-body li strong{color:var(--blue)}.post-series{border:var(--line);border-radius:var(--r-2);background:var(--surface);padding:var(--s-4) var(--s-5);margin:var(--s-2) 0 var(--s-6);display:block!important}.post-series strong{font-size:var(--fs-2);margin-bottom:var(--s-2);display:block}.post-series ol{padding-left:var(--s-5);gap:var(--s-1);font-size:var(--fs-2);flex-direction:column;margin:0;line-height:1.5;display:flex}.post-series a{text-underline-offset:3px;text-decoration:underline}.post-series a:hover{color:var(--blue)}.post-series .current{font-weight:700}.post-series .soon{color:var(--muted)}.post-series small{font-size:var(--fs-1)}.article-figure.own{background:var(--paper)}.article-figure.own img{aspect-ratio:4/3;width:100%;max-width:480px;height:auto;max-height:none}.article-figure.own figcaption{font-size:var(--fs-2);color:var(--ink);line-height:1.55}.case-flat{align-items:flex-start;gap:var(--s-4);margin:var(--s-4) 0 var(--s-4);display:flex}.case-flat .flat-top{flex:none;width:110px;height:110px}.case-flat details{min-width:0;padding-top:var(--s-2);flex:1}.case-flat summary{cursor:pointer;font-size:var(--fs-2);color:var(--blue);width:max-content;font-weight:700}.case-flat details[open]{flex-basis:100%}.case-flat details .lesson-path{margin-top:var(--s-3)}@media (width<=640px){.case-flat{flex-wrap:wrap}.case-flat details[open]{margin-top:0}}.case-finder{border:var(--line);border-radius:var(--r-2);background:var(--surface);padding:var(--s-4) var(--s-4);margin:var(--s-5) 0 var(--s-6)}.case-finder h2{font-size:var(--fs-4);letter-spacing:var(--tight);margin:0}.case-finder>p{font-size:var(--fs-2);color:var(--muted);margin:var(--s-2) 0 var(--s-3);line-height:1.6}.case-finder ul{gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(84px,1fr));margin:0;padding:0;list-style:none;display:grid}.case-finder li>button{align-items:center;gap:var(--s-1);width:100%;padding:var(--s-2) var(--s-1);background:var(--paper);border:var(--line);border-radius:var(--r-1);font-size:var(--fs-1);flex-direction:column;font-weight:700;display:flex}.case-finder li>button:hover{background:var(--surface);box-shadow:var(--shadow-hover)}.case-finder .flat-top{width:72px;height:72px}.case-finder dialog{border:var(--line);border-radius:var(--r-2);width:min(720px,100% - 32px);max-height:calc(100dvh - 48px);padding:var(--s-4) var(--s-5);background:var(--paper);color:var(--ink)}.case-finder dialog::backdrop{background:#19191973}.case-dialog-head{margin-bottom:var(--s-3);justify-content:space-between;align-items:center;display:flex}.case-dialog-head strong{font-size:var(--fs-4)}.case-close{padding:var(--s-2);background:0 0;place-items:center;display:grid}.case-close .icon{width:22px;height:22px}.case-dialog-top{align-items:center;gap:var(--s-4);margin-bottom:var(--s-2);display:flex}.case-dialog-top .flat-top{flex:none;width:120px;height:120px}.case-moves{font-size:var(--fs-4);line-height:1.5}.case-finder dialog .lesson-path{margin:var(--s-3) 0}.post-case{align-items:center;gap:var(--s-2) var(--s-5);margin:var(--s-4) 0 var(--s-5);padding:var(--s-3) var(--s-4) var(--s-3) var(--s-3);border:var(--line);border-radius:var(--r-2);background:var(--surface);grid-template-columns:200px minmax(0,1fr);display:grid}.post-case canvas,.post-case .top-view{background:0 0;width:100%;height:170px}.post-case figcaption{min-width:0}.post-case strong{text-wrap:balance;font-size:var(--fs-2);line-height:1.45;display:block}.post-case small{text-wrap:balance;font-size:var(--fs-2);color:var(--muted);margin-top:2px;font-weight:600;display:block}.post-case figcaption>a{align-items:center;gap:var(--s-2);font-size:var(--fs-2);font-weight:700;display:inline-flex}.post-case figcaption>a .icon{width:16px;height:16px}.post-case .alg{margin:var(--s-3) 0 var(--s-2)}@media (width<=767px){.post-case{padding:var(--s-3);grid-template-columns:1fr}.post-case canvas,.post-case .top-view{height:150px}}.account-page{padding-bottom:var(--s-7)}.account-page .page-heading{padding-bottom:var(--s-6)}.account{gap:var(--s-5);flex-direction:column;display:flex}.account-card{border:var(--line);border-radius:var(--r-2);background:var(--surface);padding:var(--s-5) var(--s-5)}.account-card h2{font-size:var(--fs-4);letter-spacing:var(--tight);line-height:1.3}.account-card-head{justify-content:space-between;align-items:center;gap:var(--s-4);flex-wrap:wrap;display:flex}.account-card>p+*,.account-card h2+*{margin-top:var(--s-3)}.account-dim{font-size:var(--fs-2);color:var(--muted);line-height:1.6}.account-error{font-size:var(--fs-2);color:var(--error);margin-top:var(--s-3);font-weight:600;line-height:1.6}.account-notice{font-size:var(--fs-2);border-left:3px solid var(--ink);padding:2px 0 2px var(--s-3);line-height:1.6}.account .text-link,.account-card .text-link,.admin .text-link{font-size:var(--fs-2)}.account-signin{align-items:flex-start;gap:var(--s-4);flex-direction:column;max-width:620px;display:flex}.account-signin>p:first-child{font-size:var(--fs-3);line-height:1.6}.account-signin ul{padding-left:var(--s-5);font-size:var(--fs-2);margin:0;line-height:1.9}.account-signin .account-error{margin:0}.account-profile{align-items:center;gap:var(--s-4);flex-wrap:wrap;display:flex}.account-profile img,.account-avatar{border:var(--line);object-fit:cover;border-radius:50%;flex:none;width:56px;height:56px}.account-avatar{font-size:var(--fs-4);background:var(--quiet);place-items:center;font-weight:700;display:grid}.account-profile>div:nth-child(2){flex-direction:column;flex:1;gap:2px;min-width:180px;display:flex}.account-profile strong{font-size:var(--fs-4);letter-spacing:var(--tight)}.account-profile small{font-size:var(--fs-2);color:var(--muted);overflow-wrap:anywhere}.account-actions{align-items:center;gap:var(--s-4);display:flex}.account-columns{gap:var(--s-5);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;display:grid}.record-list{margin:var(--s-3) 0 0;border-top:var(--line);padding:0;list-style:none}.record-list li{align-items:center;gap:var(--s-2) var(--s-5);padding:var(--s-3) 0;border-bottom:var(--hairline);grid-template-columns:150px minmax(80px,1fr) auto;display:grid}.record-puzzle{align-items:center;gap:var(--s-3);font-size:var(--fs-2);display:flex}.record-puzzle:hover{color:var(--blue)}.record-bar{border-radius:var(--r-1);background:var(--quiet);grid-column:2;height:10px;overflow:hidden}.record-bar i{border-radius:var(--r-1);background:var(--ink);height:100%;display:block}.record-list dl{gap:var(--s-3);text-align:right;grid-column:3;grid-template-columns:repeat(4,80px);margin:0;display:grid}.record-list dt{font-size:var(--fs-1);letter-spacing:var(--track);text-transform:uppercase;color:var(--muted);font-weight:700}.record-list dd{font-size:var(--fs-3);font-variant-numeric:tabular-nums;margin:2px 0 0;font-weight:700}.account-list{margin:var(--s-3) 0 0;padding:0;list-style:none}.account-card.account-list{padding:var(--s-2) var(--s-5);margin:0}.account-list li{justify-content:space-between;align-items:center;gap:var(--s-4);padding:var(--s-3) 0;border-bottom:var(--hairline);font-size:var(--fs-2);line-height:1.5;display:flex}.account-list li:last-child{border-bottom:0}.account-list li>div{flex-direction:column;gap:2px;min-width:0;display:flex}.account-list li>a,.account-list li>div>a{font-weight:700}.account-list li a:hover{color:var(--blue)}.account-list small{font-size:var(--fs-2);color:var(--muted);overflow-wrap:anywhere}.account-list .text-link{padding:var(--s-1) 0;flex:none}.status{font-size:var(--fs-1);border-radius:var(--r-1);padding:var(--s-1) var(--s-2);color:var(--muted);border:2px solid;flex:none;font-weight:700}.status[data-status=approved]{color:var(--success)}.status[data-status=rejected]{color:var(--error)}.write-form{gap:var(--s-4);flex-direction:column;max-width:760px;display:flex}.write-form label,.admin-review label{gap:var(--s-2);flex-direction:column;display:flex}.write-form label>span,.admin-review label>span{font-size:var(--fs-2);font-weight:700}.write-form input,.write-form textarea,.write-form select,.admin-review input,.account-list select{font:inherit;font-size:var(--fs-2);color:var(--ink);background:var(--paper);border:var(--line);border-radius:var(--r-1);padding:var(--s-3) var(--s-3)}.write-form textarea{resize:vertical;min-height:280px;line-height:1.6}.write-form select{align-self:flex-start}.write-form :is(input,textarea,select):focus,.admin-review input:focus,.account-list select:focus{box-shadow:var(--shadow)}.write-count{font-size:var(--fs-1);color:var(--muted);font-variant-numeric:tabular-nums;align-self:flex-end}.write-count[data-bad]{color:var(--error)}.write-help{font-size:var(--fs-2);color:var(--muted)}.write-rules{padding-left:var(--s-5);font-size:var(--fs-2);color:var(--muted);margin:0;line-height:1.8}.write-actions{align-items:center;gap:var(--s-5);flex-wrap:wrap;display:flex}.account-page>.account-card{align-items:flex-start;gap:var(--s-3);flex-direction:column;max-width:620px;display:flex}.admin{gap:var(--s-4);flex-direction:column;display:flex}.admin-reviews{gap:var(--s-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.admin-review{gap:var(--s-4);flex-direction:column;display:flex}.admin-review>div:first-child{gap:var(--s-1);flex-direction:column;align-items:flex-start;display:flex}.admin-review strong{font-size:var(--fs-3)}.draft-card p{margin:var(--s-1) 0 0;font-size:var(--fs-2);color:var(--muted);line-height:1.6}.draft-card small{font-size:var(--fs-1);color:var(--muted)}.draft-card .warn{color:var(--error);font-weight:700}.draft-keywords{align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.draft-keywords>span:first-child{font-size:var(--fs-1);min-width:110px;font-weight:700}.keyword{font-size:var(--fs-1);border:var(--hairline);padding:3px var(--s-3);border-radius:999px}.keyword.main{border-color:var(--ink);background:var(--quiet);font-weight:700}.draft-date{align-items:flex-end;gap:var(--s-4);flex-wrap:wrap;display:flex}.draft-revise{align-items:flex-start;gap:var(--s-3);border-top:var(--hairline);padding-top:var(--s-4);flex-direction:column;display:flex}.draft-revise label{width:100%}.draft-revise textarea{width:100%;font:inherit;font-size:var(--fs-2);color:var(--ink);background:var(--paper);border:var(--line);border-radius:var(--r-1);padding:var(--s-3) var(--s-3);resize:vertical;line-height:1.6}.draft-revision{font-size:var(--fs-2);gap:var(--s-1) var(--s-2);flex-wrap:wrap;margin:0;display:flex}.draft-revision span{color:var(--muted);flex-basis:100%}.draft-revision.failed strong{color:var(--error)}.draft-revision.done strong{color:var(--success)}.draft-images{align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.draft-images .text-link{cursor:pointer}.draft-thumb{display:inline-block;position:relative}.draft-thumb img{object-fit:cover;border:var(--line);border-radius:var(--r-1);width:96px;height:72px;display:block}.draft-thumb button{border:var(--line);background:var(--paper);width:22px;height:22px;font-size:var(--fs-2);border-radius:50%;padding:0;line-height:1;position:absolute;top:-8px;right:-8px}.draft-state.version{color:var(--blue)}.draft-version{font-size:var(--fs-2);line-height:1.7}.admin-stats{align-items:start;gap:var(--s-5);grid-template-columns:200px minmax(0,1fr);display:grid}.stats-body{gap:var(--s-4);flex-direction:column;min-width:0;display:flex}.stats-nav{border:var(--hairline);border-radius:var(--r-1);background:var(--paper,#fff);flex-direction:column;display:flex;position:sticky;top:16px;overflow:hidden}.stats-nav button{padding:var(--s-3) var(--s-4);font:inherit;font-size:var(--fs-2);text-align:left;cursor:pointer;background:0 0;border:0;border-left:3px solid #0000}.stats-nav button+button{border-top:var(--hairline)}.stats-nav button:hover{background:var(--quiet)}.stats-nav button[aria-current]{border-left-color:var(--ink,#111);background:var(--quiet);font-weight:700}@media (width<=860px){.admin-stats{grid-template-columns:minmax(0,1fr)}.stats-nav{border-radius:var(--r-1);flex-direction:row;position:static;overflow-x:auto}.stats-nav button{border-bottom:3px solid #0000;border-left:0;flex:none}.stats-nav button+button{border-top:0;border-left:var(--hairline)}.stats-nav button[aria-current]{border-bottom-color:var(--ink,#111)}}.admin-stats h2{font-size:var(--fs-4);letter-spacing:var(--tight);margin-bottom:var(--s-2)}.stats-notes ul{padding-left:var(--s-5);font-size:var(--fs-2);margin:0;line-height:1.8}.stats-table-wrap{border:var(--line);border-radius:var(--r-2);background:var(--surface);overflow-x:auto}.stats-table{border-collapse:collapse;width:100%;font-size:var(--fs-2);font-variant-numeric:tabular-nums}.stats-table th,.stats-table td{padding:var(--s-2) var(--s-3);border-bottom:var(--hairline);text-align:right;white-space:nowrap}.stats-table th:first-child,.stats-table td.title{text-align:left;white-space:normal;min-width:240px}.stats-table th button{font:inherit;align-items:center;gap:var(--s-1);background:0 0;padding:0;font-weight:700;display:inline-flex}.stats-table th .icon{width:12px;height:12px}.stats-table tfoot td{border-top:var(--line);border-bottom:0;font-weight:700}.stats-table tr.orphan td{color:var(--muted);font-style:italic}.stats-table td.title a{text-underline-offset:3px;text-decoration:underline}.priority{font-size:var(--fs-1);padding:3px var(--s-3);border:2px solid;border-radius:999px;font-weight:700;line-height:1.4;display:inline-block}.priority.high{color:var(--error)}.priority.medium,.priority.low{color:var(--muted)}.stats-report p{margin:var(--s-2) 0 var(--s-3);font-size:var(--fs-2);line-height:1.7}.report-head{justify-content:space-between;align-items:baseline;gap:var(--s-1) var(--s-4);flex-wrap:wrap;display:flex}.report-age{font-size:var(--fs-1);color:var(--muted);font-weight:700}.report-age.stale,.report-stale{color:var(--error)}.report-sources summary,.todo-done summary{cursor:pointer;font-size:var(--fs-2);color:var(--muted);font-weight:700}.todo-group{margin-top:var(--s-4)}.todo-group h3{font-size:var(--fs-2);align-items:center;gap:var(--s-2);margin-bottom:var(--s-2);display:flex}.todo-group h3 small{font-size:var(--fs-1);color:var(--muted)}.todo-list{margin:0;padding:0;list-style:none}.todo-list li{border-top:var(--hairline);align-items:center;column-gap:var(--s-4);flex-wrap:wrap;display:flex}.todo-list li label{flex:320px}.todo-list li .button{margin:0 0 var(--s-3) var(--s-6)}@media (width>=768px){.todo-list li .button{margin:0}}.todo-list label{gap:var(--s-3);padding:var(--s-3) 0;font-size:var(--fs-2);cursor:pointer;align-items:flex-start;line-height:1.6;display:flex}.todo-list input{width:18px;height:18px;accent-color:var(--ink);flex:none;margin:3px 0 0}.todo-post{align-items:baseline;gap:var(--s-2);flex-wrap:wrap;font-weight:700;display:flex}.todo-post a{text-underline-offset:3px;text-decoration:underline}.todo-post small{font-size:var(--fs-1);color:var(--muted);font-weight:700}.todo-rewrite{padding:1px var(--s-2);border:2px solid;border-radius:999px}.todo-rewrite.waiting{color:var(--blue)!important}.todo-rewrite.failed{color:var(--error)!important}.todo-done{margin-top:var(--s-4)}.todo-done .todo-list span{color:var(--muted);text-decoration:line-through}.todo-auto .todo-list span{text-decoration:none}.admin-stats{--chart-1:var(--blue);--chart-desktop:var(--blue);--chart-mobile:#eb6834;--chart-tablet:#1baf7a}.stats-growth,.stats-seo{gap:var(--s-4);flex-direction:column;display:flex}.stat-tiles{gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(170px,1fr));display:grid}.stat-tile{border:var(--line);border-radius:var(--r-2);background:var(--surface);padding:var(--s-3) var(--s-4);gap:var(--s-1);flex-direction:column;display:flex}.stat-tile>span{font-size:var(--fs-1);color:var(--muted)}.stat-tile>strong{font-size:var(--fs-5);letter-spacing:var(--tight)}.stat-tile small{font-size:var(--fs-1);color:var(--muted);align-items:center;gap:3px;font-weight:700;display:inline-flex}.stat-tile small .icon{width:12px;height:12px}.stat-tile small.up{color:var(--success)}.stat-tile small.down{color:var(--error)}.stat-spark{width:100%;height:24px;margin-top:var(--s-1)}.stat-spark path{fill:none;stroke:var(--muted);stroke-width:1.5px;vector-effect:non-scaling-stroke}.chart-grid-2{gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));display:grid}.chart{border:var(--line);border-radius:var(--r-2);background:var(--surface);padding:var(--s-4);gap:var(--s-2);flex-direction:column;margin:0;display:flex}.chart figcaption{flex-direction:column;gap:2px;display:flex}.chart figcaption strong{font-size:var(--fs-2)}.chart figcaption small{font-size:var(--fs-1);color:var(--muted)}.chart-plot{position:relative}.chart-plot svg{touch-action:pan-y;width:100%;height:auto;display:block}.chart-plot svg:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.chart-grid{stroke:var(--hair);stroke-width:1px}.chart-tick{font-size:var(--fs-1);fill:var(--muted);font-variant-numeric:tabular-nums}.chart-line{fill:none;stroke:var(--chart-1);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart-area{fill:var(--chart-1);opacity:.1}.chart-dot{fill:var(--chart-1);stroke:#fff;stroke-width:2px}.chart-col{fill:var(--chart-1)}.chart-col.on{fill:var(--blue)}.chart-cross{stroke:var(--ink);stroke-width:1px;opacity:.35}.chart-tip{background:var(--ink);color:var(--on-ink);border-radius:var(--r-1);padding:var(--s-1) var(--s-2);font-size:var(--fs-1);pointer-events:none;white-space:nowrap;flex-direction:column;gap:2px;display:flex;position:absolute;top:0;transform:translate(-50%)}.chart-tip.left{transform:translate(-100%)}.chart-tip-row{align-items:center;gap:var(--s-2);display:flex}.chart-tip-row i{border-radius:1px;width:10px;height:2px}.chart-legend{gap:var(--s-1) var(--s-4);font-size:var(--fs-1);color:var(--muted);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.chart-legend li{align-items:center;gap:var(--s-2);display:inline-flex}.chart-legend i{border-radius:3px;width:10px;height:10px}.share-bars{gap:var(--s-3);flex-direction:column;display:flex}.share-row{gap:var(--s-1);font-size:var(--fs-2);flex-direction:column;display:flex}.share-row small{color:var(--muted)}.share-bar{gap:2px;height:22px;display:flex}.share-bar b{color:var(--on-ink);font-size:var(--fs-1);justify-content:center;align-items:center;min-width:4px;font-weight:700;display:flex}.share-bar b:first-child{border-radius:4px 0 0 4px}.share-bar b:last-child{border-radius:0 4px 4px 0}.share-bar b:only-child{border-radius:4px}.chart-table summary{font-size:var(--fs-1);cursor:pointer;color:var(--muted)}.chart-table table{margin-top:var(--s-2);font-size:var(--fs-1);border-collapse:collapse;font-variant-numeric:tabular-nums}.chart-table td,.chart-table th{padding:2px var(--s-3) 2px 0;text-align:left}.query-table th:first-child,.query-table td.title{overflow-wrap:anywhere;min-width:120px}.query-table th,.query-table td{padding:var(--s-2) var(--s-2)}.index-list{gap:var(--s-3);font-size:var(--fs-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.index-list li{border-bottom:var(--hairline);padding-bottom:var(--s-2);flex-direction:column;gap:2px;display:flex}.index-list li:last-child{border-bottom:0;padding-bottom:0}.index-list small{color:var(--muted);overflow-wrap:anywhere}.index-list p{font-size:var(--fs-2);margin:2px 0 0;line-height:1.5}.index-list a{overflow-wrap:anywhere;text-underline-offset:3px;text-decoration:underline}.stats-seo h3{font-size:var(--fs-2);margin-bottom:var(--s-2)}.seo-issues{padding-left:var(--s-4);gap:var(--s-2);font-size:var(--fs-2);flex-direction:column;margin:0;display:flex}.seo-issues small{color:var(--muted)}.seo-issues ul{padding-left:var(--s-4);color:var(--muted);font-size:var(--fs-2);margin:2px 0 0}.draft-state{font-size:var(--fs-1);padding:3px var(--s-3);margin-bottom:var(--s-2);border:2px solid;border-radius:999px;font-weight:700;display:inline-block}.draft-state.scheduled{color:var(--success)}.draft-state.held{color:var(--error)}.draft-state.waiting{color:var(--muted)}.draft-review{gap:var(--s-4);background:var(--quiet);border-radius:var(--r-1);padding:var(--s-4) var(--s-4);grid-template-columns:auto 1fr;align-items:start;display:grid}.draft-score{align-items:baseline;gap:2px;display:flex}.draft-score strong{font-size:var(--fs-6);line-height:1}.draft-score strong.pass{color:var(--success)}.draft-score strong.fail{color:var(--error)}.draft-score span{font-size:var(--fs-2);color:var(--muted)}.draft-review p{margin:0 0 var(--s-2);font-size:var(--fs-2);color:var(--ink);line-height:1.6}.draft-subscores{gap:var(--s-1) var(--s-4);flex-wrap:wrap;display:flex;font-size:var(--fs-1)!important;color:var(--muted)!important}.draft-suggestions{margin:var(--s-2) 0 0;padding-left:var(--s-4);gap:var(--s-2);font-size:var(--fs-2);flex-direction:column;line-height:1.5;display:flex}.draft-suggestions li{justify-content:space-between;gap:var(--s-3);align-items:baseline;display:flex}.draft-suggestions .text-link{align-items:center;gap:var(--s-1);flex:none;padding:0;display:inline-flex}.draft-suggestions .text-link .icon{width:14px;height:14px}.draft-suggestions li.added>span{color:var(--muted)}.draft-suggestions li.added .text-link{color:var(--success)}@media (width<=600px){.draft-review{grid-template-columns:1fr}.draft-suggestions li{flex-direction:column;gap:2px}}.preview-banner{background:var(--quiet);border:var(--line);border-radius:var(--r-1);padding:var(--s-3) var(--s-4);margin-top:var(--s-4);font-weight:700}.admin-review small{font-size:var(--fs-2);color:var(--muted)}.account-list select{padding:var(--s-2) var(--s-3);font-size:var(--fs-2)}.header a.account-link{align-items:center;gap:var(--s-2);font-size:var(--fs-2);font-weight:700;display:inline-flex}.header a.account-link span{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.header a.account-link:hover{color:var(--blue)}.header a.account-link[aria-current=page]:after{width:100%;left:0;translate:none}.bookmark{align-items:center;gap:var(--s-2);min-height:36px;padding:var(--s-2) var(--s-3);border:var(--line);border-radius:var(--r-1);background:var(--surface);color:var(--ink);font-size:var(--fs-2);font-weight:700;transition:box-shadow .2s;display:inline-flex}.bookmark:hover{box-shadow:var(--shadow-hover)}.bookmark:active{scale:.97}.bookmark[aria-disabled]{pointer-events:none}.article-heading .byline{flex-wrap:wrap}@media (width<=767px){.account-card{padding:var(--s-4)}.account-card.account-list{padding:var(--s-1) var(--s-4)}.record-list li{gap:var(--s-3) var(--s-4);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.record-bar{grid-column:2}.record-list dl{text-align:left;grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}.account-columns{grid-template-columns:minmax(0,1fr)}.account-actions{justify-content:space-between;width:100%}.account-list li{flex-wrap:wrap}}.admin-feedback h2{font-size:var(--fs-4);margin:var(--s-6) 0 var(--s-3)}.feedback-summary{gap:var(--s-4) var(--s-6);grid-template-columns:auto 1fr;align-items:center;display:grid}.feedback-score{align-items:flex-start;gap:var(--s-2);flex-direction:column;display:flex}.feedback-score strong{font-size:var(--fs-7);letter-spacing:var(--tight);line-height:1}.feedback-score>span{font-size:var(--fs-2);color:var(--muted)}.feedback-bars{gap:var(--s-2);font-size:var(--fs-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.feedback-bars li{gap:var(--s-3);grid-template-columns:52px 1fr 64px;align-items:center;display:grid}.feedback-bars li>span:last-child{text-align:right;font-variant-numeric:tabular-nums}.feedback-bars small{color:var(--muted)}.feedback-bar{border-radius:var(--r-1);background:var(--quiet);height:10px;overflow:hidden}.feedback-bar b{border-radius:var(--r-1);background:var(--ink);height:100%;display:block}.feedback-empty{align-items:center;gap:var(--s-4);grid-column:1/-1;display:flex}.feedback-empty p{font-size:var(--fs-2);color:var(--muted);margin:0;line-height:1.6}.feedback-empty strong{color:var(--ink)}.stars{gap:2px;display:inline-flex}.stars .icon{width:18px;height:18px;color:var(--hair)}.stars .on .icon{color:var(--ink);fill:var(--ink)}.feedback-review-head{justify-content:space-between;align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.feedback-review-head small{margin-top:0!important}.admin-feedback h2 small{font-size:var(--fs-2);color:var(--muted);font-weight:600}@media (width<=600px){.feedback-summary{grid-template-columns:1fr}}.admin-feedback details summary{cursor:pointer;gap:var(--s-1);display:grid}.admin-feedback details .chat-line{margin-top:var(--s-2);max-width:none}.admin-feedback .admin-list li p{margin:var(--s-2) 0 0;white-space:pre-wrap}.admin-list{gap:var(--s-3);margin:0;padding:0;list-style:none;display:grid}.admin-feedback .admin-list small{margin-top:var(--s-1);color:var(--muted);display:block}.admin-answer{width:100%;margin-top:var(--s-3);border:var(--line);border-radius:var(--r-1);padding:var(--s-2) var(--s-3);font:inherit;font-size:var(--fs-2);background:var(--surface);color:var(--ink);line-height:1.5}.feedback-hint{font-size:var(--fs-2);color:var(--muted);margin:-4px 0 var(--s-3)}.stats-range{z-index:2;align-items:flex-end;gap:var(--s-3) var(--s-4);padding:var(--s-3) var(--s-4);border:var(--hairline);border-radius:var(--r-1);background:var(--paper,#fff);flex-wrap:wrap;display:flex;position:sticky;top:0}.stats-presets{gap:var(--s-2);flex-wrap:wrap;display:flex}.stats-presets button{padding:var(--s-2) var(--s-3);border:var(--hairline);font:inherit;font-size:var(--fs-2);color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;font-weight:600}.stats-presets button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper,#fff)}.stats-range label{font-size:var(--fs-1);flex-direction:column;gap:2px;font-weight:600;display:flex}.stats-range input{padding:var(--s-1) var(--s-2);border:var(--hairline);border-radius:var(--r-1);font:inherit;font-size:var(--fs-2)}.stats-range small{font-size:var(--fs-1);flex-basis:100%}.draft-more>summary{cursor:pointer;padding:var(--s-1) 0;display:inline-block}.draft-more-body{gap:var(--s-4);margin-top:var(--s-4);flex-direction:column;display:flex}.draft-card .ok{color:var(--success);font-weight:700}.pager{justify-content:center;align-items:center;gap:var(--s-4);margin-top:var(--s-4);font-size:var(--fs-2);font-weight:700;display:flex}.index-list button{align-self:flex-start;padding:0}.account-share-link{gap:var(--s-3);margin-top:var(--s-3);display:flex}.account-share-link input{min-width:0;font:inherit;font-size:var(--fs-2);border:var(--line);border-radius:var(--r-1);padding:var(--s-2) var(--s-3);background:var(--surface);flex:1}.account-share dl{gap:var(--s-6);margin:var(--s-4) 0 0;display:flex}.account-share dt{font-size:var(--fs-2);color:var(--muted)}.account-share dd{font-size:var(--fs-4);margin:0;font-weight:700}.account-share h3{margin:var(--s-5) 0 var(--s-1);font-size:var(--fs-3)}.account-share-item{margin-top:var(--s-4);padding-top:var(--s-4);border-top:1px dashed var(--hair)}.account-share-new{gap:var(--s-3);margin-top:var(--s-4);display:flex}.account-share-new input{min-width:0;font:inherit;font-size:var(--fs-2);border:var(--line);border-radius:var(--r-1);padding:var(--s-2) var(--s-3);background:var(--surface);flex:1}.social-add{gap:var(--s-3);margin-top:var(--s-4);flex-wrap:wrap;align-items:flex-end;display:flex}.social-add label,.social-fields label{gap:var(--s-1);font-size:var(--fs-2);color:var(--muted);flex-direction:column;display:flex}.social-add input,.social-add select,.social-fields input{font:inherit;font-size:var(--fs-2);color:var(--ink);border:var(--line);border-radius:var(--r-1);padding:var(--s-2) var(--s-3);background:var(--surface);min-width:0}.social-add label:nth-child(2){flex:1;min-width:220px}.social-group{margin-top:var(--s-4)}.social-group h3{font-size:var(--fs-2);margin:0 0 var(--s-2)}.social-videos{margin-top:var(--s-5);gap:var(--s-3);flex-direction:column;display:flex}.social-videos h2{font-size:var(--fs-4);letter-spacing:var(--tight)}.social-videos h3{font-size:var(--fs-3);margin-top:var(--s-3)}.social-videos ul{gap:var(--s-3);margin:0;padding:0;list-style:none;display:grid}.social-video{gap:var(--s-4);border:var(--line);border-radius:var(--r-2);background:var(--surface);padding:var(--s-3);grid-template-columns:160px 1fr;display:grid}.social-video img{border-radius:var(--r-1);width:160px;height:auto;display:block}.social-video>div{gap:var(--s-2);flex-direction:column;min-width:0;display:flex}.social-video small{font-size:var(--fs-2);color:var(--muted)}.social-fields{gap:var(--s-2);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}@media (width<=560px){.social-video{grid-template-columns:1fr}}.filter-badge{min-width:18px;height:18px;margin-left:var(--s-2);padding:0 var(--s-1);border-radius:var(--r-1);background:var(--ink);color:var(--on-ink);font-size:var(--fs-1);text-align:center;vertical-align:2px;font-weight:700;line-height:18px;display:inline-block}.feedback-step-bar{height:8px;margin:var(--s-3) 0 var(--s-2);background:var(--quiet);border-radius:4px;display:flex;overflow:hidden}.feedback-step-bar b[data-i="0"]{background:var(--error)}.feedback-step-bar b[data-i="1"]{background:var(--muted)}.feedback-step-bar b[data-i="2"]{background:var(--success)}.feedback-step-counts [data-i="0"] strong{color:var(--error);background:0 0}.feedback-step-counts{gap:var(--s-1) var(--s-4);font-size:var(--fs-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.admin-feedback .feedback-step p small{margin:0 0 2px;display:block}.admin-guide-form{gap:var(--s-3);margin:var(--s-4) 0;flex-wrap:wrap;display:flex}.admin-guide-actions{align-items:center;gap:var(--s-4);flex-shrink:0;display:flex}.admin-guide-sent{align-items:center;gap:var(--s-2);font-size:var(--fs-2);color:var(--success);font-weight:700;display:inline-flex}.admin-guide-sent .icon{width:16px;height:16px}.admin-guide-form input{border:var(--line);border-radius:var(--r-1);min-width:220px;padding:var(--s-3) var(--s-3);background:var(--surface);flex:1}.header .header-tools{border:var(--line);border-radius:var(--r-1);background:var(--paper);height:44px;box-shadow:var(--shadow);gap:0;overflow:hidden}.header-tools>:is(a,astro-island){align-items:center;height:100%;display:flex}.header-tools>a{border-left:var(--line)}.header .header-tools .account-link{width:44px;height:100%;font-size:var(--fs-4);color:var(--ink);justify-content:center;transition:background .15s}.header .header-tools .account-link:hover{background:var(--paper);color:var(--ink)}.header .header-tools .account-link[aria-current=page]:after{display:none}.header-tools .language{border:0;border-left:var(--line);border-radius:0;gap:0;height:100%;padding:0}.header-tools .language span{width:44px;font-size:var(--fs-2);letter-spacing:var(--track);border-radius:0;transition:background .15s,color .15s;position:relative}.header-tools .language span+span{border-left:var(--line)}.header-tools .language:hover span:not([data-on]){background:var(--paper);color:var(--ink)}.header .header-tools .language span[data-on]{color:var(--ink);background:0 0}.header-tools .language span[data-on]:after{content:"";background:var(--scribble) center/100% 100% no-repeat;width:26px;height:7px;position:absolute;bottom:7px;left:50%;translate:-50%}.header-tools .header-cta{gap:var(--s-3);padding:0 var(--s-4);background:var(--paper);font-size:var(--fs-2);white-space:nowrap;font-weight:700;transition:background .15s}.header-tools .header-cta:hover{background:var(--quiet)}.header-tools .header-cta:active{background:var(--hair)}.header .brand{margin-right:var(--s-6)}.section-bar{border-radius:var(--r-1);background:var(--ink);max-width:600px;height:44px;color:var(--paper);flex:1;grid-template-columns:repeat(4,1fr);gap:0;margin:0 auto 0 0;display:grid;overflow:hidden}.section-bar a{padding:0 var(--s-3);font-size:var(--fs-3);letter-spacing:var(--tight);white-space:nowrap;justify-content:center;align-items:center;font-weight:700;transition:background .15s;display:flex;position:relative}.section-bar a+a{border-left:1px solid #ffffff26}.section-bar a:hover{background:color-mix(in srgb,var(--ink) 88%,var(--paper))}.section-bar a:active{background:color-mix(in srgb,var(--ink) 82%,var(--paper))}.section-bar a[aria-current=page]{color:var(--paper)}.section-bar a[aria-current=page]:after{content:"";background:var(--scribble) center/100% 100% no-repeat;width:min(64%,90px);height:8px;animation:.5s cubic-bezier(.3,.7,.3,1) both scribble-in;position:absolute;bottom:5px;left:50%;translate:-50%}@media (prefers-reduced-motion:reduce){.section-bar a[aria-current=page]:after{animation:none}}.header .nav-actions{margin-left:var(--s-5)}.section-bar a:focus-visible,.header-tools>:is(a,astro-island) :focus-visible,.header-tools>a:focus-visible{outline:2px solid var(--blue);outline-offset:-5px}@media (width<=1100px){.header .brand{margin-right:var(--s-4)}.section-bar a{font-size:var(--fs-2);padding:0 var(--s-2)}.header .nav-actions{margin-left:var(--s-3)}}@media (width>=768px) and (width<=1100px){.section-bar a,.header-tools .header-cta{font-size:var(--fs-2);letter-spacing:var(--track)}.header .nav-actions{margin-left:0}.header-tools .header-cta{padding:0 var(--s-4)}}@media (width>=768px){.header .nav{align-items:stretch;gap:0}.header .brand{align-self:center}.section-bar{border-radius:0;max-width:none;height:auto;margin:0}.header .nav-actions{margin-left:0}.section-bar a,.header-tools .header-cta{text-transform:uppercase;letter-spacing:var(--track);font-size:var(--fs-2);font-weight:700}.header .section-bar a[aria-current=page]:after{bottom:18px}.header .header-tools{height:auto;box-shadow:none;border-width:0 2px 0 0;border-radius:0;align-self:stretch}.header .header-tools .account-link{width:64px}.header-tools .language span{width:56px}.header-tools .language span[data-on]:after{bottom:20px}.header-tools .header-cta{padding:0 var(--s-5)}}@media (width>=768px) and (width<=1023px){.header-tools .header-cta{display:none}.header .brand{margin-right:var(--s-3)}.header .header-tools .account-link{width:48px}.header-tools .language span{width:44px}.section-bar a{font-size:var(--fs-1);letter-spacing:var(--track);padding:0 var(--s-1)}}:root{--header-h:82px}html{scroll-padding-top:100px}@media (width<=767px){.section-bar{display:none}:root{--header-h:74px}html{scroll-padding-top:100px}.header .header-tools{height:38px}.header .header-tools .account-link{width:38px;font-size:var(--fs-4)}.header-tools .language span{width:38px;font-size:var(--fs-1)}.header-tools .language span[data-on]:after{width:20px;height:6px;bottom:3px}}.header .section-bar a[aria-current=page]{color:var(--paper);display:flex}.header .section-bar a[aria-current=page]:after{width:min(64%,90px);height:8px;margin:0;top:auto}.header .section-bar{background:var(--paper);color:var(--ink);border-left:var(--line);border-right:var(--line)}.header .section-bar a{color:var(--ink)}.header .section-bar a+a{border-left:var(--line)}.header .section-bar a:hover{background:var(--quiet)}.header .section-bar a:active{background:var(--hair)}.header .section-bar a[aria-current=page],.header .section-bar a[aria-current=page]:hover{background:var(--ink);color:var(--paper)}.header .section-bar a[aria-current=page]:after,.header .header-tools .language span[data-on]:after{display:none}.header .header-tools .language span[data-on]{background:var(--ink);color:var(--paper)}.header .header-tools .language span{color:var(--ink)}.header .header-tools .account-link[aria-current=page]{background:var(--ink);color:var(--paper)}.section-bar a:focus-visible{outline-color:var(--blue);box-shadow:none}.header .header-tools .account-link[data-in]{position:relative}.header .header-tools .account-link[data-in]:after{content:"";background:var(--blue);border:2px solid var(--paper);border-radius:50%;width:10px;height:10px;position:absolute;top:calc(50% - 13px);left:calc(50% + 4px)}.header .header-tools .account-link[data-in][aria-current=page]:after{border-color:var(--ink);display:block}@media (width>=768px){.header .nav.wrap{width:100%;max-width:none}.header .brand{margin-right:var(--s-5);padding-left:var(--s-4)}.header-tools .language{flex-direction:column;align-items:stretch}.header-tools .language span{flex:1;width:56px;height:auto}.header-tools .language span+span{border-left:0;border-top:var(--line)}.header-tools .header-cta{font-size:var(--fs-2)}}@media (width>=1024px){.header{--header-side:280px}.header .brand{flex:0 0 var(--header-side);margin-right:0}.header .header-tools{min-width:var(--header-side);flex:none}.header-tools .header-cta{justify-content:center;gap:var(--s-2);padding:0 var(--s-3);letter-spacing:var(--track);flex:1}}.header .header-tools{background:var(--paper)}.header .header-tools .account-link:hover,.header-tools .language:hover span:not([data-on]){background:var(--quiet)}@media (width>=768px){.header .header-tools{border-right-width:0}}.header-tools>astro-island+astro-island{border-left:var(--line)}.header .header-tools button.account-link{cursor:pointer;background:0 0;border:0;align-items:center;padding:0;display:flex}.search-dialog{width:min(640px,100% - 32px);margin-top:12vh}.search-dialog .dialog-head{gap:var(--s-3)}.search-dialog .dialog-head input{min-width:0;height:44px;padding:0 var(--s-4);border:var(--line);border-radius:var(--r-1);background:var(--surface);color:var(--ink);font-size:var(--fs-3);flex:1}.search-dialog .dialog-head input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.search-results{max-height:60dvh;padding:var(--s-1) var(--s-5) var(--s-5);overflow-y:auto}.search-results h3{margin:var(--s-4) 0 var(--s-1);font-size:var(--fs-1);letter-spacing:var(--track);text-transform:uppercase;color:var(--muted);font-weight:700}.search-results a{padding:var(--s-3) 0;border-bottom:var(--hairline);font-size:var(--fs-2);font-weight:700;line-height:1.4;display:block}.search-results a:hover{color:var(--blue)}.search-results a small{font-size:var(--fs-2);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-weight:400;display:block;overflow:hidden}.search-results p{margin:var(--s-5) 0 var(--s-1);color:var(--muted)}@media (width<=767px){.header .nav{align-items:stretch;gap:0}.header .nav.wrap{width:100%;max-width:none;padding-right:0}.header .brand{padding-left:var(--s-4);align-self:center}.header .menu-toggle{border-left:var(--line);border-radius:0;width:48px;height:auto;margin-left:auto;position:static;transform:none}.header .header-tools{height:auto;box-shadow:none;border-width:0 0 0 2px;border-radius:0;align-self:stretch;margin-left:0}.header .header-tools .account-link{width:48px;font-size:var(--fs-4)}.header-tools .language{flex-direction:column;align-items:stretch}.header-tools .language span{flex:1;justify-content:center;align-items:center;width:44px;height:auto;display:flex}.header-tools .language span+span{border-left:0;border-top:var(--line)}}@media (width<=359px){.header .brand{padding-left:var(--s-3)}.header .menu-toggle,.header .header-tools .account-link{width:40px}.header-tools .language span{width:38px}}.header .section-bar a{gap:var(--s-2)}.header .section-bar a .icon{flex:none;width:19px;height:19px}.header .mobile-nav a:not(.account-link,.mobile-cta){align-items:center;gap:var(--s-3);display:inline-flex}.header .mobile-nav a .icon{flex:none;width:20px;height:20px}@media (width>=768px) and (width<=1023px){.header .section-bar a{gap:var(--s-2)}.header .section-bar a .icon{width:16px;height:16px}}@media (width>=1024px){.layout-split .header .section-bar a{gap:var(--s-2);flex-direction:column}.layout-split .header .section-bar a .icon{width:22px;height:22px}}.tab-bar,.header .header-tools .header-app{display:none}@media (width<=767px){:root{--tabbar:64px}.header .menu-toggle,.header .mobile-nav{display:none!important}.tab-bar{z-index:60;padding:0 env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);background:var(--paper);border-top:var(--line);grid-template-columns:repeat(5,minmax(0,1fr));gap:0;display:grid;position:fixed;bottom:0;left:0;right:0}.tab-bar a{justify-content:center;align-items:center;gap:var(--s-1);min-height:var(--tabbar);padding:var(--s-2) 2px;color:var(--ink);font-size:var(--fs-1);text-align:center;flex-direction:column;font-weight:700;line-height:1.1;transition:background .15s;display:flex}.tab-bar a+a{border-left:var(--line)}.tab-bar a span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.tab-bar a .icon{flex:none;width:22px;height:22px}.tab-bar a:active{background:var(--quiet)}.tab-bar a[aria-current=page]{background:var(--ink);color:var(--paper)}.tab-bar a:focus-visible{outline:2px solid var(--blue);outline-offset:-4px}.header .header-tools .header-app{border-left:var(--line);background:var(--paper);width:48px;height:100%;color:var(--ink);font-size:var(--fs-4);justify-content:center;align-items:center;display:flex}.header .header-tools .header-app:active{background:var(--quiet)}.header .header-tools{margin-left:auto}html:has(.lesson-stage,body.timing) .tab-bar{display:none}html:not(:has(.lesson-stage,body.timing)) body{padding-bottom:calc(var(--tabbar) + env(safe-area-inset-bottom,0px))}html:not(:has(.lesson-stage,body.timing)) :is(.chat-launch,.to-top){bottom:calc(var(--tabbar) + env(safe-area-inset-bottom,0px) + 12px)}html:not(:has(.lesson-stage,body.timing)) .fanpage-fab{bottom:calc(var(--tabbar) + env(safe-area-inset-bottom,0px) + 66px)}html:not(:has(.lesson-stage,body.timing)) .chat-panel{bottom:calc(var(--tabbar) + env(safe-area-inset-bottom,0px) + 68px);height:min(520px,100dvh - 220px)}html:not(:has(.lesson-stage,body.timing)) .post-banner{bottom:calc(var(--tabbar) + env(safe-area-inset-bottom,0px) + 70px)}html:not(:has(.lesson-stage,body.timing)) .cookie-banner{bottom:calc(var(--tabbar) + env(safe-area-inset-bottom,0px) + 12px)}}@media (width<=359px){.header .header-tools .header-app{width:40px}}@media (prefers-reduced-motion:reduce){.tab-bar a{transition:none}}@media (width>=768px){html:not(.layout-split) .header .section-bar{max-width:800px;margin-inline:auto}html:not(.layout-split) .header .section-bar a{min-width:0}.header .header-tools .language{flex-direction:row;grid-template-columns:1fr 1fr;align-self:stretch;align-items:stretch;gap:0;height:auto;padding:0;display:grid}.header .header-tools .language span{width:auto;min-width:44px;height:auto;padding:0 var(--s-2);white-space:nowrap;letter-spacing:.04em;border-radius:0;justify-content:center;align-items:center;display:flex;overflow:visible}.header .header-tools .language span+span{border-top:0;border-left:var(--line)}}@media (width>=1024px){html:not(.layout-split) .header .section-bar{flex:0 800px}.header .header-tools .language span{min-width:48px}}@media (width<=767px){.header{width:100%;max-width:100%}.header .nav.wrap{box-sizing:border-box;width:100%;max-width:100%;margin:0;padding-right:0}.header .brand{min-width:0;margin-right:var(--s-2);white-space:nowrap;flex:0 auto;overflow:hidden}.header .header-tools{flex:none;margin-left:auto;margin-right:0}.header .header-tools .account-link,.header .header-tools .header-app{width:44px}.header .header-tools .language{min-width:40px}.header .header-tools .language span{width:auto;min-width:0;padding:0 var(--s-1);white-space:nowrap;overflow:visible}html,body{overflow-x:clip}}@media (width<=359px){.header .header-tools .account-link,.header .header-tools .header-app{width:40px}.header .header-tools .language{min-width:36px}}.pg-short{display:none}@media (width<=767px){.pg-long{display:none}.pg-short{align-items:center;gap:var(--s-2);display:inline-flex}.hero{gap:var(--s-6);padding-block:var(--s-6) var(--s-5)}.hero-actions{gap:var(--s-4);margin-top:var(--s-5)}.hero-actions .button{min-height:44px;padding:var(--s-3) var(--s-4);font-size:var(--fs-1)}.hero-art{height:360px}.hero-cube{height:236px;margin-top:var(--s-1);padding-block:var(--s-6)}.bauhaus-circle{width:220px;top:18px}.hero-art .cube-hint{font-size:var(--fs-1);text-align:center;line-height:1.4;bottom:70px}.course-note{font-size:var(--fs-2);margin-top:var(--s-4);line-height:1.5}.course-note>span:last-child{font-size:var(--fs-2)}.cube-controls{padding:var(--s-2)}.cube-controls button{min-width:48px;padding:var(--s-1) 2px;font-size:var(--fs-1)}.cube-controls .puzzle-icon,.cube-controls .puzzle-icon svg{width:22px;height:22px}.how .how-intro h2,.section-heading div h2{white-space:normal;text-wrap:balance;letter-spacing:var(--tight);max-width:none;font-size:clamp(17px,5.6vw,26px)}.section-heading>div{min-width:0}.section-heading .round-link{flex:none}.how h2 br{display:none}section.how{grid-template-columns:minmax(0,1fr);min-width:0;max-width:100%}.how .how-item{grid-template-columns:42px minmax(0,1fr);min-width:0}.how .how-item :is(h3,p){overflow-wrap:anywhere;min-width:0;max-width:100%}.lesson-grid{gap:var(--s-3)}.lesson-image,.lesson-image canvas{height:96px}.lesson-info{padding:var(--s-3) var(--s-3) var(--s-2)}.lesson-info p{display:none}.lesson-bottom{margin-top:var(--s-2)}.filters{padding-inline:var(--s-5);scrollbar-width:none;margin-inline:-24px}.filters::-webkit-scrollbar,.puzzle-nav::-webkit-scrollbar,.cube-controls::-webkit-scrollbar{display:none}.case-list{gap:var(--s-4) var(--s-3);grid-template-columns:1fr 1fr}.case-card{gap:var(--s-2)}.case-card canvas,.case-card .top-view{height:118px}.case-card strong{font-size:var(--fs-1);line-height:1.35}.case-card small{font-size:var(--fs-1)}.lesson-nav{gap:var(--s-2);grid-template-columns:repeat(8,minmax(0,1fr));padding:0;display:grid;overflow:visible}.lesson-nav a{border-radius:var(--r-1);height:36px}.lesson-nav .num{font-size:var(--fs-2)}.playback{gap:var(--s-2);flex-wrap:nowrap}.playback button{height:38px;padding:0 var(--s-3);font-size:var(--fs-1);gap:var(--s-2);flex:auto}.playback button.icon{flex:0 0 38px;width:38px}.lesson-pagination{gap:var(--s-2);padding:var(--s-2);grid-template-columns:1fr 1fr;display:grid}.lesson-pagination a{padding:var(--s-3) var(--s-2);font-size:var(--fs-2);justify-content:center;align-items:center;display:flex}.lesson-pagination a:last-child{padding:var(--s-3) var(--s-2);margin-left:0}.header{position:sticky}.header .mobile-nav{z-index:20;background:var(--paper);border-bottom:var(--line);position:absolute;top:100%;left:0;right:0;box-shadow:0 8px 16px #1919191a}.header .mobile-nav:after{content:"";background:#19191973;height:100dvh;position:absolute;top:100%;left:0;right:0}.stage-panel .alg{scrollbar-width:none;margin:0 -24px var(--s-2);padding:var(--s-4) var(--s-5) var(--s-1);flex-wrap:nowrap;overflow-x:auto}.stage-panel .alg::-webkit-scrollbar{display:none}.stage-panel .alg-group{flex-wrap:nowrap}.stage-panel .alg b{min-width:44px;font-size:var(--fs-2)}.stage-panel .alg b svg{width:32px;height:32px}}main .lesson-image{height:auto}main .lesson-image canvas,main .lesson-card .lesson-image canvas{height:100px}main .lesson-basics>div{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}main .lesson-card:not(.advanced),main .lesson-card .lesson-info{background:var(--surface)}main .lesson-card .lesson-image{padding-top:var(--s-4);border-bottom:0}main .course-note.slogan{margin:var(--s-6) auto 0;text-align:center;max-width:720px;font-size:var(--fs-5);letter-spacing:var(--tight);color:var(--ink);font-weight:700;line-height:1.35;display:block}@media (width<=767px){main .course-note.slogan{margin-top:var(--s-6);font-size:var(--fs-4)}}section.notation{background:var(--paper);border:var(--line);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:minmax(0,1.05fr) minmax(0,.9fr) minmax(0,1fr);align-items:stretch;gap:0;padding:0;display:grid;overflow:hidden}.notation-copy{padding:var(--s-6);background:var(--paper);color:var(--ink);border-right:var(--line);flex-direction:column;align-items:flex-start;display:flex}.notation-copy .eyebrow{color:var(--ink);font-size:var(--fs-1);letter-spacing:var(--track)}.notation-copy h2{margin:var(--s-4) 0;font-size:var(--fs-6);letter-spacing:var(--tight);line-height:1.12}.notation-copy p{max-width:36ch;font-size:var(--fs-2);color:var(--ink);line-height:1.65}.notation-copy .text-link{align-items:center;gap:var(--s-2);padding-top:var(--s-5);color:var(--ink);font-size:var(--fs-2);text-underline-offset:5px;margin-top:auto;font-weight:700;text-decoration:underline 2px;display:inline-flex}.notation-copy .text-link .icon{width:16px;height:16px}.notation-demo{padding:var(--s-5);border-right:var(--line);justify-content:center;align-items:center;display:flex}.notation-demo canvas{width:100%;height:240px}.notation-buttons{background:var(--ink);grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;display:grid}.notation-buttons button{justify-content:center;align-items:center;gap:var(--s-2);min-height:84px;padding:var(--s-2) var(--s-1);background:var(--paper);color:var(--ink);font-size:var(--fs-4);cursor:pointer;border:0;border-radius:0;flex-direction:column;font-weight:700;transition:background .15s;display:flex}.notation-buttons button span{font-size:var(--fs-1);letter-spacing:var(--track);font-weight:600}.notation-buttons button:hover{background:var(--quiet)}.notation-buttons button:active{background:var(--hair)}.notation-buttons button.active,.notation-buttons button.active:hover{background:var(--ink);color:var(--paper);box-shadow:none}.notation-buttons button:focus-visible{outline:2px solid var(--blue);outline-offset:-5px}.notation-look{padding:var(--s-5) var(--s-6);border-top:var(--line);grid-column:1/-1}.notation-look h3{margin:0 0 var(--s-2);font-size:var(--fs-4);letter-spacing:var(--tight)}section.download .download-banner{background:var(--paper);min-height:0;color:var(--ink);border:var(--line);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);display:grid;overflow:hidden}.download-copy{padding:var(--s-7) var(--s-6);background:var(--paper);color:var(--ink);border-right:var(--line)}.download-copy .eyebrow{color:var(--blue);font-size:var(--fs-1);letter-spacing:var(--track)}.download-copy h2{margin:var(--s-4) 0;font-size:var(--fs-6);letter-spacing:var(--tight);line-height:1.1}.download-copy p{max-width:40ch;font-size:var(--fs-2);color:var(--muted);line-height:1.65}.store-buttons{gap:var(--s-4);margin-top:var(--s-6);flex-wrap:wrap;display:flex}.store-buttons .button{gap:var(--s-3);min-height:54px;padding:var(--s-3) var(--s-4);text-align:left}.store-buttons .button.white{background:var(--paper);color:var(--ink)}.store-buttons .button.white:hover{box-shadow:var(--shadow-hover);transform:translate(-2px,-2px)}.store-buttons .button.white:active{box-shadow:0 0 0 var(--ink);transform:translate(2px,2px)}.store-buttons small{font-size:var(--fs-1);margin-bottom:3px;font-weight:600;display:block}.store-buttons .store-icon{flex:none;width:22px;height:22px}.pocket-panel{flex-direction:column;min-width:0;display:flex}.pocket-brand{align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-5);border-bottom:var(--line);font-size:var(--fs-3);letter-spacing:var(--tight);font-weight:700;display:flex}.pocket-brand .brand-mark{width:22px;height:22px;margin:0}.pocket-cube{padding:var(--s-4) var(--s-5) var(--s-2);flex:1;justify-content:center;align-items:center;display:flex}.pocket-cube canvas{width:100%;height:190px}.pocket-title{padding:0 var(--s-5) var(--s-4);font-size:var(--fs-2);text-align:center;font-weight:700}.pocket-steps{background:var(--ink);border-top:var(--line);grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;display:grid}.pocket-steps i{background:var(--paper);height:30px}.pocket-steps i:nth-child(-n+3){background:var(--ink)}.pocket-cta{justify-content:space-between;align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-5);border-top:var(--line);background:var(--paper);font-size:var(--fs-2);letter-spacing:var(--track);text-transform:uppercase;font-weight:700;display:flex}.pocket-cta .icon{width:18px;height:18px}@media (width<=1100px){section.notation{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.notation-copy{border-right:0;border-bottom:var(--line);padding:var(--s-6) var(--s-6);grid-column:1/-1}.notation-look{padding:var(--s-5) var(--s-6)}.download-copy{padding:var(--s-6) var(--s-6)}.download-copy h2{font-size:var(--fs-6)}}@media (width>=1024px){.layout-split section.notation{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.layout-split .notation-copy{border-right:0;border-bottom:var(--line);padding:var(--s-6) var(--s-6);grid-column:1/-1}}@media (width>=1024px) and (width<=1439px){.layout-split section.download .download-banner{grid-template-columns:1fr}.layout-split .download-copy{border-right:0;border-bottom:var(--line)}.layout-split .pocket-cube canvas{height:170px}}@media (width<=767px){section.notation{box-shadow:var(--shadow);grid-template-columns:1fr}section.notation>:not(.notation-copy){display:none}.notation-copy{padding:var(--s-5) var(--s-5);border-bottom:0}.notation-copy h2{font-size:var(--fs-5);letter-spacing:var(--tight)}.notation-copy h2 br{display:none}.notation-copy p{font-size:var(--fs-2)}.notation-copy .text-link{padding-top:var(--s-4);min-height:44px}section.download .download-banner{box-shadow:var(--shadow);grid-template-columns:1fr}.download-copy{padding:var(--s-6) var(--s-5);border-right:0;border-bottom:var(--line)}.download-copy h2{font-size:var(--fs-5);letter-spacing:var(--tight)}.download-copy p{font-size:var(--fs-2)}.store-buttons{gap:var(--s-3);margin-top:var(--s-5)}.store-buttons .button{min-height:50px;padding:var(--s-2) var(--s-4);font-size:var(--fs-1);flex:150px}.pocket-cube canvas{height:150px}}@media (prefers-reduced-motion:reduce){.store-buttons .button.white:is(:hover,:active){transform:none}}@media (width>=1024px){html.layout-split{--rail:120px;--page:2560px;--edge:max(0px,calc((100% - var(--page)) / 2));--left:min(40vw,640px);--bar:80px;--header-h:var(--bar)}html.layout-split:has(.split){--header-h:0px;scroll-padding-top:24px}.layout-split body{max-width:var(--page);padding:var(--bar) var(--rail) 0 0;margin-inline:auto}.layout-split body:has(.split){padding-top:0}.layout-split .header{top:0;right:var(--edge);width:var(--rail);border-bottom:0;border-left:var(--line);border-right:var(--line);z-index:20;position:fixed;bottom:0}.layout-split .header .nav.wrap{flex-direction:column;align-items:stretch;gap:0;width:100%;height:100%}.layout-split .header .section-bar{border-left:0;border-right:0;flex-direction:column;flex:1;display:flex}.layout-split .header .section-bar a{letter-spacing:.06em;white-space:normal;text-align:center;flex:1;padding:0 8px;font-size:13px}.layout-split .header .section-bar a+a{border-left:0;border-top:var(--line)}.layout-split .header .header-tools{border:0;border-radius:0;flex-direction:column-reverse;flex:none;order:-1;align-items:stretch;min-width:0;height:auto}.layout-split .header-tools>:is(a,astro-island){height:auto}.layout-split .header .header-tools>:is(a,astro-island){border-top:0;border-left:0;border-bottom:var(--line)}.layout-split .header .header-tools .account-link{width:100%;height:64px}.layout-split .header-tools .language{flex-direction:row;align-items:stretch;width:100%;height:52px}.layout-split .header-tools .language span{flex:1;width:auto;height:100%}.layout-split .header-tools .language span+span{border-top:0;border-left:var(--line)}.layout-split .header-tools .header-cta{white-space:normal;text-align:center;flex-direction:column;flex:none;justify-content:center;gap:6px;width:100%;height:96px;padding:0 10px;font-size:12px;line-height:1.3}.layout-split .header .brand{top:0;left:var(--edge);right:calc(var(--edge) + var(--rail));z-index:21;height:var(--bar);background:var(--paper);border-bottom:var(--line);flex:none;align-self:auto;margin:0;padding:0 28px;position:fixed}.layout-split:has(.split) .header .brand{width:var(--left);border-bottom:0;right:auto}.layout-split .to-top{right:calc(var(--edge) + var(--rail) + 20px)}.layout-split .split{grid-template-columns:var(--left) minmax(0,1fr);display:grid}.layout-split .split-cube{--float:52px;height:100dvh;padding:calc(var(--bar) + 8px) 28px calc(24px + var(--float) + 20px);flex-direction:column;justify-content:center;display:flex;position:sticky;top:0}.layout-split .split-cube .hero-art{width:100%;height:auto;min-height:0;max-height:760px;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;flex:1;display:flex}.layout-split .split-cube .hero-cube{flex:1;align-self:center;width:max(55%,260px);height:auto;min-height:0}.layout-split .split-cube .cube-controls{background:0 0}.layout-split .split-main{border-left:var(--line);min-width:0}.layout-split .split-main .wrap{width:min(1240px,100% - 80px)}.layout-split .split-cube .bauhaus-circle{display:none}.layout-split:has(.split) .chat-launch{left:calc(var(--edge) + 28px);bottom:24px}.layout-split:has(.split) .fanpage-fab{left:calc(var(--edge) + 28px);bottom:88px}.layout-split:has(.split) .chat-panel{left:calc(var(--edge) + 28px);bottom:90px}.layout-split:has(.split) .post-banner{left:calc(var(--edge) + 28px);bottom:92px}.layout-split:has(.split) .to-top{right:auto;left:calc(var(--edge) + 92px);bottom:24px}html.layout-split.footer-in:has(.split) :is(.to-top,.chat-launch){opacity:1;visibility:visible;pointer-events:auto;translate:none}.layout-split .split .hero{grid-template-columns:1fr;padding-block:72px 56px}.layout-split .split .lesson-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.layout-split .split .how{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.layout-split .split .how-intro{grid-column:1/-1}.layout-split .split .how-item{border-left:0;padding:0}}@media (width>=2561px){.layout-split body,.layout-split .header .brand{border-left:var(--line)}}@media (width>=1024px) and (width<=1279px){html.layout-split{--rail:104px;--left:36vw}.layout-split .header .section-bar a{letter-spacing:.03em;font-size:12px}.layout-split .split .lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-split .split-main .wrap{width:calc(100% - 48px)}}@media (width<=1023px){.layout-split .split-cube{padding:16px 20px 0}}html.layout-term{color-scheme:light;--paper:#f4f5f3;--surface:#fbfcfb;--quiet:#e7eae7;--hair:#d5dad6;--ink:#111312;--muted:#5b625e;--blue:#0b8a55;--cta:#0a7a4a;--on-cta:#fff;--band:#d9f2e4;--band-ink:#0b3a25;--strip:#eaedeb;--on-ink:#f4f5f3;--on-ink-2:#f4f5f3b3;--on-ink-hair:#f4f5f340;--error:#c9372b;--success:#0b8a55;--line:1px solid #c6ccc8;--hairline:1px solid var(--hair);--shadow:none;--shadow-hover:none;--tight:0;--track:.08em;--scribble:linear-gradient(var(--blue),var(--blue));--stage:radial-gradient(80% 70% at 50% 35%,#e3f5ea 0,transparent 70%),var(--surface)}html.layout-term[data-theme=dark]{color-scheme:dark;--paper:#0a0a0a;--surface:#121413;--quiet:#1d201e;--hair:#2a2e2b;--ink:#e4e7e5;--muted:#8d948f;--blue:#9fe8bf;--cta:#9fe8bf;--on-cta:#0a0a0a;--band:#0f2a1e;--band-ink:#cdeedc;--strip:#1a1c1b;--on-ink:#0a0a0a;--on-ink-2:#0a0a0ab3;--on-ink-hair:#0a0a0a40;--error:#ff6b5e;--success:#6fd99b;--line:1px solid #3a3e3c;--dock-shadow:0 10px 32px #000000a0;--stage:radial-gradient(80% 70% at 50% 35%,#10261b 0,transparent 70%),var(--surface)}@media (prefers-color-scheme:dark){html.layout-term:not([data-theme=light]){color-scheme:dark;--paper:#0a0a0a;--surface:#121413;--quiet:#1d201e;--hair:#2a2e2b;--ink:#e4e7e5;--muted:#8d948f;--blue:#9fe8bf;--cta:#9fe8bf;--on-cta:#0a0a0a;--band:#0f2a1e;--band-ink:#cdeedc;--strip:#1a1c1b;--on-ink:#0a0a0a;--on-ink-2:#0a0a0ab3;--on-ink-hair:#0a0a0a40;--error:#ff6b5e;--success:#6fd99b;--line:1px solid #3a3e3c;--dock-shadow:0 10px 32px #000000a0;--stage:radial-gradient(80% 70% at 50% 35%,#10261b 0,transparent 70%),var(--surface)}}html.layout-term body{background:var(--paper);color:var(--ink)}html.layout-term :is(h1,h2,h3,.eyebrow,.button,nav,.dock-tip,.dock-lang,.section-bar a,.brand,.language,.live-label,.lesson-number,.lesson-duration,.lesson-bottom,.text-link,.dialog-head,.art-top,.tab-bar a,.header-cta){font-family:var(--font-mono),monospace}html.layout-term :is(h1,h2,.eyebrow,.button,.live-label,.text-link){text-transform:uppercase;letter-spacing:var(--track)}html.layout-term :is(h1,h2){letter-spacing:0;font-weight:400}html.layout-term h1{width:fit-content;max-width:100%;padding-inline:var(--s-3);color:var(--band-ink);background:repeating-linear-gradient(to bottom,var(--band) 0 calc(1lh - 4px),transparent calc(1lh - 4px) 1lh);line-height:1.2}html.layout-term .highlight:before{display:none}html.layout-term .highlight [class^=rk-]{color:inherit}html.layout-term .hero-description{text-transform:uppercase;font-family:var(--font-mono),monospace;letter-spacing:.02em;line-height:1.5}html.layout-term :is(.button,.lesson-card,.moves button,.formula button,.piece-btn,.notation-buttons button):is(:hover,:active){transform:none}html.layout-term .black{background:var(--blue);color:var(--paper);border-color:var(--blue)}html.layout-term .black:hover{background:var(--ink);border-color:var(--ink)}html.layout-term .white{background:var(--surface);color:var(--ink)}html.layout-term :is(.how,.advanced){background:var(--band);color:var(--band-ink);--on-ink:var(--band-ink);--on-ink-2:color-mix(in srgb,var(--band-ink) 72%,transparent);--on-ink-hair:color-mix(in srgb,var(--band-ink) 22%,transparent)}html.layout-term .step-number{background:var(--paper);color:var(--band-ink)}html.layout-term .advanced .text-link{color:var(--band-ink)}html.layout-term :is(.art-top,.dialog-head){background:var(--strip);border-bottom:var(--line);padding-block:var(--s-2)}html.layout-term .art-top{font-size:var(--fs-1)}html.layout-term .hero-art{background:var(--paper)}html.layout-term .cube-controls{background:var(--surface)}html.layout-term .header{background:var(--paper)}html.layout-term .section-bar{background:var(--surface);color:var(--ink);border:var(--line)}html.layout-term .section-bar a+a{border-left:var(--line)}html.layout-term .section-bar a[aria-current]{color:var(--blue)}html.layout-term .section-bar a:focus-visible{outline-color:var(--blue);box-shadow:none}html.layout-term :is(input,textarea,select){background:var(--surface);color:var(--ink)}html.layout-term dialog::backdrop{background:color-mix(in srgb,var(--paper) 80%,transparent)}@media (width>=1024px){html.layout-term .lesson-work.is-compact{column-gap:var(--s-5);grid-template-rows:auto auto auto auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}html.layout-term .lesson-work.is-compact :is(.lesson-stage:not(.is-sheet),.stage-top){display:contents}html.layout-term .lesson-work.is-compact .hold-short{grid-area:1/1}html.layout-term .lesson-work.is-compact .lesson-short{grid-area:2/1}html.layout-term .lesson-work.is-compact .cases{grid-area:3/1}html.layout-term .lesson-work.is-compact .keep-front{grid-area:4/1}html.layout-term :is(.lesson-work.is-compact .hold-short,.lesson-work.is-compact .lesson-short,.lesson-work.is-compact .cases,.lesson-work.is-compact .keep-front){margin:0 0 var(--s-2);padding:var(--s-3) var(--s-4);border-radius:var(--r-2);background:var(--surface);border:0}html.layout-term .lesson-work.is-compact .case-list{gap:var(--s-2);grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}html.layout-term .lesson-work.is-compact .stage-side{top:var(--s-4);border-radius:var(--r-2);background:radial-gradient(circle,var(--hair) 1px,transparent 1.5px) 0 0/24px 24px,var(--stage);border:0;flex-direction:column;grid-area:1/2/6;align-self:start;display:flex;position:sticky;overflow:hidden}html.layout-term .lesson-work.is-compact .stage-side .stage-panel{padding:var(--s-3) var(--s-4);border:0;border-top:1px solid var(--hair);background:color-mix(in srgb,var(--surface) 86%,transparent);backdrop-filter:blur(8px);border-radius:0;align-self:stretch;margin:0}html.layout-term body:has(.note-rail) #main{padding-right:max(0px,calc(80px - max(var(--pad),(100vw - var(--wrap-max,1240px)) / 2)))}html.layout-term .note-rail{right:var(--s-4);z-index:9;border:1px solid var(--hair);border-radius:var(--r-2);background:var(--surface);width:48px;max-height:calc(100vh - 160px);color:var(--ink);box-shadow:var(--dock-shadow);font-family:var(--font-mono),monospace;flex-direction:column;transition:width .2s;display:flex;position:fixed;top:50%;overflow:hidden auto;transform:translateY(-50%)}html.layout-term .note-rail:is(:hover,:focus-within,[data-open]){width:248px}html.layout-term .note-rail li b{color:var(--blue);font-weight:500}}html.layout-studio{color-scheme:light;--paper:#fafafa;--surface:#fff;--quiet:#f4f4f5;--side:#f7f7f7;--hover:#ededed;--hair:#e5e5e5;--ink:#171717;--muted:#737373;--on-ink:#fff;--on-ink-2:#ffffffb3;--on-ink-hair:#ffffff40;--blue:#1a5fd6;--rose:#d6336c;--rose-tint:#f3e1e6;--rose-ink:#9c1f4b;--sel-fill:#dde7f5;--on-sel-fill:#171717;--cta:#171717;--on-cta:#fff;--line:1px solid #e5e5e5;--hairline:1px solid var(--hair);--shadow:none;--shadow-hover:none;--stage:var(--surface);--scribble:linear-gradient(var(--blue),var(--blue));--label-track:.1em;--head-track:-.035em}html.layout-studio[data-theme=dark]{color-scheme:dark;--paper:#0a0a0a;--surface:#111;--quiet:#171717;--side:#0f0f0f;--hover:#1f1f1f;--hair:#262626;--ink:#ededed;--muted:#a3a3a3;--on-ink:#0a0a0a;--on-ink-2:#0a0a0ab3;--on-ink-hair:#0a0a0a40;--blue:#6ea0ff;--rose:#f0729c;--rose-tint:#3a1d28;--rose-ink:#f7b6cb;--sel-fill:#1c2a42;--on-sel-fill:#e3ecfb;--cta:#ededed;--on-cta:#0a0a0a;--line:1px solid #262626;--shadow:none;--shadow-hover:none;--stage:var(--surface);--dock-shadow:none}@media (prefers-color-scheme:dark){html.layout-studio:not([data-theme=light]){color-scheme:dark;--paper:#0a0a0a;--surface:#111;--quiet:#171717;--side:#0f0f0f;--hover:#1f1f1f;--hair:#262626;--ink:#ededed;--muted:#a3a3a3;--on-ink:#0a0a0a;--on-ink-2:#0a0a0ab3;--on-ink-hair:#0a0a0a40;--blue:#6ea0ff;--rose:#f0729c;--rose-tint:#3a1d28;--rose-ink:#f7b6cb;--sel-fill:#1c2a42;--on-sel-fill:#e3ecfb;--cta:#ededed;--on-cta:#0a0a0a;--line:1px solid #262626;--shadow:none;--shadow-hover:none;--stage:var(--surface);--dock-shadow:none}}html.layout-studio :is(.button,.lesson-card,.moves button,.formula button,.piece-btn):is(:hover,:active){transform:none}.note-rail{display:none}@media (width>=1024px){html.layout-studio .lesson-work.is-compact{column-gap:var(--s-5);grid-template-rows:auto auto auto auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}html.layout-studio .lesson-work.is-compact :is(.lesson-stage:not(.is-sheet),.stage-top){display:contents}html.layout-studio .lesson-work.is-compact .hold-short{grid-area:1/1}html.layout-studio .lesson-work.is-compact .lesson-short{grid-area:2/1}html.layout-studio .lesson-work.is-compact .cases{grid-area:3/1}html.layout-studio .lesson-work.is-compact .keep-front{grid-area:4/1}html.layout-studio :is(.lesson-work.is-compact .hold-short,.lesson-work.is-compact .lesson-short,.lesson-work.is-compact .cases,.lesson-work.is-compact .keep-front){padding:var(--s-3) var(--s-4);border:0;border-top:var(--hairline);background:var(--surface);color:var(--ink);margin:0}html.layout-studio .lesson-work.is-compact .hold-short{border-top:0}html.layout-studio .lesson-work.is-compact .case-list{gap:var(--s-2);grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}html.layout-studio .lesson-work.is-compact .stage-side{top:var(--s-4);border:var(--hairline);background:var(--stage);border-radius:0;flex-direction:column;grid-area:1/2/6;align-self:start;display:flex;position:sticky;overflow:hidden}html.layout-studio .lesson-work.is-compact .stage-side .stage-panel{width:min(560px,100% - 32px);margin:0 0 var(--s-4);padding:var(--s-3);border:var(--hairline);border-radius:var(--r-1);background:var(--surface);color:var(--ink);box-shadow:none;align-self:center}html.layout-studio body:has(.note-rail) #main{padding-left:max(0px,calc(80px - max(var(--pad),(100vw - var(--wrap-max,1240px)) / 2)))}html.layout-studio .note-rail{left:var(--s-4);z-index:9;border:var(--hairline);border-radius:var(--r-1);background:var(--side);width:48px;max-height:calc(100vh - 128px);color:var(--ink);box-shadow:none;flex-direction:column;transition:width .2s;display:flex;position:fixed;top:50%;overflow:hidden auto;transform:translateY(-50%)}html.layout-studio .note-rail:is(:hover,:focus-within,[data-open]){width:248px}.note-rail-label{opacity:0;white-space:nowrap;font-size:var(--fs-1);color:var(--muted);transition:opacity .15s}.note-rail:is(:hover,:focus-within,[data-open]) .note-rail-label{opacity:1}.note-rail ul{padding:var(--s-1) 0;margin:0;list-style:none}.note-rail ul+ul,.note-rail-list{border-top:var(--hairline)}.note-rail li,.note-rail-toggle,.note-rail-more{align-items:center;gap:var(--s-3);height:32px;padding:0 var(--s-2);color:var(--ink);background:0 0;display:flex}.note-rail li b{text-align:center;font-size:var(--fs-3);flex:0 0 32px;font-weight:700}.note-rail-toggle,.note-rail-more{height:48px;padding:0 var(--s-3);font-size:var(--fs-3);flex-shrink:0}.note-rail-toggle .note-rail-label{color:var(--ink);font-weight:600}.note-rail-more{border-top:var(--hairline)}html.layout-studio :is(.note-rail-more,.note-rail-toggle):hover{background:var(--hover);color:var(--ink)}html.layout-studio .note-rail[data-open] .note-rail-toggle{background:var(--sel-fill);color:var(--on-sel-fill)}html.layout-studio body:has(.lesson-work.is-split) #main{padding-left:80px;padding-right:calc(var(--insp-w) + var(--insp-gap) * 2)}html.layout-studio body .lesson-work.is-compact.is-split{grid-template-rows:auto;grid-template-columns:minmax(0,1fr)}html.layout-studio body .lesson-work.is-split>.stage-inspector{z-index:60;width:var(--insp-w);max-height:none;padding:0 0 var(--dock-space);border:0;border-left:var(--hairline);background:var(--surface);color:var(--ink);box-shadow:none;overscroll-behavior:contain;scrollbar-width:thin;border-radius:0;margin:0;position:fixed;top:0;bottom:0;right:0;overflow:auto}html.layout-studio body .lesson-work.is-split .stage-inspector>*{padding:var(--s-3) var(--s-4) var(--s-4);border:0;border-top:var(--hairline);background:0 0;border-radius:0;margin:0}html.layout-studio body .lesson-work.is-split .stage-inspector>:first-child{border-top:0}html.layout-studio body .lesson-work.is-split .stage-inspector .hold-pics figcaption{font-size:11px}html.layout-studio body .lesson-work.is-split .stage-inspector .piece-btn canvas{height:40px}html.layout-studio body .lesson-work.is-split .stage-inspector .piece-btn span{font-size:11px}html.layout-studio body .lesson-work.is-split .stage-inspector .has-note>.note-text{width:auto;right:0}html.layout-studio body .lesson-work.is-split .stage-inspector .case-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}html.layout-studio body .lesson-work.is-split .stage-inspector .case-group{margin:var(--s-2) 0 0;grid-column:1/-1}html.layout-studio body .lesson-work.is-split .stage-inspector .case-card{flex-direction:column;gap:2px;min-width:0;padding:3px;display:flex}html.layout-studio body .lesson-work.is-split .stage-inspector :is(.case-card canvas,.case-card .top-view){aspect-ratio:1;width:100%;height:auto}html.layout-studio body .lesson-work.is-split .stage-inspector .case-card>span{min-width:0;padding:0 2px;display:block}html.layout-studio body .lesson-work.is-split .stage-inspector .case-card strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;line-height:1.3;display:block;overflow:hidden}html.layout-studio body .lesson-work.is-split .stage-inspector .case-card small{display:none}html.layout-studio body .lesson-work.is-split .stage-inspector .keep-front{font-size:var(--fs-1)}html.layout-studio body .lesson-work.is-split>.lesson-stage:not(.is-sheet){display:contents}html.layout-studio body .lesson-work.is-split .stage-side{top:var(--insp-gap);height:calc(100vh - var(--insp-gap) - var(--dock-space));justify-content:center;align-items:center;gap:var(--s-3);grid-area:auto/1;min-height:480px;position:sticky}html.layout-studio body .lesson-work.is-split .stage-side .stage-cube{width:100%;padding:0}html.layout-studio body .lesson-work.is-split .stage-side .stage-panel{flex:none}}@media (prefers-reduced-motion:reduce){.note-rail,.note-rail-label{transition:none}}@media (width>=768px){html.layout-studio:root{--sel:var(--sel-fill);--on-sel:var(--on-sel-fill);--wrap-max:100vw}html.layout-studio:root body{font-family:var(--font-studio),var(--font-body),sans-serif;font-size:14px}html.layout-studio:root :is(h1,h2,h3){letter-spacing:var(--head-track);font-weight:500}html.layout-studio:root :is(b,strong){font-weight:600}html.layout-studio:root .brand{letter-spacing:-.02em;font-weight:600}html.layout-studio:root .brand-period{color:var(--rose)}html.layout-studio:root a.text-link{color:var(--blue);text-decoration:none}html.layout-studio:root a.text-link:hover{text-decoration:underline}html.layout-studio:root .eyebrow{letter-spacing:var(--label-track);text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:500}html.layout-studio:root .section-heading .eyebrow{padding-bottom:var(--s-2);border-bottom:var(--hairline);display:block}html.layout-studio:root .blue-text{color:var(--muted)}html.layout-studio:root .home-flow .hero h1{letter-spacing:-.04em;font-weight:500;line-height:1.02}html.layout-studio:root .home-flow .hero-description{color:var(--muted);font-size:15px}html.layout-studio:root .home-flow :is(.section-heading h2,.notation h2){letter-spacing:var(--head-track);font-size:clamp(28px,2.6vw,40px);font-weight:500;line-height:1.08}html.layout-studio:root .home-flow .hero-art{border:var(--hairline);background:var(--surface);border-radius:0}html.layout-studio:root .home-flow .cube-controls{background:var(--surface);backdrop-filter:none}html.layout-studio:root .home-flow .cube-controls button[aria-pressed=true]{background:var(--sel);color:var(--on-sel);border-color:#0000}html.layout-studio:root .home-flow .lesson-card{border:var(--hairline);background:var(--surface);border-radius:0;transition:background-color .15s}html.layout-studio:root .home-flow .lesson-card:hover{border-color:var(--hair);background:var(--quiet)}html.layout-studio:root .home-flow .lesson-image{background:var(--quiet)}html.layout-studio:root .home-flow .lesson-number{font-family:var(--font-mono),monospace;letter-spacing:0;color:var(--muted);font-size:13px;font-weight:400}html.layout-studio:root .home-flow .lesson-info h3{letter-spacing:-.01em;font-size:14px;font-weight:500}html.layout-studio:root .home-flow .lesson-info p{color:var(--muted);font-size:13px}html.layout-studio:root .home-flow .lesson-duration{background:var(--rose-tint);color:var(--rose-ink);border-radius:0;padding:2px 6px;font-size:11px;font-weight:500;top:0;right:0}html.layout-studio:root .home-flow .notation{border:var(--hairline);background:var(--surface);border-radius:0}html.layout-studio:root .home-flow .notation-buttons button{font-family:var(--font-mono),monospace;font-weight:400}html.layout-studio:root .home-flow .notation-buttons button:hover{background:var(--hover)}html.layout-studio:root .home-flow .notation-buttons button.active{background:var(--sel);color:var(--on-sel)}html.layout-studio:root .home-flow .round-link:hover{background:var(--hover);color:var(--ink)}html.layout-studio:root .button{border:var(--hairline);border-radius:var(--r-1);background:var(--surface);color:var(--ink);box-shadow:none;font-weight:500;transition:background-color .15s}html.layout-studio:root .button:hover{background:var(--hover);box-shadow:none}html.layout-studio:root .button.black{border-color:var(--cta);background:var(--cta);color:var(--on-cta)}html.layout-studio:root .button.black:hover{background:color-mix(in srgb,var(--cta) 84%,var(--paper))}html.layout-studio:root .playback button:not(.secondary){border:1px solid var(--cta);border-radius:var(--r-1);background:var(--cta);color:var(--on-cta);font-weight:500}html.layout-studio:root .playback button:not(.secondary):hover{background:color-mix(in srgb,var(--cta) 84%,var(--paper))}html.layout-studio:root .playback .secondary{border:var(--hairline);border-radius:var(--r-1);background:var(--surface);color:var(--ink)}html.layout-studio:root .playback .secondary:hover:not(:disabled){background:var(--hover)}html.layout-studio:root .playback .secondary[aria-pressed=true]{background:var(--sel);color:var(--on-sel);border-color:#0000}html.layout-studio:root .lesson-pagination{border:var(--hairline);background:var(--surface);border-radius:0}html.layout-studio:root .lesson-pagination a:last-child{background:var(--cta);color:var(--on-cta)}html.layout-studio:root .stage-rotate{border:var(--hairline);background:var(--surface);box-shadow:none}html.layout-studio:root .stage-rotate:hover{background:var(--hover)}html.layout-studio:root :is(button,a,summary,canvas):focus-visible{outline:2px solid var(--blue);outline-offset:2px}html.layout-studio:root .dock{border:var(--hairline);border-radius:var(--r-2);background:var(--surface);box-shadow:none;backdrop-filter:none;font-weight:500}html.layout-studio:root .dock-item{transition:background-color .12s}html.layout-studio:root .dock-item:hover,html.layout-studio:root .dock-item:is(:has(+.dock-item:hover),:hover+.dock-item){transform:none}html.layout-studio:root .dock-item:hover{background:var(--hover)}html.layout-studio:root .dock-item[aria-current=page]{background:var(--sel);color:var(--on-sel)}html.layout-studio:root .dock-item[aria-current=page]:after{display:none}html.layout-studio:root .dock-tip{font-weight:500}html.layout-studio:root .learning-layout .lesson-nav a{border:var(--hairline);border-radius:var(--r-1);background:var(--surface)}html.layout-studio:root .learning-layout .lesson-nav a:hover{border-color:var(--hair);background:var(--hover)}html.layout-studio:root .learning-layout .lesson-nav a.active{border-color:var(--sel);background:var(--sel)}html.layout-studio:root .learning-layout .lesson-nav .num{font-family:var(--font-mono),monospace;font-size:13px;font-weight:400}html.layout-studio:root .learning-layout .lesson-nav a.active .num{color:var(--on-sel);font-weight:700}html.layout-studio:root .lesson-intro .eyebrow{margin-bottom:var(--s-1)}html.layout-studio:root .lesson-intro h1{letter-spacing:var(--head-track);font-size:clamp(32px,3.4vw,44px);font-weight:500;line-height:1.04}html.layout-studio:root .lesson-intro p{color:var(--muted);font-size:14px}html.layout-studio:root :is(.lesson-fold,.lesson-how,.lesson-basics,.lesson-guide)>summary h2,html.layout-studio:root :is(.lesson-basics,.lesson-guide)>h2{letter-spacing:var(--label-track);text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:500;line-height:1.4}html.layout-studio:root :is(.lesson-fold,.lesson-how)>summary{padding-bottom:var(--s-2);border-bottom:var(--hairline)}html.layout-studio:root :is(.keep-front,.lesson-tips){border-left:0}html.layout-studio:root .stage-panel .alg b{border:var(--hairline);background:var(--quiet);color:var(--ink);font-family:var(--font-mono),monospace;box-shadow:none;border-radius:4px;font-weight:400}html.layout-studio:root .stage-panel .alg.text{gap:var(--s-2) var(--s-4);align-items:center;font-size:16px}html.layout-studio:root .stage-panel .alg.text :is(.alg-group,.combo){align-items:center;gap:4px}html.layout-studio:root .stage-panel .alg.text .combo:before,html.layout-studio:root .stage-panel .alg.text .combo:after{font-family:var(--font-mono),monospace;color:var(--ink);margin:0;font-size:22px;font-weight:400;line-height:1}html.layout-studio:root .stage-panel .alg.text b{min-width:0;padding:3px 9px;font-size:16px;font-weight:600;line-height:1.4}html.layout-studio:root .stage-panel .alg b.done{color:var(--muted);background:var(--surface)}html.layout-studio:root .stage-panel .alg b.now{border-color:var(--sel);background:var(--sel);color:var(--on-sel);box-shadow:none}html.layout-studio:root .alg .times{border:var(--hairline);background:var(--rose-tint);color:var(--rose-ink);font-family:var(--font-mono),monospace;border-radius:4px;font-size:11px;font-style:normal}html.layout-studio:root .lesson-work.is-compact :is(.case-card,.piece-btn){background:var(--quiet)}html.layout-studio:root .lesson-work.is-compact :is(.case-card,.piece-btn):hover:not([aria-pressed=true]){background:var(--hover)}html.layout-studio:root .lesson-work.is-compact :is(.case-card canvas,.case-card .top-view,.piece-btn canvas){background:var(--surface)}}@media (width>=1024px){html.layout-studio:root .lesson-work.is-compact :is(.hold-short h2,.piece-short h2,.cases h2,.keep-front .note-title){margin:0 0 var(--s-3);padding-bottom:var(--s-2);border-bottom:var(--hairline);font-family:var(--font-studio),var(--font-body),sans-serif;letter-spacing:var(--label-track);color:var(--muted);font-size:11px;font-weight:500}html.layout-studio:root .lesson-work.is-compact .keep-front .note-title{margin:0}html.layout-studio:root .lesson-work.is-compact .case-group{background:var(--rose-tint);width:max-content;color:var(--rose-ink);letter-spacing:0;text-transform:none;border-radius:0;justify-self:start;padding:2px 6px;font-size:11px;font-weight:500}html.layout-studio:root .lesson-work.is-compact .has-note>.note-text{border-radius:var(--r-1)}html.layout-studio:root .note-rail li b{border:var(--hairline);background:var(--surface);width:auto;min-width:28px;font-family:var(--font-mono),monospace;border-radius:4px;justify-self:center;padding:0 4px;font-size:12px;font-weight:400;line-height:20px}html.layout-studio:root .note-rail li:hover{background:var(--hover)}html.layout-studio:root .note-rail li[data-on]{background:var(--sel);color:var(--on-sel)}html.layout-studio:root .note-rail li[data-on] b{color:var(--on-sel);border-color:#0000;font-weight:700}html.layout-studio:root .note-rail .note-rail-label{font-size:13px}html.layout-studio:root .note-rail[data-demo]:is(:hover,:focus-within,[data-open]) .note-rail-demo{background:var(--surface)}html.layout-studio:root .note-rail-demo-move{font-family:var(--font-mono),monospace;color:var(--rose);font-size:28px;font-weight:700;line-height:1}}@media (width>=768px){html.layout-studio:root :is(.course-row,.post-card,.course-banner,.account-card,.formula-card,.video-card,.question-card,.author-box,.lesson-info-box,.stat-tile,.draft-card,.reference-row,.download-banner,.pocket-panel,.chat-panel){border:var(--hairline);background:var(--surface);color:var(--ink);box-shadow:none;border-radius:0}html.layout-studio:root :is(a.course-row,a.post-card,.post-card a,a.video-card,.course-row a){transition:background-color .15s}html.layout-studio:root :is(a.course-row,a.post-card,a.video-card):hover{background:var(--quiet);border-color:var(--hair);box-shadow:none;transform:none}html.layout-studio:root .formula-card.current{box-shadow:none;border-color:var(--sel);background:var(--sel);color:var(--on-sel)}html.layout-studio:root :is(.course-row-arrow,.cta-symbol){border:var(--hairline);background:var(--surface);box-shadow:none}html.layout-studio:root :is(.course-row,.post-card,.video-card,.account-card) :is(h2,h3){letter-spacing:-.01em;font-size:16px;font-weight:500;line-height:1.35}html.layout-studio:root :is(.post-card-meta,.video-event,.record-list dt,.breadcrumbs){letter-spacing:var(--label-track);text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:500}html.layout-studio:root .breadcrumbs{box-shadow:none;background:0 0}html.layout-studio:root .breadcrumbs a{color:var(--blue)}html.layout-studio:root :is(.filter,.algdb-chip,.stats-presets button){border:var(--hairline);border-radius:var(--r-1);background:var(--surface);min-height:32px;color:var(--ink);box-shadow:none;padding:4px 10px;font-size:13px;font-weight:500}html.layout-studio:root :is(.filter,.algdb-chip,.stats-presets button):hover{background:var(--hover)}html.layout-studio:root :is(.filter.active,.algdb-chip[aria-pressed=true],.stats-presets button[aria-pressed=true]){border-color:var(--sel);background:var(--sel);color:var(--on-sel)}html.layout-studio:root :is(.keyword,.priority,.draft-state,.post-banner-kind){background:var(--rose-tint);color:var(--rose-ink);border:0;border-radius:0;font-size:11px;font-weight:500}html.layout-studio:root :is(.post-banner,.cookie-banner,.preview-banner){border:var(--hairline);border-radius:var(--r-1);background:var(--surface);color:var(--ink);box-shadow:none}html.layout-studio:root .article-body :is(table,th,td){border-color:var(--hair)}html.layout-studio:root .article-body th{letter-spacing:var(--label-track);text-transform:uppercase;color:var(--muted);background:var(--quiet);font-size:11px;font-weight:500}html.layout-studio:root .article-body :is(code,kbd){border:var(--hairline);background:var(--quiet);font-family:var(--font-mono),monospace;border-radius:4px;padding:1px 5px;font-size:.9em}html.layout-studio:root .article-body a{color:var(--blue)}html.layout-studio:root :is(.chat-launch,.fanpage-fab,.to-top .icon,.open-3d,.close-3d,.guide-offer,.guide-note,.lesson-check,.chat-panel){border:var(--hairline)}html.layout-studio:root .chat-panel header{border-bottom:var(--hairline)}html.layout-studio:root :is(.chat-launch,.fanpage-fab,.to-top,.article-video,.store-buttons .button.white):hover{box-shadow:none;transform:none}html.layout-studio:root :is(.chat-launch,.fanpage-fab,.open-3d,.close-3d):hover{background:var(--hover)}html.layout-studio:root :is(.chat-send,.post-banner-read){border:1px solid var(--cta);background:var(--cta);color:var(--on-cta)}html.layout-studio:root .reference-tip{border-left:2px solid var(--hair)}html.layout-studio:root .article-video{border:var(--hairline);background:var(--surface);border-radius:0}html.layout-studio:root .article-video .play{border-right:var(--hairline);background:var(--quiet);color:var(--ink)}html.layout-studio:root :is(.timer-last button,.chat-stars button,.step-feedback-choices button){border:var(--hairline);background:var(--surface);color:var(--ink);font-weight:500}html.layout-studio:root :is(.timer-last button,.chat-stars button,.step-feedback-choices button):hover{background:var(--hover)}html.layout-studio:root :is(.timer-last button[aria-pressed=true],.chat-stars .on,.step-feedback-choices .on,.puzzle-menu a[aria-current=page]){border-color:var(--sel);background:var(--sel);color:var(--on-sel)}html.layout-studio:root .chat-stars .on .icon path{fill:var(--on-sel)}html.layout-studio:root .puzzle-menu{border:var(--hairline);border-radius:var(--r-1);background:var(--surface);box-shadow:none}html.layout-studio:root .puzzle-menu a{font-weight:500}html.layout-studio:root .puzzle-menu a:hover:not([aria-current=page]){background:var(--hover)}html.layout-studio:root :is(.feature-story,.journal~.reading-cta,.post-series,.case-finder,.article-figure,.article-end-cta,.series-steps a,.author-box,.lang-note){border:var(--hairline);box-shadow:none;background:var(--surface);border-radius:0}html.layout-studio:root .journal~.reading-cta .cta-symbol{border-width:1px}html.layout-studio:root .article-figure figcaption{border-top:var(--hairline);color:var(--muted)}html.layout-studio:root .lang-note{background:var(--quiet);border-radius:var(--r-1);font-weight:500}html.layout-studio:root .case-finder li>button{border:var(--hairline);border-radius:var(--r-1);box-shadow:none;background:var(--surface)}html.layout-studio:root .case-finder li>button:hover,html.layout-studio:root .series-steps a:hover{background:var(--hover);box-shadow:none}html.layout-studio:root .case-finder dialog{border:var(--hairline);box-shadow:none;border-radius:0}html.layout-studio:root .alg b{border:var(--hairline);border-radius:var(--r-1)}html.layout-studio:root .alg .times{border-radius:4px}html.layout-studio:root .post-card:hover,html.layout-studio:root .video-card:hover{box-shadow:none;transform:none}html.layout-studio:root :is(.post-card,.video-card){border-radius:0}html.layout-studio:root .video-thumb{border-bottom:var(--hairline)}html.layout-studio:root .filters{gap:var(--s-2)}}html.layout-studio:root :is(.article-heading .tag,.feature-copy .tag){background:var(--rose-tint);color:var(--rose-ink);letter-spacing:var(--label-track);text-transform:uppercase;border:0;border-radius:0;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}html.layout-studio:root :is(.journal-section h2,.related-heading h2,.case-finder h2,.faq>h2,.article-sources h2,.series-steps small){letter-spacing:var(--label-track);text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:500}html.layout-studio:root .article-body .moves{font-family:var(--font-mono),monospace;font-size:var(--fs-2);padding:var(--s-2) var(--s-3);border:var(--hairline);background:var(--quiet);overflow-wrap:anywhere;border-radius:4px}html.layout-studio:root :is(.post-series a,.series-steps a,.article-body a):not(.button){overflow-wrap:anywhere}html.layout-studio:root .journal .post-grid,html.layout-studio:root .video-grid,html.layout-studio:root .series-steps{grid-template-columns:minmax(0,1fr)}@media (width>=768px){html.layout-studio:root .journal .post-grid,html.layout-studio:root .video-grid,html.layout-studio:root .series-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){html.layout-studio:root .video-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.step-no,.flow-arrow,.keep-front .note-title>.icon{display:none}@media (width>=1024px){html.layout-studio body .lesson-work.is-split .stage-inspector .case-list{grid-template-columns:repeat(4,minmax(0,1fr))}html.layout-studio body .lesson-work.is-split .stage-inspector .piece-row{gap:6px}html.layout-studio body .lesson-work.is-split .stage-inspector .piece-btn{gap:2px;min-width:0;padding:3px}html.layout-studio body .lesson-work.is-split .stage-inspector .piece-btn canvas{aspect-ratio:1;width:100%;height:auto}html.layout-studio body .lesson-work.is-split .stage-inspector .piece-btn span{overflow-wrap:anywhere;padding:0 2px;font-size:11px;line-height:1.3}html.layout-studio body .lesson-work.is-split .stage-inspector .case-card{position:relative}html.layout-studio body .lesson-work.is-split .stage-inspector .case-card[data-tip]:is(:hover,:focus-visible):before{content:attr(data-tip);z-index:30;border-radius:var(--r-1);background:var(--ink);width:max-content;max-width:200px;color:var(--paper);text-align:left;white-space:normal;pointer-events:none;padding:4px 8px;font-size:11px;font-weight:500;line-height:1.35;position:absolute;bottom:calc(100% + 4px);left:0}html.layout-studio body .lesson-work.is-split .stage-inspector .case-card[data-tip]:nth-of-type(4n+3):is(:hover,:focus-visible):before,html.layout-studio body .lesson-work.is-split .stage-inspector .case-card[data-tip]:nth-of-type(4n):is(:hover,:focus-visible):before{left:auto;right:0}html:is(.layout-studio,.layout-mono) body .lesson-work.is-split .stage-inspector :is(.hold-short h2,.piece-short h2,.cases h2){text-align:center;justify-content:center;align-items:center;gap:var(--s-1);flex-wrap:wrap;display:flex}html:is(.layout-studio,.layout-mono) body .lesson-work.is-split .stage-inspector .step-no{letter-spacing:0;text-transform:none;flex:0 0 100%;font-size:15px;font-weight:700;display:block}html.layout-studio body .lesson-work.is-split .stage-inspector .step-no{color:#000}html.layout-studio[data-theme=dark] body .lesson-work.is-split .stage-inspector .step-no{color:#fff}html:is(.layout-studio,.layout-mono) body .lesson-work.is-split .stage-inspector .hold-short>.flow-arrow{grid-column:1/-1}html:is(.layout-studio,.layout-mono) body .lesson-work.is-split .stage-inspector .flow-arrow{margin:0 0 var(--s-2);color:var(--muted);justify-content:center;align-items:flex-start;height:24px;font-size:20px;display:flex;overflow:hidden}html:is(.layout-studio,.layout-mono) body .lesson-work.is-split .stage-inspector .flow-arrow .icon{animation:1.4s ease-in-out infinite flow-down}html:is(.layout-studio,.layout-mono) body .lesson-work.is-split .stage-inspector .keep-front.has-note .note-title{justify-content:center;align-items:center;gap:var(--s-2);text-align:center;display:flex}html:is(.layout-studio,.layout-mono) body .lesson-work.is-split .stage-inspector .keep-front.has-note .note-title>.icon{color:var(--rose-ink);flex:none;font-size:18px;display:block}}@keyframes flow-down{0%{opacity:0;transform:translateY(-120%)}30%{opacity:1}to{opacity:0;transform:translateY(120%)}}@media (prefers-reduced-motion:reduce){html:is(.layout-studio,.layout-mono) .flow-arrow .icon{animation:none!important}}html.layout-studio:root .step-feedback{align-items:center;gap:var(--s-4);padding:var(--s-5) var(--s-4);border:var(--hairline);background:var(--surface);box-shadow:none;text-align:center;border-radius:0}html.layout-studio:root .step-feedback fieldset{flex-direction:column;align-items:center;min-width:0;display:flex}html.layout-studio:root .step-feedback legend{float:none;letter-spacing:-.01em;text-wrap:balance;width:100%;padding:0;font-size:15px;font-weight:600}html.layout-studio:root .step-feedback .chat-stars{justify-content:center}html.layout-studio:root .step-feedback .chat-stars button{width:44px;height:44px}html.layout-studio:root .step-feedback .chat-star-word{margin:var(--s-2) 0 0;letter-spacing:var(--label-track);text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:500}html.layout-studio:root .step-feedback label{text-align:left}html.layout-studio:root .step-feedback-help{gap:var(--s-2);width:100%;padding:var(--s-3);border-radius:var(--r-1);background:var(--rose-tint);color:var(--rose-ink);text-align:left;align-items:flex-start;margin:0;font-size:13px;line-height:1.55;display:flex}html.layout-studio:root .step-feedback-help .icon{flex:none;margin-top:2px}html.layout-studio:root .step-feedback-help a,html.layout-studio:root .step-feedback-help button{color:var(--blue);text-underline-offset:3px;font-weight:600;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}html.layout-studio:root .step-feedback-help span{overflow-wrap:anywhere;min-width:0}html.layout-studio:root .breadcrumbs{background:var(--paper);box-shadow:0 0 0 100vmax var(--paper)}html.layout-studio:root :is(.notation-buttons button.active,.lesson-nav a.active) .scribble:after{display:none}html.layout-mono{color-scheme:light;--paper:#f5f6f4;--surface:#fff;--quiet:#e6e9e6;--hair:#b9c0bb;--ink:#0b0d0c;--muted:#3f4642;--blue:#05663f;--band:#cdeedb;--band-ink:#04301d;--strip:#e6e9e6;--act:#0b0d0c;--on-act:#fff;--act-mark:#05663f;--cta:var(--act-mark);--on-cta:var(--on-act);--on-ink:#f5f6f4;--on-ink-2:#f5f6f4cc;--on-ink-hair:#f5f6f44d;--error:#b3261e;--success:#05663f;--line:1px solid #8e9691;--hairline:1px solid var(--hair);--r-1:0;--r-2:0;--radius:0;--shadow:none;--shadow-hover:none;--tight:0;--track:.08em;--scribble:linear-gradient(var(--blue),var(--blue))}html.layout-mono[data-theme=dark]{color-scheme:dark;--paper:#0a0a0a;--surface:#121413;--quiet:#202422;--hair:#3d423f;--ink:#f2f4f3;--muted:#b4bbb6;--blue:#a6f0c6;--band:#0f2a1e;--band-ink:#d8f5e5;--strip:#1a1d1b;--act:#f2f4f3;--on-act:#0a0a0a;--act-mark:#a6f0c6;--on-ink:#0a0a0a;--on-ink-2:#0a0a0acc;--on-ink-hair:#0a0a0a4d;--error:#ff7b6e;--success:#7fe0a8;--line:1px solid #5b615d}@media (prefers-color-scheme:dark){html.layout-mono:not([data-theme=light]){color-scheme:dark;--paper:#0a0a0a;--surface:#121413;--quiet:#202422;--hair:#3d423f;--ink:#f2f4f3;--muted:#b4bbb6;--blue:#a6f0c6;--band:#0f2a1e;--band-ink:#d8f5e5;--strip:#1a1d1b;--act:#f2f4f3;--on-act:#0a0a0a;--act-mark:#a6f0c6;--on-ink:#0a0a0a;--on-ink-2:#0a0a0acc;--on-ink-hair:#0a0a0a4d;--error:#ff7b6e;--success:#7fe0a8;--line:1px solid #5b615d}}html.layout-mono body{background:var(--paper);color:var(--ink)}html.layout-mono :is(h1,h2,h3,.eyebrow,.button,nav,.section-bar a,.brand,.language,.live-label,.lesson-number,.lesson-duration,.lesson-bottom,.text-link,.dialog-head,.art-top,.tab-bar a,.header-cta,.pocket-cta){font-family:var(--font-mono),monospace}html.layout-mono :is(h1,h2,.eyebrow,.button,.live-label,.text-link,.pocket-cta){text-transform:uppercase;letter-spacing:var(--track)}html.layout-mono :is(h1,h2){letter-spacing:0;font-weight:400}html.layout-mono h1{width:fit-content;max-width:100%;padding-inline:var(--s-3);color:var(--band-ink);background:repeating-linear-gradient(to bottom,var(--band) 0 calc(1lh - 4px),transparent calc(1lh - 4px) 1lh);line-height:1.2}html.layout-mono .highlight:before{display:none}html.layout-mono .highlight [class^=rk-]{color:inherit}html.layout-mono .hero-description{text-transform:uppercase;font-family:var(--font-mono),monospace;letter-spacing:.02em;color:var(--muted);line-height:1.5}html.layout-mono :is(.button,.lesson-card,.moves button,.formula button,.piece-btn,.notation-buttons button,.case-card):is(:hover,:active){transform:none}html.layout-mono .black{background:var(--act);color:var(--on-act);border-color:var(--act)}html.layout-mono .black:hover{background:var(--blue);border-color:var(--blue);color:var(--paper)}html.layout-mono :is(.white,.yellow,.green,.red){background:var(--surface);color:var(--ink);border:var(--line)}html.layout-mono :is(.white,.yellow,.green,.red):hover{background:var(--quiet)}html.layout-mono :is(.round-link,.close-dialog,.step-number,.store-deco,.brand-mark,.to-top,.chat-launch,.fanpage-fab){border-radius:0}html.layout-mono :is(.how,.advanced){background:var(--band);color:var(--band-ink);--on-ink:var(--band-ink);--on-ink-2:color-mix(in srgb,var(--band-ink) 82%,transparent);--on-ink-hair:color-mix(in srgb,var(--band-ink) 30%,transparent)}html.layout-mono .step-number{background:var(--paper);color:var(--ink)}html.layout-mono .advanced .text-link{color:var(--band-ink)}html.layout-mono :is(.art-top,.dialog-head){background:var(--strip);border-bottom:var(--line);padding-block:var(--s-2)}html.layout-mono .art-top{font-size:var(--fs-1)}html.layout-mono .hero-art{background:var(--paper)}html.layout-mono .cube-controls{background:var(--surface)}html.layout-mono :is(.lesson-info p,.section-heading p,.notation-copy p,.course-note,.faq details p,.footer>span,.cube-controls span){color:var(--muted)}html.layout-mono .header{background:var(--paper)}html.layout-mono .section-bar{background:var(--paper);color:var(--ink);border:var(--line)}html.layout-mono .section-bar a+a{border-left:var(--line)}html.layout-mono .section-bar a:hover:not([aria-current]){background:var(--quiet);color:var(--ink)}html.layout-mono .section-bar a:focus-visible{outline:2px solid var(--blue);outline-offset:-4px;box-shadow:none}html.layout-mono :is(.section-bar a[aria-current],.tab-bar a[aria-current=page],.mobile-nav a[aria-current=page],.notation-buttons button.active,.notation-buttons button.active:hover,.cube-controls button[aria-pressed=true],.piece-btn[aria-pressed=true],.case-card[aria-pressed=true],.lesson-nav a.active,.filter.active,.language span[data-on]){background:var(--act);color:var(--on-act);box-shadow:inset 0 -3px 0 var(--act-mark)}html.layout-mono :is(.section-bar a[aria-current],.notation-buttons button.active,.lesson-nav a.active,.case-card[aria-pressed=true]) :is(b,span,.num,.name,.icon){color:inherit;background:0 0}html.layout-mono .notation-buttons button.active .scribble:after,html.layout-mono .lesson-nav a.active .scribble:after{display:none}html.layout-mono .notation-buttons{background:var(--hair);gap:1px}html.layout-mono .notation-buttons button{background:var(--surface);color:var(--ink)}html.layout-mono .notation-buttons button span{color:inherit;opacity:.85}html.layout-mono .notation-buttons button:hover:not(.active){background:var(--quiet)}html.layout-mono .language span{color:var(--muted);padding:2px 6px}html.layout-mono .header .header-tools .language span:not([data-on]){color:var(--ink)}html.layout-mono .language span[data-on]{box-shadow:none}html.layout-mono .pocket-steps{background:var(--hair);gap:1px}html.layout-mono .pocket-steps i{background:var(--paper)}html.layout-mono .pocket-steps i:nth-child(-n+3){background:var(--act)}html.layout-mono :is(input,textarea,select){background:var(--surface);color:var(--ink)}html.layout-mono dialog::backdrop{background:color-mix(in srgb,var(--paper) 82%,transparent)}html.layout-mono :is(a,button,summary,canvas):focus-visible{outline-color:var(--blue)}.header .header-theme{display:none}html.layout-mono .header .header-theme{min-width:44px;padding:0 var(--s-2);color:var(--ink);border-left:var(--line);background:0 0;justify-content:center;align-self:stretch;align-items:center;display:inline-flex}html.layout-mono .header .header-theme:hover{background:var(--quiet)}html.layout-mono .header-theme .icon{width:20px;height:20px}html.layout-mono .header-theme .t-sun,html.layout-mono[data-theme=dark] .header-theme .t-moon{display:none}html.layout-mono[data-theme=dark] .header-theme .t-sun{display:contents}@media (prefers-color-scheme:dark){html.layout-mono:not([data-theme=light]) .header-theme .t-moon{display:none}html.layout-mono:not([data-theme=light]) .header-theme .t-sun{display:contents}}@media (width>=1024px){html.layout-mono .lesson-work.is-compact .stage-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}html.layout-mono .lesson-work.is-compact .cases{border-right:var(--hairline)}}@media (width>=1024px) and (height>=680px){html.layout-mono .lesson-work.is-compact .stage-side{top:var(--s-4);align-self:start;position:sticky}}html.layout-mono :is(.cube-controls button[aria-pressed=true],.piece-btn[aria-pressed=true],.notation-buttons button.active,.case-card[aria-pressed=true],.lesson-nav a.active,.filter.active) :is(span,strong,b,small,figcaption,.num,.name){color:var(--on-act);opacity:1}.dock,.site-footer.is-opt{display:none}html.layout-mono{--dock-h:56px;--dock-gap:16px;--dock-space:calc(var(--dock-h) + var(--dock-gap) * 2 + env(safe-area-inset-bottom,0px));--dock-bg:color-mix(in srgb,var(--surface) 76%,transparent);--dock-shadow:0 1px 2px #0000001a,0 10px 32px #0000002e}html:is(.layout-term,.layout-studio){--pad:clamp(16px,3vw,48px);--wrap-max:1240px;--r-1:6px;--r-2:10px;--radius:var(--r-2);--dock-h:56px;--dock-gap:16px;--dock-space:calc(var(--dock-h) + var(--dock-gap) * 2 + env(safe-area-inset-bottom,0px));--dock-bg:color-mix(in srgb,var(--surface) 76%,transparent);--dock-shadow:0 1px 2px #0000001a,0 10px 32px #0000002e}html:is(.layout-term,.layout-studio) .wrap,html:is(.layout-term,.layout-studio) .split-main .wrap{width:min(var(--wrap-max),calc(100% - var(--pad) * 2));max-width:none;margin-inline:auto}html:is(.layout-term,.layout-studio) body{max-width:none}html:is(.layout-term,.layout-studio,.layout-mono):root body{padding-bottom:var(--dock-space)}html:is(.layout-term,.layout-studio,.layout-mono) :is(.button,.round-link,.close-dialog,.step-number,.store-deco,.stage-rotate,.course-row-arrow,.cta-symbol,.alg .times,.chat-attached button,.chat-faq button,.chat-ask-review,.post-banner-close,.post-banner-kind,.post-banner-read,.to-top,.to-top .icon,.chat-launch,.fanpage-fab,.draft-state,.draft-thumb button,.keyword,.priority,.stats-presets button,.todo-rewrite,.language,.language span,.cube-controls button,.open-3d,.close-3d,.piece-btn,.moves button,.formula button,.notation-buttons button,.case-card,.lesson-card,.tab-bar a){border-radius:var(--r-1)}html:is(.layout-term,.layout-studio) :is(.hero-art,.lesson-card,dialog,.download-banner,.pocket-panel,.how,.advanced){border-radius:var(--r-2)}html:is(.layout-term,.layout-studio) :is(.button,.lesson-card,.moves button,.formula button,.piece-btn,.notation-buttons button,.case-card):is(:hover,:active){transform:none}html:is(.layout-term,.layout-studio) .button{box-shadow:none;min-height:44px;padding:var(--s-3) var(--s-4);gap:var(--s-3)}html:is(.layout-term,.layout-studio,.layout-mono) .header{background:0 0;border-bottom:0;position:static}html:is(.layout-term,.layout-studio,.layout-mono) .header .nav{height:64px;width:min(var(--wrap-max),calc(100% - var(--pad) * 2));margin-inline:auto}html:is(.layout-term,.layout-studio,.layout-mono) .header :is(.section-bar,.header-tools,.menu-toggle,.mobile-nav,.tab-bar){display:none!important}html:is(.layout-term,.layout-studio,.layout-mono) .header .brand{font-size:var(--fs-4)}html:is(.layout-term,.layout-studio,.layout-mono) .brand-mark{border-radius:var(--r-1)}html:is(.layout-term,.layout-studio,.layout-mono){scroll-padding-top:24px}html:is(.layout-term,.layout-studio,.layout-mono) .dock{z-index:70;left:50%;bottom:calc(var(--dock-gap) + env(safe-area-inset-bottom,0px));height:var(--dock-h);border:1px solid var(--hair);border-radius:var(--r-2);background:var(--dock-bg);box-shadow:var(--dock-shadow);backdrop-filter:blur(18px)saturate(1.5);font-weight:600;font-size:var(--fs-1);align-items:center;gap:2px;padding:0 6px;display:flex;position:fixed;transform:translate(-50%)}html:is(.layout-term,.layout-studio,.layout-mono) .dock-item{border-radius:var(--r-1);width:44px;height:44px;color:var(--ink);transform-origin:50% 100%;background:0 0;border:0;flex:none;place-items:center;padding:0;transition:transform .16s,background-color .16s;display:grid;position:relative}html:is(.layout-term,.layout-studio,.layout-mono) .dock-item .icon{width:22px;height:22px}html:is(.layout-term,.layout-studio,.layout-mono) .dock-item:hover{background:var(--quiet);transform:translateY(-4px)scale(1.16)}html:is(.layout-term,.layout-studio,.layout-mono) .dock-item:is(:has(+.dock-item:hover),:hover+.dock-item){transform:translateY(-1px)scale(1.06)}html:is(.layout-term,.layout-studio,.layout-mono) .dock-item[aria-current=page]{color:var(--blue)}html:is(.layout-term,.layout-studio,.layout-mono) .dock-item[aria-current=page]:after{content:"";background:var(--blue);border-radius:2px;width:14px;height:3px;margin-left:-7px;position:absolute;bottom:2px;left:50%}html:is(.layout-term,.layout-studio,.layout-mono) .dock-item:focus-visible{outline:2px solid var(--blue);outline-offset:1px}html:is(.layout-term,.layout-studio,.layout-mono) .dock-sep{background:var(--hair);flex:none;width:1px;height:28px;margin:0 6px}html:is(.layout-term,.layout-studio,.layout-mono) .dock :is(.dock-search,.dock-account)>:is(button,a){border-radius:inherit;width:100%;height:100%;color:inherit;font-size:inherit;background:0 0;border:0;place-items:center;padding:0;display:grid}html:is(.layout-term,.layout-studio,.layout-mono) .dock :is(.dock-search,.dock-account)>:is(button,a) span:not(.icon){clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}html:is(.layout-term,.layout-studio,.layout-mono) .dock-lang{font-size:var(--fs-1);letter-spacing:.04em;background:0 0;gap:0;display:grid}html:is(.layout-term,.layout-studio,.layout-mono) .dock-lang b{border:1.5px solid;border-radius:4px;place-items:center;width:28px;height:22px;font-size:11px;line-height:1;display:grid}html:is(.layout-term,.layout-studio,.layout-mono) .dock-tip{border-radius:var(--r-1);background:var(--ink);color:var(--paper);white-space:nowrap;pointer-events:none;opacity:0;padding:4px 8px;font-size:11px;font-weight:600;line-height:1.3;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)scale(.86)}html:is(.layout-term,.layout-studio,.layout-mono) .dock-item:is(:hover,:focus-visible,:focus-within) .dock-tip{opacity:1;transform:translate(-50%)scale(1)}html:is(.layout-term,.layout-studio,.layout-mono) .dock-theme .t-sun,html:is(.layout-term,.layout-studio,.layout-mono)[data-theme=dark] .dock-theme .t-moon{display:none}html:is(.layout-term,.layout-studio,.layout-mono)[data-theme=dark] .dock-theme .t-sun{display:contents}@media (prefers-color-scheme:dark){html:is(.layout-term,.layout-studio,.layout-mono):not([data-theme=light]) .dock-theme .t-moon{display:none}html:is(.layout-term,.layout-studio,.layout-mono):not([data-theme=light]) .dock-theme .t-sun{display:contents}}html:is(.layout-term,.layout-studio) :is(.t-sun,.t-moon){display:contents}html:is(.layout-term,.layout-studio,.layout-mono) :is(.chat-launch,.to-top){bottom:calc(var(--dock-gap) + env(safe-area-inset-bottom,0px))}html:is(.layout-term,.layout-studio,.layout-mono) .site-footer{align-items:center;gap:var(--s-4) var(--s-6);margin-top:var(--s-8);padding:var(--s-6) 0 var(--s-5);border-top:1px solid var(--hair);grid-template-columns:auto 1fr;display:grid}html:is(.layout-term,.layout-studio,.layout-mono) .site-footer .brand{font-size:var(--fs-4)}html:is(.layout-term,.layout-studio,.layout-mono) .site-footer nav{justify-content:flex-end;gap:var(--s-2) var(--s-5);font-size:var(--fs-2);color:var(--muted);flex-wrap:wrap;font-weight:500;display:flex}html:is(.layout-term,.layout-studio,.layout-mono) .site-footer nav a:hover{color:var(--ink)}html:is(.layout-term,.layout-studio,.layout-mono) .site-footer .footer-bottom{justify-content:space-between;gap:var(--s-4);padding-top:var(--s-4);border-top:1px solid var(--hair);font-size:var(--fs-1);color:var(--muted);grid-column:1/-1;display:flex}@media (width<=767px){html:is(.layout-term,.layout-studio){--dock-gap:0px;--dock-h:60px}html:is(.layout-term,.layout-studio,.layout-mono) .dock{height:auto;min-height:var(--dock-h);padding:4px 4px calc(4px + env(safe-area-inset-bottom,0px));border-radius:var(--r-2) var(--r-2) 0 0;border-width:1px 0 0;justify-content:space-between;gap:0;bottom:0;left:0;right:0;transform:none}html:is(.layout-term,.layout-studio,.layout-mono) .dock-item{flex:1 1 0;width:auto;min-width:0;height:48px}html:is(.layout-term,.layout-studio,.layout-mono) .dock-item:is(:hover,:has(+.dock-item:hover),:hover+.dock-item){transform:none}html:is(.layout-term,.layout-studio,.layout-mono) .dock-tip{display:none}html:is(.layout-term,.layout-studio,.layout-mono) .dock-sep{height:24px;margin:0 2px}html:is(.layout-term,.layout-studio,.layout-mono) :is(.chat-launch,.to-top){bottom:calc(var(--dock-h) + env(safe-area-inset-bottom,0px) + 12px)}html:is(.layout-term,.layout-studio,.layout-mono) .fanpage-fab{bottom:calc(var(--dock-h) + env(safe-area-inset-bottom,0px) + 66px)}html:is(.layout-term,.layout-studio,.layout-mono) :is(.post-banner,.cookie-banner){bottom:calc(var(--dock-h) + env(safe-area-inset-bottom,0px) + 12px)}html:is(.layout-term,.layout-studio,.layout-mono) .site-footer{grid-template-columns:1fr}html:is(.layout-term,.layout-studio,.layout-mono) .site-footer nav{justify-content:flex-start}html:is(.layout-term,.layout-studio,.layout-mono):has(.lesson-stage,body.timing) .dock{display:none}html:is(.layout-term,.layout-studio):root:has(.lesson-stage,body.timing) body{padding-bottom:0}}@media (prefers-reduced-motion:reduce){html:is(.layout-term,.layout-studio,.layout-mono) :is(.dock-item,.dock-tip){transition:none}html:is(.layout-term,.layout-studio,.layout-mono) .dock-item:is(:hover,:has(+.dock-item:hover),:hover+.dock-item){transform:none}}html:is(.layout-term,.layout-studio,.layout-mono) .site-footer.is-opt{display:grid}html:is(.layout-term,.layout-studio) .home-flow :is(.how,.download,.faq,footer.footer){display:none}html:is(.layout-term,.layout-studio) .home-flow .hero{min-height:calc(100svh - 64px - var(--dock-space));padding-block:var(--s-5) var(--s-7);grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:center;gap:clamp(24px,4vw,72px);display:grid}html:is(.layout-term,.layout-studio) .home-flow .hero-copy{max-width:640px}html:is(.layout-term,.layout-studio) .home-flow .hero h1{margin:0 0 var(--s-5);font-size:clamp(40px,5.2vw,76px);line-height:1.08}html:is(.layout-term,.layout-studio) .home-flow .hero-description{max-width:520px;font-size:var(--fs-3);margin-top:0;line-height:1.65}html:is(.layout-term,.layout-studio) .home-flow .hero-actions .button{min-height:52px;padding:var(--s-3) var(--s-5);font-size:var(--fs-3)}html:is(.layout-term,.layout-studio) .home-flow .hero-art{height:clamp(440px,calc(100svh - 64px - var(--dock-space) - 64px),760px);border:1px solid var(--hair);box-shadow:none;background:var(--stage,var(--surface));flex-direction:column;display:flex}html:is(.layout-term,.layout-studio) .home-flow .hero-art .hero-cube{height:auto;min-height:0;padding:var(--s-5) var(--s-5) 88px;flex:1;margin:0}html:is(.layout-term,.layout-studio) .home-flow .cube-controls{background:color-mix(in srgb,var(--surface) 80%,transparent);border-top:1px solid var(--hair);backdrop-filter:blur(10px)}html:is(.layout-term,.layout-studio) .home-flow .cube-controls button{padding:var(--s-1) var(--s-2);border:1px solid #0000}html:is(.layout-term,.layout-studio) .home-flow .cube-controls button[aria-pressed=true]{border-color:var(--hair);background:var(--quiet);color:var(--ink)}html:is(.layout-term,.layout-studio) .home-flow .open-3d{border:1px solid var(--hair);background:var(--surface);color:var(--ink)}html:is(.layout-term,.layout-studio) .home-flow :is(.lessons,.notation){margin-top:0;margin-bottom:var(--s-8)}html:is(.layout-term,.layout-studio) .home-flow .lessons{padding-block:var(--s-7) 0;border-top:1px solid var(--hair)}html:is(.layout-term,.layout-studio) .home-flow .lesson-grid{gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}html:is(.layout-term,.layout-studio) .home-flow .lesson-card{border:1px solid var(--hair);box-shadow:none;background:var(--surface);transition:border-color .15s}html:is(.layout-term,.layout-studio) .home-flow .lesson-card:hover{border-color:var(--blue)}html:is(.layout-term,.layout-studio) .home-flow .lesson-image{border-bottom:1px solid var(--hair);background:var(--paper)}html:is(.layout-term,.layout-studio) .home-flow .round-link{border:1px solid var(--hair);place-items:center;display:grid}html:is(.layout-term,.layout-studio) .home-flow .notation{border:1px solid var(--hair);box-shadow:none;background:var(--surface)}html:is(.layout-term,.layout-studio) .home-flow .notation :is(.notation-copy,.notation-demo){border-color:var(--hair);background:0 0}html:is(.layout-term,.layout-studio) .home-flow .notation-buttons{background:var(--hair);gap:1px}html:is(.layout-term,.layout-studio) .home-flow .notation-buttons button{background:var(--surface);color:var(--ink);border-radius:0}html:is(.layout-term,.layout-studio) .home-flow .notation-buttons button.active{background:var(--quiet);color:var(--blue)}html:is(.layout-term,.layout-studio) .home-flow .course-note.slogan{margin-top:var(--s-6)}@media (width<=1023px){html:is(.layout-term,.layout-studio) .home-flow .hero{grid-template-columns:1fr;min-height:0}html:is(.layout-term,.layout-studio) .home-flow .hero-art{max-width:none;height:min(520px,80vw + 120px)}}@media (width<=767px){html:is(.layout-term,.layout-studio) .home-flow .lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html:is(.layout-term,.layout-studio) .home-flow .hero h1{font-size:clamp(34px,9vw,48px)}}@media (width>=768px){html:is(.layout-term,.layout-studio) .learning-layout{gap:var(--s-4);padding-top:var(--s-3);grid-template-columns:minmax(0,1fr)}html:is(.layout-term,.layout-studio) .learning-sidebar{padding-top:0;position:static}html:is(.layout-term,.layout-studio) .learning-layout .lesson-nav{gap:var(--s-2);flex-flow:wrap;display:flex}html:is(.layout-term,.layout-studio) .learning-layout .lesson-nav a{border:1px solid var(--hair);border-radius:var(--r-1);width:40px;height:36px;box-shadow:none;background:var(--surface);justify-content:center;padding:0}html:is(.layout-term,.layout-studio) .learning-layout .lesson-nav a:hover{border-color:var(--blue)}html:is(.layout-term,.layout-studio) .learning-layout .lesson-nav a.active{background:var(--ink);border-color:var(--ink)}html:is(.layout-term,.layout-studio) .learning-layout .lesson-nav .num{min-width:0;font-size:var(--fs-2);color:var(--ink);border:0;justify-content:center;background:0 0!important}html:is(.layout-term,.layout-studio) .learning-layout .lesson-nav a.active .num{color:var(--paper)}html:is(.layout-term,.layout-studio) .learning-layout .lesson-nav :is(.name,.check),html:is(.layout-term,.layout-studio) .learning-layout .sidebar-help{display:none}html:is(.layout-term,.layout-studio) .lesson-intro h1{margin:var(--s-2) 0;font-size:clamp(28px,3vw,44px)}}html:is(.layout-term,.layout-studio) :is(.case-card,.lesson-stage:not(.is-sheet),.stage-panel){border-radius:var(--r-2)}.note-rail-demo{display:none}html:is(.layout-term,.layout-studio,.layout-mono) .note-rail[data-demo]:is(:hover,:focus-within,[data-open]) .note-rail-demo{border-top:var(--hairline);background:var(--quiet);flex-shrink:0;height:150px;display:block;position:relative}html:is(.layout-term,.layout-studio,.layout-mono) .note-rail-demo canvas{width:100%;height:100%}html:is(.layout-term,.layout-studio,.layout-mono) .note-rail-demo-move{left:var(--s-3);top:var(--s-2);font-size:var(--fs-4);color:var(--blue);font-weight:700;position:absolute}html:is(.layout-term,.layout-studio,.layout-mono) .note-rail li{cursor:default}html:is(.layout-term,.layout-studio,.layout-mono) .note-rail li:is(:hover,[data-on]){background:var(--quiet)}html:is(.layout-term,.layout-studio,.layout-mono) .note-rail li[data-on] b{color:var(--blue)}html:is(.layout-term,.layout-studio,.layout-mono) .note-rail li:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}html:is(.layout-term,.layout-studio){--sel:var(--ink);--on-sel:var(--paper)}html.layout-mono{--sel:var(--act);--on-sel:var(--on-act)}@media (width>=1024px){html:is(.layout-term,.layout-studio,.layout-mono) .lesson-work.is-compact .stage-cube{padding:var(--s-4) 0;justify-content:center;align-items:center;display:flex}html:is(.layout-term,.layout-studio,.layout-mono) .lesson-work.is-compact .lesson-stage:not(.is-sheet) .stage-cube canvas{aspect-ratio:1;width:80%;max-width:min(600px,max(320px,100vh - 300px));height:auto;position:static;inset:auto}html:is(.layout-term,.layout-studio,.layout-mono) .lesson-work.is-compact :is(.hold-short h2,.piece-short h2,.cases h2,.keep-front .note-title){align-items:center;gap:var(--s-1);margin:0 0 var(--s-2);font-family:var(--font-mono),monospace;font-size:var(--fs-1);letter-spacing:var(--track);text-transform:uppercase;text-align:left;color:var(--muted);font-weight:600;line-height:1.4;display:flex}html:is(.layout-term,.layout-studio,.layout-mono) .lesson-work.is-compact .hold-short{gap:var(--s-3);grid-template-columns:auto minmax(0,1fr);align-items:start}html:is(.layout-term,.layout-studio,.layout-mono) .lesson-work.is-compact .hold-pics canvas{width:44px;height:44px}html:is(.layout-term,.layout-studio,.layout-mono) .lesson-work.is-compact .lesson-short{gap:0}html:is(.layout-term,.layout-studio,.layout-mono) .lesson-work.is-compact .piece-row{gap:var(--s-2)}html:is(.layout-term,.layout-studio,.layout-mono) .lesson-work.is-compact .piece-btn{padding:var(--s-1) var(--s-1) var(--s-2)}html:is(.layout-term,.layout-studio,.layout-mono) .lesson-work.is-compact .piece-btn canvas{height:52px}html:is(.layout-term,.layout-studio,.layout-mono) .lesson-work.is-compact .case-group{font-size:var(--fs-1);letter-spacing:var(--track);text-transform:uppercase;color:var(--muted)}html:is(.layout-term,.layout-studio,.layout-mono) .lesson-work.is-compact .keep-front{font-size:var(--fs-1);border-left:0}html:is(.layout-term,.layout-studio,.layout-mono) .lesson-work.is-compact .has-note{position:relative}html:is(.layout-term,.layout-studio,.layout-mono) .lesson-work.is-compact .note-info{border-radius:var(--r-1);width:24px;height:24px;color:var(--muted);box-shadow:none;cursor:pointer;background:0 0;border:0;flex:0 0 24px;place-items:center;padding:0;display:inline-grid}html:is(.layout-term,.layout-studio,.layout-mono) .lesson-work.is-compact .note-info .icon{width:16px;height:16px}html:is(.layout-term,.layout-studio,.layout-mono) .lesson-work.is-compact .note-info:is(:hover,[aria-expanded=true]){background:var(--quiet);color:var(--ink)}html:is(.layout-term,.layout-studio,.layout-mono) .lesson-work.is-compact .note-info:focus-visible{outline:2px solid var(--blue);outline-offset:1px}html:is(.layout-term,.layout-studio,.layout-mono) .lesson-work.is-compact .has-note>.note-text{z-index:20;width:min(340px,80vw);padding:var(--s-3);border-radius:var(--r-1);background:var(--ink);color:var(--paper);font-family:var(--font-body);font-size:var(--fs-1);text-transform:none;letter-spacing:0;margin:0;font-weight:400;line-height:1.55;display:none;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 24px #00000040}html:is(.layout-term,.layout-studio,.layout-mono) .lesson-work.is-compact .has-note>.note-text b{color:inherit}html:is(.layout-term,.layout-studio,.layout-mono) .lesson-work.is-compact .has-note:is(:has(.note-info:hover),:has(.note-info:focus-visible))>.note-text,html:is(.layout-term,.layout-studio,.layout-mono) .lesson-work.is-compact .has-note>.note-text[data-open]{display:block}html:is(.layout-term,.layout-studio,.layout-mono) .lesson-work.is-compact .keep-front.has-note>.note-text{top:auto;bottom:calc(100% - 8px)}html:is(.layout-term,.layout-studio,.layout-mono) .lesson-work.is-compact .keep-front .note-title{margin:0}}@media (width>=768px){html:is(.layout-term,.layout-studio,.layout-mono) .playback button:not(.secondary){background:var(--cta);color:var(--on-cta);border-color:var(--cta);font-weight:700}html:is(.layout-term,.layout-studio,.layout-mono) .playback button:not(.secondary):hover{background:color-mix(in srgb,var(--cta) 86%,var(--ink))}html:is(.layout-term,.layout-studio,.layout-mono) .playback button:not(.secondary):focus-visible{outline:2px solid var(--ink);outline-offset:2px}html:is(.layout-term,.layout-studio,.layout-mono) .playback .secondary{background:var(--surface);color:var(--ink);border:1px solid var(--hair)}html:is(.layout-term,.layout-studio,.layout-mono) .lesson-work.is-compact .case-card{border-radius:var(--r-1);background:var(--paper);border:0;padding:4px}html:is(.layout-term,.layout-studio,.layout-mono) .lesson-work.is-compact .case-card:hover:not([aria-pressed=true]){background:var(--quiet)}html:is(.layout-term,.layout-studio,.layout-mono) .lesson-work.is-compact :is(.case-card canvas,.case-card .top-view){border-radius:calc(var(--r-1) - 2px);background:var(--paper);box-shadow:none}html:is(.layout-term,.layout-studio,.layout-mono) .lesson-work.is-compact .case-card[aria-pressed=true]{background:var(--sel);color:var(--on-sel)}html:is(.layout-term,.layout-studio,.layout-mono) .lesson-work.is-compact .case-card[aria-pressed=true] :is(strong,small){color:inherit}html:is(.layout-term,.layout-studio,.layout-mono) .lesson-work.is-compact .case-card[aria-pressed=true]:after{display:none}html:is(.layout-term,.layout-studio,.layout-mono) .lesson-work.is-compact .piece-btn{background:var(--paper);box-shadow:none;border:0}html:is(.layout-term,.layout-studio,.layout-mono) .lesson-work.is-compact .piece-btn:hover:not([aria-pressed=true]){background:var(--quiet);box-shadow:none}html:is(.layout-term,.layout-studio,.layout-mono) .lesson-work.is-compact .piece-btn canvas{border-radius:calc(var(--r-1) - 2px);background:var(--paper)}html:is(.layout-term,.layout-studio,.layout-mono) .lesson-work.is-compact .piece-btn[aria-pressed=true]{background:var(--sel);color:var(--on-sel)}html:is(.layout-term,.layout-studio,.layout-mono) .lesson-work.is-compact .piece-btn .scribble{color:inherit;background:0 0}html:is(.layout-term,.layout-studio,.layout-mono) .lesson-work.is-compact .piece-btn .scribble:after{display:none}html:is(.layout-term,.layout-studio,.layout-mono) .lesson-work.is-compact .lesson-stage:not(.is-sheet){box-shadow:none;border:0}html:is(.layout-term,.layout-studio,.layout-mono) .stage-rotate{background:var(--surface);border:0;box-shadow:0 1px 3px #00000026}html:is(.layout-term,.layout-studio,.layout-mono) .lesson-check{border:var(--hairline)}html:is(.layout-term,.layout-studio,.layout-mono) .lesson-pagination{box-shadow:none;background:var(--surface);border:0}html:is(.layout-term,.layout-studio,.layout-mono) .lesson-pagination a:last-child{background:var(--cta);color:var(--on-cta)}html:is(.layout-term,.layout-studio,.layout-mono) :is(.keep-front,.lesson-tips){border-left:2px solid var(--hair)}html:is(.layout-term,.layout-studio,.layout-mono) .lesson-guide>ol>li{border:0}html:is(.layout-term,.layout-studio,.layout-mono) .guide-each li{border-top:var(--hairline)}html:is(.layout-term,.layout-studio,.layout-mono) .guide-each li:first-child{border-top:0}}@media (width>=1024px){html:is(.layout-term,.layout-studio) .note-rail{top:calc((100vh - var(--dock-space)) / 2);max-height:calc(100vh - var(--dock-space) - 48px)}html:is(.layout-term,.layout-studio,.layout-mono) .note-rail li{align-items:center;gap:var(--s-3);height:32px;padding:0 var(--s-2);flex-shrink:0;grid-template-columns:32px minmax(0,1fr);display:grid}html:is(.layout-term,.layout-studio,.layout-mono) .note-rail li b{text-align:center;white-space:nowrap;width:32px;line-height:32px}html:is(.layout-term,.layout-studio,.layout-mono) .note-rail .note-rail-label{text-overflow:ellipsis;white-space:nowrap;text-align:left;min-width:0;overflow:hidden}html:is(.layout-term,.layout-studio,.layout-mono) :is(.note-rail-toggle,.note-rail-more){align-items:center;gap:var(--s-3);width:100%;padding:0 var(--s-2);text-align:left;border-radius:0;grid-template-columns:32px minmax(0,1fr);display:grid}html:is(.layout-term,.layout-studio,.layout-mono) :is(.note-rail-toggle,.note-rail-more) .icon{justify-self:center;width:20px;height:20px}html:is(.layout-term,.layout-studio,.layout-mono) .note-rail-list{flex:0 auto;min-height:0}html:is(.layout-term,.layout-studio,.layout-mono) .lesson-work.is-compact.is-split{column-gap:var(--s-5);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}html:is(.layout-term,.layout-studio) .lesson-work.is-split>.stage-inspector{top:var(--s-4);max-height:calc(100vh - var(--s-4) * 2);overscroll-behavior:contain;scrollbar-width:thin;grid-area:1/1/6;align-self:start;position:sticky;overflow:auto}html.layout-mono .lesson-work.is-split>.stage-inspector{top:var(--s-4);overscroll-behavior:contain;scrollbar-width:thin;grid-column:1;align-self:start;max-height:calc(100vh - 32px);position:sticky;overflow:auto}html.layout-mono .lesson-work.is-split>.lesson-stage:not(.is-sheet){top:var(--s-4);grid-column:2;align-self:start;position:sticky}html.layout-mono .lesson-work.is-split .stage-top{display:block}html.layout-mono .lesson-work.is-split .stage-side{position:static}html.layout-mono .lesson-work.is-split .stage-inspector .cases{padding:var(--s-3) var(--s-4) var(--s-4);border-right:0}html.layout-mono .lesson-work.is-split .stage-inspector .hold-short{margin:0 0 var(--s-3)}html:is(.layout-term,.layout-studio,.layout-mono) body:has(.lesson-work.is-split) .lesson-path:not(.insp-path .lesson-path){display:none}html:is(.layout-term,.layout-studio,.layout-mono) .insp-path .lesson-path{gap:var(--s-2);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);margin:0}html:is(.layout-term,.layout-studio,.layout-mono) .insp-path .lesson-path li{justify-items:center;gap:var(--s-1);padding:var(--s-2);border:var(--hairline);border-radius:var(--r-1);text-align:center;grid-template-columns:1fr}html:is(.layout-term,.layout-studio,.layout-mono) .insp-path .lesson-path li.arrow{border:0;padding:0}html:is(.layout-term,.layout-studio,.layout-mono) .insp-path .lesson-path canvas{width:100%;height:80px}html:is(.layout-term,.layout-studio,.layout-mono) .insp-path .lesson-path small{font-size:10px;line-height:1.3}html:is(.layout-term,.layout-studio,.layout-mono) .insp-path .lesson-path strong{font-size:var(--fs-2);margin-top:2px;font-weight:600;line-height:1.3}html:is(.layout-term,.layout-studio,.layout-mono) .insp-path .lesson-path .icon{width:18px;height:18px}html:is(.layout-term,.layout-studio,.layout-mono) .lesson-work.is-split .stage-inspector .hold-short{gap:var(--s-2);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}html:is(.layout-term,.layout-studio,.layout-mono) .lesson-work.is-split .stage-inspector .hold-short>.has-note{order:-1}html:is(.layout-term,.layout-studio,.layout-mono) .lesson-work.is-split .stage-inspector .hold-pics{gap:var(--s-4)}html:is(.layout-term,.layout-studio,.layout-mono) body .lesson-work.is-split .stage-inspector .hold-pics canvas{width:80px;height:80px}html:is(.layout-term,.layout-studio,.layout-mono) body .lesson-work.is-split .stage-inspector .hold-pics figcaption{font-size:var(--fs-1)}html:is(.layout-term,.layout-studio,.layout-mono) .note-rail li[data-hint]{background:var(--sel);color:var(--on-sel)}html:is(.layout-term,.layout-studio,.layout-mono) .note-rail li[data-hint] b{color:inherit;border-color:#0000;font-weight:700}html:is(.layout-term,.layout-studio,.layout-mono) .note-rail .note-rail-demo-move{font-size:28px;font-weight:700;line-height:1}html:is(.layout-term,.layout-studio,.layout-mono) .header .nav{width:auto;margin-inline:var(--s-4)}html.layout-term{--insp-w:clamp(320px,calc(18vw + 120px),440px)}html:is(.layout-term,.layout-mono) body .lesson-work.is-compact.is-split{grid-template-rows:auto;grid-template-columns:minmax(0,1fr)}html:is(.layout-term,.layout-mono) body .lesson-work.is-split>.stage-inspector{z-index:60;width:var(--insp-w);border:0;border-left:1px solid var(--hair);background:var(--surface);height:auto;max-height:none;color:var(--ink);box-shadow:none;overscroll-behavior:contain;scrollbar-width:thin;border-radius:0;margin:0;padding:0;position:fixed;top:0;bottom:0;right:0;overflow:auto}html:is(.layout-term,.layout-mono) body .lesson-work.is-split .stage-inspector>*{padding:var(--s-3) var(--s-4) var(--s-4);border:0;border-top:1px solid var(--hair);background:0 0;border-radius:0;margin:0}html:is(.layout-term,.layout-mono) body .lesson-work.is-split .stage-inspector>:first-child{border-top:0}html:is(.layout-term,.layout-mono) body .lesson-work.is-split .stage-inspector .case-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}html:is(.layout-term,.layout-mono) body .lesson-work.is-split .stage-inspector .case-group{grid-column:1/-1}html:is(.layout-term,.layout-mono) body .lesson-work.is-split .stage-inspector :is(.case-card canvas,.case-card .top-view){aspect-ratio:1;width:100%;height:auto}html:is(.layout-term,.layout-mono) body .lesson-work.is-split .stage-inspector .case-card small{display:none}html:is(.layout-term,.layout-mono) body .lesson-work.is-split .stage-inspector .has-note>.note-text{width:auto;right:0}html.layout-term:root body:has(.note-rail) #main{padding-right:0;padding-left:max(0px,calc(80px - max(var(--pad),(100vw - var(--wrap-max,1240px)) / 2)))}html.layout-term:root .note-rail{left:var(--s-4);right:auto}html.layout-term:root body:has(.lesson-work.is-split) #main{padding-left:80px;padding-right:calc(var(--insp-w) + 32px)}html.layout-term body .lesson-work.is-split>.stage-inspector{padding-bottom:var(--dock-space)}html.layout-term body .lesson-work.is-split .stage-side{top:var(--s-4);height:calc(100vh - var(--s-4) - var(--dock-space));justify-content:center;align-items:center;gap:var(--s-3);grid-area:auto/1;min-height:480px;position:sticky}html.layout-term body .lesson-work.is-split .stage-side .stage-cube{width:100%;padding:0}html.layout-term body .lesson-work.is-split .stage-side .stage-panel{border:1px solid var(--hair);border-radius:var(--r-1);flex:none;align-self:center;width:min(560px,100% - 32px)}html.layout-mono body:has(.lesson-work.is-split) #main{padding-right:calc(var(--insp-w) + var(--insp-gap))}html.layout-mono body .lesson-work.is-split>.lesson-stage:not(.is-sheet){grid-column:1}}html:is(.layout-term,.layout-studio,.layout-mono) body *{text-wrap-style:balance}@media (width>=1024px){html.layout-mono{--insp-top:0px;--logo-box:48px}html:is(.layout-term,.layout-studio,.layout-mono):root body .lesson-work.is-split>.stage-inspector{top:var(--insp-top,0px);height:calc(100dvh - var(--insp-top,0px));max-height:none;bottom:auto}html.layout-mono .note-rail{left:var(--s-4);top:calc(var(--insp-top) + (100vh - var(--insp-top)) / 2);z-index:9;width:48px;max-height:calc(100vh - var(--insp-top) - (var(--logo-box) + var(--s-4)) * 2);border:var(--line);border-radius:var(--r-1);background:var(--surface);color:var(--ink);flex-direction:column;transition:width .2s;display:flex;position:fixed;overflow:hidden auto;transform:translateY(-50%)}html.layout-mono .note-rail:is(:hover,:focus-within,[data-open]){width:248px}html.layout-mono body:has(.note-rail) #main{padding-left:80px}}@media (width<=767px){html:is(.layout-term,.layout-studio,.layout-mono):root:has(.lesson-stage):not(:has(.lesson-stage.is-sheet,body.timing)) .dock{display:flex}html:is(.layout-term,.layout-studio,.layout-mono):root:has(.lesson-stage):not(:has(.lesson-stage.is-sheet,body.timing)) body{padding-bottom:var(--dock-space)}html:is(.layout-term,.layout-studio,.layout-mono):root :is(.fanpage-fab,.to-top){display:none}html:is(.layout-term,.layout-studio,.layout-mono):root .home-flow .lesson-image{background:0 0;border:0}html:is(.layout-term,.layout-studio,.layout-mono):root :is(.lesson-image,.piece-btn,.hold-pics,.lesson-path,.case-card) canvas{box-shadow:none;background:0 0;border:0}html:is(.layout-term,.layout-studio,.layout-mono):root .header .brand{margin-left:0;padding-left:0}html:is(.layout-term,.layout-studio,.layout-mono):root body{overflow-x:clip}html:is(.layout-term,.layout-studio,.layout-mono):root :is(h1,h2,h3){overflow-wrap:break-word;min-width:0;max-width:100%}html:is(.layout-term,.layout-studio,.layout-mono):root .section-heading{flex-wrap:wrap}html:is(.layout-term,.layout-studio,.layout-mono):root .dock{backdrop-filter:none;background:var(--surface)}html:is(.layout-term,.layout-studio,.layout-mono):root .dock-sep{display:none}html:is(.layout-term,.layout-studio,.layout-mono):root .dock :is(.dock-lang,.dock-theme,.dock-account,.dock-search){z-index:71;border:1px solid var(--hair);border-radius:var(--r-1);background:var(--surface);width:36px;min-width:0;height:28px;color:var(--ink);flex:none;position:fixed}html:is(.layout-term,.layout-studio,.layout-mono):root .dock :is(.dock-lang,.dock-theme){right:calc(var(--pad,16px) + 40px)}html:is(.layout-term,.layout-studio,.layout-mono):root .dock :is(.dock-account,.dock-search){right:var(--pad,16px)}html:is(.layout-term,.layout-studio,.layout-mono):root .dock :is(.dock-lang,.dock-account){top:calc(4px + env(safe-area-inset-top,0px))}html:is(.layout-term,.layout-studio,.layout-mono):root .dock :is(.dock-theme,.dock-search){top:calc(36px + env(safe-area-inset-top,0px))}html:is(.layout-term,.layout-studio,.layout-mono):root .dock :is(.dock-lang,.dock-theme,.dock-account,.dock-search) .icon{width:18px;height:18px}html:is(.layout-term,.layout-studio,.layout-mono):root .dock .dock-lang b{width:24px;height:18px;font-size:10px}html:is(.layout-term,.layout-studio,.layout-mono):root .header .nav{padding-right:84px}}@media (width>=1024px){html.layout-studio,html.layout-mono{--lesson-top:var(--s-4)}html:is(.layout-studio,.layout-mono):root body:has(.lesson-work.is-split) .learning-layout{column-gap:var(--s-6);padding-top:var(--s-3);grid-template-rows:repeat(16,auto) 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);align-items:start;row-gap:0;display:grid}html:is(.layout-studio,.layout-mono):root body:has(.lesson-work.is-split) .learning-layout :is(article,astro-island,.lesson-work){display:contents}html:is(.layout-studio,.layout-mono):root body:has(.lesson-work.is-split) .learning-layout :is(.learning-sidebar,article>*,astro-island>*,.lesson-work>*){grid-column:1;min-width:0}html:is(.layout-studio,.layout-mono):root body:has(.lesson-work.is-split) .learning-layout :is(.lesson-intro,.learning-sidebar){margin-bottom:var(--s-4)}html:is(.layout-studio,.layout-mono):root body .learning-layout .lesson-work.is-split>.lesson-stage:not(.is-sheet){top:var(--lesson-top);grid-area:1/2/-1;align-self:start;margin:0;display:block;position:sticky}html:is(.layout-studio,.layout-mono):root body .lesson-work.is-split .stage-top{display:block}html:is(.layout-studio,.layout-mono):root body .lesson-work.is-split .stage-side{justify-content:flex-start;align-items:center;gap:var(--s-3);height:auto;min-height:0;padding:0 0 var(--s-4);flex-direction:column;display:flex;position:static}html:is(.layout-studio,.layout-mono):root body .lesson-work.is-split .stage-side .stage-cube{width:100%;padding:var(--s-4) 0 0}html:is(.layout-studio,.layout-mono):root body .lesson-work.is-split .lesson-stage:not(.is-sheet) .stage-cube canvas{width:88%;max-width:min(640px,max(320px,100vh - var(--lesson-top) - 220px))}html:is(.layout-studio,.layout-mono):root body .lesson-work.is-split .stage-side .stage-panel{flex:none;align-self:center;width:min(560px,100% - 32px);margin:0}html.layout-mono:root body:has(.lesson-work.is-split) .learning-sidebar{padding-top:0;position:static}html.layout-mono:root body:has(.lesson-work.is-split) .learning-layout .lesson-nav{gap:var(--s-2);flex-flow:wrap;display:flex}html.layout-mono:root body:has(.lesson-work.is-split) .learning-layout .lesson-nav a{border:1px solid var(--hair);border-radius:var(--r-1);width:40px;height:36px;box-shadow:none;justify-content:center;padding:0}html.layout-mono:root body:has(.lesson-work.is-split) .learning-layout .lesson-nav .num{min-width:0;font-size:var(--fs-2);border:0;justify-content:center}html.layout-mono:root body:has(.lesson-work.is-split) .learning-layout .lesson-nav :is(.name,.check),html.layout-mono:root body:has(.lesson-work.is-split) .learning-layout .sidebar-help{display:none}html:is(.layout-studio,.layout-mono):root body:has(.lesson-work.is-split) .lesson-pagination{z-index:61;width:var(--insp-w);padding:var(--s-2) var(--s-4);justify-content:space-between;gap:var(--s-2);border:0;border-top:1px solid var(--hair);border-left:1px solid var(--hair);background:var(--surface);box-shadow:none;border-radius:0;flex-wrap:nowrap;margin:0;display:flex;position:fixed;bottom:0;right:0}html:is(.layout-studio,.layout-mono):root body:has(.lesson-work.is-split) .lesson-pagination a{min-height:40px;padding:var(--s-2) var(--s-3);font-size:13px}html:is(.layout-studio,.layout-mono):root body:has(.lesson-work.is-split) .lesson-pagination .pg-long{display:none}html:is(.layout-studio,.layout-mono):root body:has(.lesson-work.is-split) .lesson-pagination .pg-short{align-items:center;gap:var(--s-2);display:inline-flex}html:is(.layout-studio,.layout-mono):root body .lesson-work.is-split>.stage-inspector{padding-bottom:72px}html:is(.layout-studio,.layout-mono):root body:has(.lesson-work.is-split) .dock{left:calc(50% - var(--insp-w) / 2)}html:is(.layout-term,.layout-studio,.layout-mono):root body .lesson-work.is-split>.stage-inspector{scrollbar-width:thin;scrollbar-color:transparent transparent;scrollbar-gutter:stable}html:is(.layout-term,.layout-studio,.layout-mono):root body .lesson-work.is-split>.stage-inspector[data-scrolling]{scrollbar-color:var(--sb-thumb) transparent}html:is(.layout-term,.layout-studio,.layout-mono) .stage-inspector::-webkit-scrollbar-thumb{background-color:#0000}html:is(.layout-term,.layout-studio,.layout-mono) .stage-inspector[data-scrolling]::-webkit-scrollbar-thumb{background-color:var(--sb-thumb)}html:is(.layout-term,.layout-studio,.layout-mono):root:root body .lesson-work.is-split>.stage-inspector{top:calc(var(--insp-top,0px) - var(--main-over,0px))}html:is(.layout-studio,.layout-mono):root:root body:has(.lesson-work.is-split) .lesson-pagination{bottom:var(--main-over,0px)}}@media (width>=768px) and (width<=1279px){html:is(.layout-studio,.layout-mono):root body:has(.lesson-work .lesson-stage) .learning-layout{grid-template-rows:none;grid-template-columns:minmax(0,1fr);align-items:start;row-gap:0;display:grid}html:is(.layout-studio,.layout-mono):root body:has(.lesson-work .lesson-stage) .learning-layout :is(article,astro-island:has(.lesson-work),.lesson-work){display:contents}html:is(.layout-studio,.layout-mono):root body:has(.lesson-work .lesson-stage) .learning-layout :is(.learning-sidebar,article>*,astro-island:has(.lesson-work)>*,.lesson-work>*){grid-column:1;min-width:0}html:is(.layout-studio,.layout-mono):root body:has(.lesson-work .lesson-stage) .learning-layout .learning-sidebar{margin-bottom:var(--s-4);order:-2}html:is(.layout-studio,.layout-mono):root body .learning-layout .lesson-work:is(.is-split,:not(.is-split))>.lesson-stage:not(.is-sheet){margin:0 0 var(--s-4);order:-1;grid-area:auto/1;align-self:stretch;display:block;position:static}html:is(.layout-studio,.layout-mono):root body .learning-layout .lesson-work.is-compact .stage-top{flex-direction:column;align-items:stretch;display:flex}html:is(.layout-studio,.layout-mono):root body .learning-layout .lesson-work.is-compact .stage-side{justify-content:flex-start;align-items:center;gap:var(--s-3);width:100%;min-width:0;height:auto;min-height:0;padding:0 0 var(--s-4);border:0;flex-direction:column;order:-1;display:flex;position:static}html:is(.layout-studio,.layout-mono):root body .learning-layout .lesson-work.is-compact .stage-side .stage-cube{width:100%;padding:var(--s-4) 0 0;justify-content:center;align-items:center;display:flex}html:is(.layout-studio,.layout-mono):root body .learning-layout .lesson-work.is-compact .lesson-stage:not(.is-sheet) .stage-cube canvas{aspect-ratio:1;width:88%;max-width:min(560px,max(280px,100vh - 300px));height:auto;position:static;inset:auto}html:is(.layout-studio,.layout-mono):root body .learning-layout .lesson-work.is-compact .stage-side .stage-panel{flex:none;align-self:center;width:min(560px,100% - 32px);margin:0}html:is(.layout-studio,.layout-mono):root body .learning-layout .lesson-work.is-compact .stage-side .playback{flex-wrap:nowrap;justify-content:center}html:is(.layout-studio,.layout-mono):root body .learning-layout .lesson-work.is-compact .stage-side .playback button{white-space:nowrap}html:is(.layout-studio,.layout-mono):root body .learning-layout .lesson-work .lesson-stage:not(.is-sheet) .playback{flex-wrap:nowrap;justify-content:center}html:is(.layout-studio,.layout-mono):root body .learning-layout .lesson-work .lesson-stage:not(.is-sheet) .playback button{white-space:nowrap}html:is(.layout-studio,.layout-mono):root body .learning-layout .lesson-work .lesson-stage:not(.is-sheet) .playback button:not(.icon){flex:none}html:is(.layout-studio,.layout-mono):root body:has(.lesson-work .lesson-stage) .learning-layout .learning-sidebar .lesson-nav{gap:var(--s-1);scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}html:is(.layout-studio,.layout-mono):root body:has(.lesson-work .lesson-stage) .learning-layout .learning-sidebar .lesson-nav::-webkit-scrollbar{display:none}html:is(.layout-studio,.layout-mono):root body:has(.lesson-work .lesson-stage) .learning-layout .learning-sidebar .lesson-nav a{flex:1 1 0;width:auto;min-width:24px;max-width:48px}html:is(.layout-studio,.layout-mono):root body:has(.lesson-work .lesson-stage) .learning-layout .learning-sidebar :is(.lesson-nav :is(.name,.check),.sidebar-help){display:none}}@media (width<=767px){html:is(.layout-studio,.layout-mono):root{--dock-h:66px}html:is(.layout-studio,.layout-mono):root .dock-item:not(.dock-search,.dock-lang,.dock-account,.dock-theme){flex-direction:column;justify-content:center;align-items:center;gap:3px;height:56px;padding:0 2px;display:flex}html:is(.layout-studio,.layout-mono):root .dock-item:not(.dock-search,.dock-lang,.dock-account,.dock-theme) .dock-tip{opacity:1;max-width:100%;color:inherit;letter-spacing:0;text-align:center;text-overflow:ellipsis;white-space:nowrap;background:0 0;padding:0;font-size:10px;font-weight:600;line-height:1.2;display:block;position:static;overflow:hidden;transform:none}html:is(.layout-studio,.layout-mono):root .dock-item:not(.dock-search,.dock-lang,.dock-account,.dock-theme):not([aria-current=page]){color:var(--muted,var(--ink))}html:is(.layout-studio,.layout-mono):root .dock-item[aria-current=page]:after{width:20px;margin-left:-10px;top:0;bottom:auto}}html:is(.layout-term,.layout-studio,.layout-mono) .dock-tip{width:max-content;max-width:min(240px,100vw - 24px)}@media (width>=768px){html:is(.layout-studio,.layout-mono):root{--dock-h:66px}html:is(.layout-studio,.layout-mono):root:root body nav.dock.dock{z-index:89;height:var(--dock-h);border:1.5px solid color-mix(in srgb,var(--ink) 38%,transparent);gap:2px;padding:0 6px;left:50%;right:auto;transform:translate(-50%)}html:is(.layout-studio,.layout-mono):root:root body .dock .dock-item.dock-item{flex-direction:column;justify-content:center;align-items:center;gap:3px;width:auto;min-width:56px;height:56px;padding:0 4px;display:flex}html:is(.layout-studio,.layout-mono):root:root body .dock .dock-item.dock-item .dock-tip{opacity:1;width:auto;max-width:76px;color:inherit;letter-spacing:0;text-align:center;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;background:0 0;border-radius:0;padding:0;font-size:10px;font-weight:600;line-height:1.2;transition:none;display:block;position:static;overflow:hidden;transform:none}html:is(.layout-studio,.layout-mono):root:root body .dock .dock-item.dock-item:not([aria-current=page]) .dock-tip{color:var(--muted,var(--ink))}html:is(.layout-studio,.layout-mono):root:root body .dock :is(.dock-search,.dock-account)>:is(button,a){place-items:start center;width:auto;height:auto;padding-top:8px;position:absolute;inset:0}html:is(.layout-studio,.layout-mono):root:root body .dock .dock-lang b{margin:0}html:is(.layout-studio,.layout-mono):root:root body .dock .dock-item[aria-current=page]:after{width:20px;margin-left:-10px;top:0;bottom:auto}}@media (width>=1024px){html.layout-mono:root .header{background:0 0;border:0;height:0;min-height:0;padding:0;position:static;overflow:visible}html.layout-mono:root .header .nav{width:auto;height:0;min-height:0;margin:0;padding:0}html.layout-mono:root .header .brand{top:var(--s-4);left:var(--s-4);z-index:60;color:#0000;justify-content:center;align-items:center;width:48px;height:48px;margin:0;padding:0;font-size:0;line-height:0;display:flex;position:fixed;overflow:hidden}html.layout-mono:root body #main{padding-left:80px}html.layout-mono:root body:has(.lesson-work.is-split) #main{padding-right:calc(var(--insp-w) + var(--insp-gap))}html.layout-mono:root .header .brand .brand-logo{display:none!important}html.layout-mono:root .header .brand .brand-icon{width:auto;height:40px;display:block}html.layout-mono:root .breadcrumbs{top:0}}@media (width<=1023px){html:is(.layout-studio,.layout-mono):root body .lesson-work.is-split>.stage-inspector{margin:var(--s-3) 0 var(--s-4);border:var(--hairline);border-radius:var(--r-1);background:var(--surface,var(--paper));padding:0;display:block;position:static}html:is(.layout-studio,.layout-mono):root body .lesson-work.is-split .stage-inspector>*{padding:var(--s-3) var(--s-3) var(--s-4);border:0;border-top:var(--hairline);background:0 0;border-radius:0;margin:0}html:is(.layout-studio,.layout-mono):root body .lesson-work.is-split .stage-inspector>:first-child{border-top:0}html:is(.layout-studio,.layout-mono):root body:has(.lesson-work.is-split) .lesson-path:not(.insp-path .lesson-path){display:none}html:is(.layout-studio,.layout-mono) .insp-path .lesson-path{gap:var(--s-2);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);margin:0}html:is(.layout-studio,.layout-mono) .insp-path .lesson-path li{justify-items:center;gap:var(--s-1);padding:var(--s-2);border:var(--hairline);border-radius:var(--r-1);text-align:center;grid-template-columns:1fr}html:is(.layout-studio,.layout-mono) .insp-path .lesson-path li.arrow{border:0;padding:0}html:is(.layout-studio,.layout-mono) .insp-path .lesson-path canvas{width:100%;height:80px}html:is(.layout-studio,.layout-mono) .insp-path .lesson-path small{font-size:10px;line-height:1.3}html:is(.layout-studio,.layout-mono) .insp-path .lesson-path strong{font-size:var(--fs-2);margin-top:2px;font-weight:600;line-height:1.3}html:is(.layout-studio,.layout-mono) .insp-path .lesson-path .icon{width:18px;height:18px}html:is(.layout-studio,.layout-mono) .lesson-work.is-split .stage-inspector .hold-short{gap:var(--s-2);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}html:is(.layout-studio,.layout-mono) .lesson-work.is-split .stage-inspector .hold-short>.has-note{order:-1}html:is(.layout-studio,.layout-mono) .lesson-work.is-split .stage-inspector .hold-pics{gap:var(--s-4);justify-content:center}html:is(.layout-studio,.layout-mono) body .lesson-work.is-split .stage-inspector .hold-pics canvas{width:80px;height:80px}html:is(.layout-studio,.layout-mono) body .lesson-work.is-split .stage-inspector .hold-pics figcaption{font-size:11px}html:is(.layout-studio,.layout-mono):root body .lesson-work.is-split .stage-inspector .case-list{grid-template-columns:repeat(4,minmax(0,1fr))}html:is(.layout-studio,.layout-mono) body .lesson-work.is-split .stage-inspector :is(.hold-short h2,.piece-short h2,.cases h2){text-align:center;flex-wrap:wrap;justify-content:center}html:is(.layout-studio,.layout-mono) body .lesson-work.is-split .stage-inspector .piece-row{gap:6px}html:is(.layout-studio,.layout-mono) body .lesson-work.is-split .stage-inspector .piece-btn{gap:2px;min-width:0;padding:3px}html:is(.layout-studio,.layout-mono) body .lesson-work.is-split .stage-inspector .piece-btn canvas{aspect-ratio:1;width:100%;height:auto}html:is(.layout-studio,.layout-mono) body .lesson-work.is-split .stage-inspector .piece-btn span{overflow-wrap:anywhere;padding:0 2px;font-size:11px;line-height:1.3}html:is(.layout-studio,.layout-mono) body .lesson-work.is-split .stage-inspector .step-no{letter-spacing:0;text-transform:none;flex:0 0 100%;font-size:15px;font-weight:700;display:block}html:is(.layout-studio,.layout-mono) body .lesson-work.is-split .stage-inspector .hold-short>.flow-arrow{grid-column:1/-1}html:is(.layout-studio,.layout-mono) body .lesson-work.is-split .stage-inspector .flow-arrow{margin:0 0 var(--s-2);color:var(--muted);justify-content:center;align-items:flex-start;height:24px;font-size:20px;display:flex;overflow:hidden}html:is(.layout-studio,.layout-mono) body .lesson-work.is-split .stage-inspector .flow-arrow .icon{animation:1.4s ease-in-out infinite flow-down}html:is(.layout-studio,.layout-mono) .lesson-work.is-split .stage-inspector .keep-front.is-fold summary{justify-content:center;align-items:center;gap:var(--s-2);cursor:pointer;list-style:none;display:flex}html:is(.layout-studio,.layout-mono) .lesson-work.is-split .stage-inspector .keep-front.is-fold summary::-webkit-details-marker{display:none}html:is(.layout-studio,.layout-mono) .lesson-work.is-split .stage-inspector .keep-front.is-fold summary:after{content:"";border:2px solid;border-width:0 2px 2px 0;width:8px;height:8px;margin-top:-4px;transition:transform .2s;transform:rotate(45deg)}html:is(.layout-studio,.layout-mono) .lesson-work.is-split .stage-inspector .keep-front.is-fold[open] summary:after{margin-top:4px;transform:rotate(-135deg)}html:is(.layout-studio,.layout-mono) .lesson-work.is-split .stage-inspector .keep-front.is-fold .note-title{align-items:center;gap:var(--s-2);border:0;margin:0;padding:0;display:flex}html:is(.layout-studio,.layout-mono) .lesson-work.is-split .stage-inspector .keep-front.is-fold .note-title>.icon{color:var(--rose-ink);flex:none;font-size:18px;display:block}html:is(.layout-studio,.layout-mono) .lesson-work.is-split .stage-inspector .keep-front.is-fold p{margin:var(--s-2) 0 0;text-align:left}}html.layout-mono:root body .lesson-work.is-split .stage-inspector .step-no{color:var(--ink)}html.layout-mono:root .brand-mark{border-radius:var(--r-1);background:#0b0d0c;border-color:#0b0d0c;transform:rotate(-8deg)}html.layout-mono:root .brand-mark i{background:#3155ff;border-radius:1px}html.layout-mono:root .brand-mark i:nth-child(3n+1){background:#24b970}html.layout-mono:root .brand-mark i:nth-child(3n){background:#ffda28}html.layout-mono:root .brand-mark i:nth-child(7){background:#f04435}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder{margin:var(--s-4) 0 var(--s-6);display:block}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:11px;font-weight:600}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-fold>summary{justify-content:space-between;align-items:center;gap:var(--s-2);cursor:pointer;min-height:40px;list-style:none;display:flex}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-fold>summary::-webkit-details-marker{display:none}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-fold>summary:after{content:"+";color:var(--muted);font-size:18px}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-fold[open]>summary:after{content:"−"}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-steps{margin:var(--s-3) 0 0;gap:var(--s-2);padding:0;list-style:none;display:grid}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-steps li{text-align:center;justify-items:center;gap:var(--s-1);display:grid}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-steps p{font-size:var(--fs-1);overflow-wrap:anywhere;margin:0;line-height:1.55}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-step-no{letter-spacing:0;text-transform:none;color:var(--ink);font-size:15px;font-weight:700;display:block}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-arrow{height:24px;color:var(--muted);justify-content:center;font-size:20px;display:flex;overflow:hidden}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-arrow .icon{animation:1.4s ease-in-out infinite flow-down}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-tips{margin:var(--s-3) 0 0;gap:var(--s-2);font-size:var(--fs-1);overflow-wrap:anywhere;padding-left:1.4em;line-height:1.55;display:grid}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-filters-head{justify-content:space-between;align-items:center;gap:var(--s-2);display:flex}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-hint{margin:var(--s-2) 0 0;font-size:var(--fs-1);color:var(--muted);line-height:1.5}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-how{margin:2px 0 var(--s-2);font-size:var(--fs-1);color:var(--muted);line-height:1.45}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-dim{margin-top:var(--s-3)}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-dim h3{margin:0 0 var(--s-2);font-size:var(--fs-1);font-weight:600;line-height:1.35}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-chips{flex-wrap:wrap;gap:6px;display:flex}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-chip{border:1px solid var(--hair);background:var(--surface);max-width:100%;min-height:32px;color:var(--ink);text-align:left;white-space:normal;overflow-wrap:anywhere;box-shadow:none;border-radius:999px;align-items:center;gap:6px;padding:4px 6px 4px 10px;font-size:13px;line-height:1.3;display:inline-flex;transform:none}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-chip:hover{background:var(--hover,var(--paper))}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-chip[aria-pressed=true]{background:var(--sel-fill,var(--hover));border-color:var(--sel-fill,var(--hair));color:var(--on-sel-fill,var(--ink))}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-chip[data-empty]:not([aria-pressed=true]){opacity:.5}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-count{background:var(--rose-tint,var(--paper));min-width:22px;height:20px;color:var(--rose-ink,var(--ink));font-family:var(--font-mono,ui-monospace,monospace);border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:600;display:inline-flex}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-reset{min-height:32px;color:var(--blue);box-shadow:none;background:0 0;border:0;align-items:center;gap:4px;padding:4px 8px;font-size:13px;font-weight:600;display:inline-flex}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-reset:disabled{color:var(--muted);cursor:default;opacity:.6}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-reset .icon{width:16px;height:16px}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-shown{margin:var(--s-3) 0 0;font-family:var(--font-mono,ui-monospace,monospace);color:var(--muted);font-size:12px}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder :is(.finder-chip,.finder-reset,.finder-card,.finder-fold>summary):focus-visible{outline:2px solid var(--blue)!important;outline-offset:2px!important}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-main{min-width:0}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-main-head{justify-content:space-between;align-items:baseline;gap:var(--s-3);margin:0 0 var(--s-3);flex-wrap:wrap;display:flex}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-main-head h2{font-size:var(--fs-3);margin:0;line-height:1.3}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-main-head .finder-shown{margin:0}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-empty{align-items:center;gap:var(--s-3);margin:0 0 var(--s-3);padding:var(--s-3) var(--s-4);border:1px dashed var(--hair);border-radius:var(--r-1);flex-wrap:wrap;display:flex}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-empty p{font-size:var(--fs-1);margin:0}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-list{gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));display:grid}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-group{margin:var(--s-3) 0 0;padding-top:var(--s-3);border-top:1px solid var(--hair);grid-column:1/-1}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-group:first-child{border-top:0;margin-top:0;padding-top:0}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-group h3{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:11px;font-weight:600}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-group p{margin:var(--s-1) 0 0;font-size:var(--fs-1);line-height:1.5}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-card{align-items:stretch;gap:var(--s-2);min-width:0;padding:var(--s-2);border:1px solid var(--hair);border-radius:var(--r-1);background:var(--surface);color:var(--ink);text-align:left;box-shadow:none;flex-direction:column;display:flex;transform:none}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-card[hidden],html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-group[hidden]{display:none}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-card:hover{background:var(--hover,var(--paper))}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-pic{display:block}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-pic :is(canvas,.top-view){aspect-ratio:1;width:100%;max-width:none;height:auto;display:block}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-text{gap:4px;min-width:0;display:grid}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-no{border:1px solid var(--hair);font-family:var(--font-mono,ui-monospace,monospace);color:var(--muted);border-radius:4px;justify-self:start;padding:1px 6px;font-size:11px}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-text strong{font-size:var(--fs-1);overflow-wrap:anywhere;font-weight:600;line-height:1.35}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-text small{color:var(--muted);overflow-wrap:anywhere;font-size:12px;line-height:1.45}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-text .move-seq{flex-wrap:wrap;max-width:100%;display:flex}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder:not(.is-split)>.finder-insp{margin:0 0 var(--s-5);border:1px solid var(--hair);border-radius:var(--r-1);background:var(--surface);padding:0;display:block;position:static}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder:not(.is-split)>.finder-insp>*{padding:var(--s-3) var(--s-4);border-top:1px solid var(--hair)}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder:not(.is-split)>.finder-insp>:first-child{border-top:0}@media (width>=1024px){html:is(.layout-studio,.layout-mono):root body:has(.lesson-work.is-finder.is-split) .learning-layout{grid-template-rows:none;grid-template-columns:minmax(0,1fr)}html:is(.layout-studio,.layout-mono):root body .lesson-work.is-finder.is-split>.finder-insp>*{padding:var(--s-3) var(--s-4) var(--s-4)}}@media (width>=768px) and (width<=1279px){html:is(.layout-studio,.layout-mono):root body:has(.lesson-work.is-finder) .learning-layout{grid-template-rows:none;grid-template-columns:minmax(0,1fr);align-items:start;row-gap:0;display:grid}html:is(.layout-studio,.layout-mono):root body:has(.lesson-work.is-finder) .learning-layout .learning-sidebar{margin-bottom:var(--s-4);padding-top:0;position:static}html:is(.layout-studio,.layout-mono):root body:has(.lesson-work.is-finder) .learning-layout .learning-sidebar .lesson-nav{gap:var(--s-1);scrollbar-width:none;flex-flow:row;display:flex;overflow-x:auto}html:is(.layout-studio,.layout-mono):root body:has(.lesson-work.is-finder) .learning-layout .learning-sidebar .lesson-nav::-webkit-scrollbar{display:none}html:is(.layout-studio,.layout-mono):root body:has(.lesson-work.is-finder) .learning-layout .learning-sidebar .lesson-nav a{flex:1 1 0;justify-content:center;width:auto;min-width:24px;max-width:48px;height:36px;padding:0}html:is(.layout-studio,.layout-mono):root body:has(.lesson-work.is-finder) .learning-layout .learning-sidebar :is(.lesson-nav :is(.name,.check),.sidebar-help){display:none}}@media (width>=768px){html:is(.layout-studio,.layout-mono):root body .lesson-work.is-finder>.stage-backdrop{z-index:70;background:#19191973;position:fixed;inset:0}html:is(.layout-studio,.layout-mono):root body .lesson-work.is-finder>.lesson-stage.finder-sheet{z-index:71;border:1px solid var(--hair);border-radius:var(--r-2);background:var(--surface);width:min(560px,100vw - 32px);max-height:92dvh;margin:0;padding:0;display:block;position:fixed;inset:50% auto auto 50%;overflow-y:auto;transform:translate(-50%,-50%)}html:is(.layout-studio,.layout-mono):root body .lesson-work.is-finder>.lesson-stage.finder-sheet .stage-sheet-head{z-index:1;justify-content:space-between;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-3) var(--s-3) var(--s-4);background:var(--surface);border-bottom:1px solid var(--hair);display:flex;position:sticky;top:0}html:is(.layout-studio,.layout-mono):root body .lesson-work.is-finder>.lesson-stage.finder-sheet .stage-cube canvas{width:100%;height:min(50dvh,380px);display:block}html:is(.layout-studio,.layout-mono):root body .lesson-work.is-finder>.lesson-stage.finder-sheet .stage-panel{padding:var(--s-3) var(--s-4) var(--s-4)}}@media (width<=767px){html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-list{gap:var(--s-2);grid-template-columns:repeat(2,minmax(0,1fr))}html:is(.layout-studio,.layout-mono):root body .lesson-work.is-finder>.lesson-stage.finder-sheet .stage-cube canvas{width:100%}html:is(.layout-studio,.layout-mono):root body .lesson-work.is-finder>.lesson-stage.finder-sheet .stage-panel{padding:var(--s-4) var(--s-4) calc(var(--s-5) + env(safe-area-inset-bottom,0px))}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder.is-dense .finder-list{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder.is-dense .finder-group{margin-top:var(--s-2);padding-top:var(--s-2);grid-column:1/-1}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder.is-dense .finder-group:first-child{margin-top:0;padding-top:0}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder.is-dense .finder-card{text-align:center;border-radius:4px;gap:2px;min-width:0;padding:2px}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder.is-dense .finder-pic{aspect-ratio:1;min-width:0;overflow:hidden}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder.is-dense .finder-text{min-width:0;line-height:1;display:block}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder.is-dense .finder-no{white-space:nowrap;color:var(--ink);border:0;padding:0;font-size:10px;line-height:1.2;display:block;overflow:hidden}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder.is-dense .finder-text>:not(.finder-no){display:none}}@media (width<=1023px){html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder.is-dense:not(.is-split) .finder-bar{z-index:6;align-items:center;gap:var(--s-2);min-width:0;margin:0 0 var(--s-3);padding:var(--s-2) 0;background:var(--paper);border-bottom:1px solid var(--hair);display:flex;position:sticky;top:0}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder.is-dense:not(.is-split) .finder-bar .finder-shown{text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;margin:0;overflow:hidden}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder.is-dense:not(.is-split) .finder-bar .finder-reset{white-space:nowrap;flex:none}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder.is-dense:not(.is-split) .finder-filter-btn{border:1px solid var(--hair);border-radius:var(--r-1);background:var(--surface);min-height:40px;color:var(--ink);box-shadow:none;flex:none;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:600;display:inline-flex;transform:none}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder.is-dense:not(.is-split) .finder-filter-btn:hover{background:var(--hover)}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder.is-dense:not(.is-split) .finder-filter-btn .icon{width:16px;height:16px}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder.is-dense:not(.is-split) .finder-filter-btn .finder-count{background:var(--sel,var(--ink));color:var(--on-sel,var(--paper))}html:is(.layout-studio,.layout-mono):root body .lesson-work.is-finder.is-dense:not(.is-split)>.stage-backdrop.finder-overlay{z-index:90;-webkit-backdrop-filter:blur(6px);background:#0000008c;animation:.18s ease-out chat-overlay-in;position:fixed;inset:0}html:is(.layout-studio,.layout-mono):root body .lesson-work.is-finder.is-dense:not(.is-split)>.lesson-stage.finder-filter-sheet{z-index:91;background:var(--surface);color:var(--ink)}html:is(.layout-studio,.layout-mono):root body .lesson-work.is-finder.is-dense:not(.is-split)>.lesson-stage.finder-filter-sheet .stage-sheet-head{display:flex}html:is(.layout-studio,.layout-mono):root body .lesson-work.is-finder.is-dense:not(.is-split)>.lesson-stage.finder-filter-sheet .stage-panel{padding:var(--s-3) var(--s-4) calc(var(--s-4) + env(safe-area-inset-bottom,0px));display:block}html:is(.layout-studio,.layout-mono):root body .lesson-work.is-finder.is-dense:not(.is-split)>.lesson-stage.finder-filter-sheet .finder-hint{margin:0}html:is(.layout-studio,.layout-mono):root body .lesson-work.is-finder.is-dense:not(.is-split)>.lesson-stage.finder-filter-sheet .finder-apply{width:100%;min-height:44px;margin:var(--s-4) 0 0;padding:var(--s-2) var(--s-4);border-radius:var(--r-1);background:var(--sel,var(--ink));color:var(--on-sel,var(--paper));font-size:var(--fs-1);box-shadow:none;border:0;justify-content:center;align-items:center;font-weight:600;display:flex;position:sticky;bottom:0;transform:none}html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder.is-dense:not(.is-split) :is(.finder-filter-btn,.finder-apply,.finder-filter-sheet .stage-sheet-head button):focus-visible{outline:2px solid var(--blue)!important;outline-offset:2px!important}}@media (width<=1023px) and (prefers-reduced-motion:reduce){html:is(.layout-studio,.layout-mono):root body .lesson-work.is-finder.is-dense:not(.is-split)>.stage-backdrop.finder-overlay{animation:none}}@media (width>=1024px){html:is(.layout-studio,.layout-mono):root .lesson-work.is-finder .finder-bar{display:none}}html:is(.layout-term,.layout-studio,.layout-mono):root :is(.alg,.move-seq) b[data-move]:focus-visible{outline:2px solid var(--blue)!important;outline-offset:2px!important}@media (width>=1024px){html:is(.layout-studio,.layout-mono):root{--rail-w:80px;--insp-w:clamp(320px,calc(18vw + 120px),440px);--insp-gap:16px;--read-w:720px}html:is(.layout-studio,.layout-mono):root:root body .note-rail{margin-top:calc(-1 * var(--main-over,0px))}html:is(.layout-studio,.layout-mono):root body .side-inspector{z-index:60;right:0;top:calc(var(--insp-top,0px) - var(--main-over,0px));width:var(--insp-w);height:calc(100dvh - var(--insp-top,0px));max-height:none;padding:var(--s-3) 0 var(--s-6);border:0;border-left:var(--hairline);background:var(--surface);color:var(--ink);box-shadow:none;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:transparent transparent;scrollbar-gutter:stable;border-radius:0;margin:0;position:fixed;bottom:auto;overflow:auto}html:is(.layout-studio,.layout-mono):root body .side-inspector[data-scrolling]{scrollbar-color:var(--sb-thumb) transparent}html:is(.layout-studio,.layout-mono) .side-inspector::-webkit-scrollbar-thumb{background-color:#0000}html:is(.layout-studio,.layout-mono) .side-inspector[data-scrolling]::-webkit-scrollbar-thumb{background-color:var(--sb-thumb)}html:is(.layout-studio,.layout-mono):root body .side-inspector .side-inspector-label{margin:0 var(--s-4) var(--s-3);padding:0 0 var(--s-2);border-bottom:var(--hairline);letter-spacing:var(--label-track,.1em);text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:500;line-height:1.4;display:block}html:is(.layout-studio,.layout-mono):root body .side-inspector :is(a,.side-inspector-row){padding:var(--s-2) var(--s-4);color:var(--ink);box-shadow:none;border:0;border-radius:0;margin:0;font-size:13px;line-height:1.5;text-decoration:none;display:block}html:is(.layout-studio,.layout-mono):root body .side-inspector :is(a,.side-inspector-row):hover{background:var(--hover,var(--quiet));color:var(--ink)}html:is(.layout-studio,.layout-mono):root body .side-inspector :is(a.active,[aria-current]){background:var(--sel);color:var(--on-sel);outline:0;font-weight:600}html:is(.layout-studio,.layout-mono):root body .side-inspector :is(a,button):focus-visible{outline:2px solid var(--blue)!important;outline-offset:-2px!important}html:is(.layout-studio,.layout-mono):root body:has(.side-inspector) #main{padding-right:calc(var(--insp-w) + var(--insp-gap) * 2)}html:is(.layout-studio,.layout-mono):root body:has(.side-inspector) .dock{left:calc(50% - var(--insp-w) / 2)}html:is(.layout-studio,.layout-mono):root body .page-columns{display:block}html:is(.layout-studio,.layout-mono):root body .page-columns>:not(.side-inspector){max-width:var(--read-w);min-width:0}html:is(.layout-studio,.layout-mono):root body .article-toc.side-inspector .share-button{align-items:center;gap:var(--s-2);margin:var(--s-4) var(--s-4) 0;padding:var(--s-2) var(--s-3);border:var(--hairline);border-radius:var(--r-1);background:var(--surface);color:var(--ink);font-size:13px;font-weight:500;display:flex}html:is(.layout-studio,.layout-mono):root body .article-toc.side-inspector .share-button:hover{background:var(--hover,var(--quiet))}html:is(.layout-studio,.layout-mono):root body .article-toc.side-inspector .share-status{margin:var(--s-2) var(--s-4) 0;color:var(--muted);font-size:12px;display:block}html:is(.layout-studio,.layout-mono):root body .article-toc.side-inspector .share-status:empty{display:none}html:is(.layout-studio,.layout-mono):root:root body .lesson-work.is-split>.stage-inspector,html:is(.layout-studio,.layout-mono):root:root body .side-inspector{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}}