@font-face{font-family:Outfit Variable;src:url(../fonts/outfit-latin-variable.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Google Sans Flex Variable;src:url(../fonts/google-sans-flex-latin-variable.woff2) format("woff2");font-style:oblique 0deg 10deg;font-weight:1 1000;font-display:swap}@font-face{font-family:Google Sans Code Variable;src:url(../fonts/google-sans-code-latin-variable.woff2) format("woff2");font-style:normal;font-weight:300 800;font-display:swap}:root{color-scheme:light;--home-font: -apple-system, BlinkMacSystemFont, "Google Sans Flex Variable", Helvetica, Arial, sans-serif;--home-heading-font: "Outfit Variable", -apple-system, BlinkMacSystemFont, "DM Sans", Avenir, Helvetica, Arial, sans-serif;--home-code-font: "Google Sans Code Variable", monospace;--home-background: #f9f8f3;--home-ink: #1b1b1a;--home-secondary: #62605a;--home-rule: #dedbd3;--home-link: #3d5744;font:400 17px/1.65 var(--home-font);background:var(--home-background);color:var(--home-ink)}*{box-sizing:border-box}body{margin:0}a{color:var(--home-link);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}button,input{font:inherit;color:inherit}button,summary,input[type=radio]{cursor:pointer}:focus-visible{outline:2px solid var(--home-link);outline-offset:4px}[hidden]{display:none!important}.skip-link{position:absolute;left:20px;top:12px;transform:translateY(-200%)}.skip-link:focus{transform:none}main{max-width:1152px;margin:0 auto;padding:26px 36px 56px}h1,h2,h3{font-family:var(--home-heading-font);font-size:18px;line-height:1.4;font-weight:500;margin:0}h1{font-size:clamp(48px,6vw,82px);font-family:var(--home-heading-font);line-height:1.15;letter-spacing:-.035em;font-weight:700;margin-bottom:24px}h2{font-size:36px;font-family:var(--home-heading-font);font-weight:700;letter-spacing:-.035em;margin-bottom:18px}h3{font-weight:500}p{max-width:70ch;margin:0 0 12px}section{margin-top:76px;scroll-margin-top:24px}article{scroll-margin-top:24px}figure{margin:0}figcaption,.entry-date,.limitations,.page-index,.demo-status{font-size:15px;color:var(--home-secondary)}figcaption{margin-top:8px;line-height:1.5}img{max-width:100%;height:auto;display:block}.introduction{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:76px;align-items:start}.introduction>div>p{max-width:640px}.intro-secondary,.intro-personal{font-size:15px;color:var(--home-secondary)}.entry-heading h3 a{display:inline-flex;align-items:baseline;gap:5px;color:inherit;text-decoration:none}.entry-heading h3 a:after{content:"↗";flex-shrink:0;font-size:12px;color:var(--home-secondary)}.entry-heading h3 a:hover,.entry-heading h3 a:focus-visible{text-decoration:underline}.record-details{margin-top:4px}.record-details>summary,.more-projects>summary{font-size:14px;color:var(--home-secondary);text-decoration:none}.record-details>summary:hover,.more-projects>summary:hover{text-decoration:underline}.record-details .explanation-body{padding:12px 0 4px;max-width:760px}.more-projects{margin-top:16px}.unfolding-explainer{max-width:800px;padding:20px 0 8px}.unfolding-takeaway{font-size:20px;line-height:1.45}.unfolding-story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0 12px}.unfolding-story h4{margin:0 0 12px;font-size:15px;font-weight:600}.unfolding-story svg{display:block;width:100%}.unfolding-story text{font:11px system-ui,sans-serif;fill:var(--home-secondary)}.unfolding-story p,.method-link{font-size:15px}.unfolding-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:22px 0}.unfolding-comparison canvas{display:block;width:100%;aspect-ratio:1;background:var(--home-background)}.unfolding-comparison figcaption{color:var(--home-ink)}.unfolding-comparison figcaption span{display:block;font-size:13px;color:var(--home-secondary)}.simple-demo-controls label{display:flex;justify-content:space-between;font-size:15px}.simple-demo-controls input{width:100%;margin:12px 0;accent-color:var(--home-link)}.demo-insight{font-size:15px;min-height:3.2em}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.instagram-card{min-width:0;width:100%;max-width:280px;border:1px solid var(--home-rule);border-radius:10px;background:#fff;font:13px/1.4 var(--home-font)}.instagram-profile{display:flex;align-items:center;gap:9px;padding:9px 12px;color:var(--home-ink);text-decoration:none;border-radius:10px 10px 0 0}.instagram-profile>svg{margin-left:auto;flex-shrink:0}.instagram-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.instagram-profile strong{font-size:12px;font-weight:600}.instagram-network{display:block;font-size:11px;color:var(--home-secondary)}.instagram-view,.instagram-post{position:relative}.instagram-post{display:block;background:#f3f2ed}.instagram-post img{width:100%;aspect-ratio:6 / 5;object-fit:cover;object-position:center 45%}.instagram-post:focus-visible{outline-offset:-3px}.instagram-album{position:absolute;top:10px;right:10px;display:flex;padding:5px;color:#fff;background:#0008;border-radius:5px}.instagram-caption{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 8px;padding:12px 12px 4px;font-size:10px;color:var(--home-secondary)}.instagram-caption a{font-size:11px;text-decoration:none}.instagram-caption a:hover{text-decoration:underline}.instagram-arrows{position:absolute;top:0;left:0;width:100%;aspect-ratio:6 / 5;pointer-events:none}.instagram-arrows button{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:36px;height:44px;padding:0;border:1px solid #fff8;border-radius:22px;background:#fffffff0;color:#252525;box-shadow:0 1px 6px #0002;pointer-events:auto}.instagram-arrows button:hover{background:#fff;color:var(--home-link)}.instagram-prev{left:8px}.instagram-next{right:8px}.instagram-pagination{display:flex;align-items:center;justify-content:space-between;padding:9px 12px 12px;color:var(--home-secondary);font-size:10px;font-variant-numeric:tabular-nums}.instagram-dots{display:flex;gap:5px}.instagram-dots span{width:5px;height:5px;border-radius:50%;background:var(--home-rule)}.instagram-dots .is-active{background:var(--home-link)}.page-index{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:14px;font-size:14px}.evidence-links{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-wrap:wrap;gap:6px 20px}.evidence-links:empty{display:none}.introduction .evidence-links{margin-top:16px;font-size:15px}.personal-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}.personal-photos a{display:block;border-radius:8px;overflow:hidden}.personal-photos img{width:100%;aspect-ratio:4 / 5;object-fit:cover}.personal-photos figcaption{font-size:13px}.work-list{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--home-rule)}.work-list>li{border-top:1px solid var(--home-rule);padding:19px 0 23px}.entry-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px 28px;margin-bottom:8px}.entry-date{flex-shrink:0;margin:0;font-size:14px;font-variant-numeric:tabular-nums}.research-status,.project-evidence{color:var(--home-secondary)}.explanation{margin-top:12px}summary{width:fit-content;color:var(--home-link);text-decoration:underline;text-underline-offset:3px;padding:4px 0}.explanation-body{padding-top:18px}.explanation-body>p{max-width:760px}.explanation-body figure{margin-bottom:18px}.research-figure{width:100%;height:auto}.limitations{max-width:none}.unfolding-layout{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:36px;margin:10px 0 22px}.unfolded-figure canvas{display:block;width:100%;aspect-ratio:1}.demo-controls label{display:block}.demo-controls input[type=range]{width:100%;accent-color:var(--home-ink);margin:8px 0 16px}fieldset{border:0;padding:0;margin:0 0 16px;min-width:0}legend{padding:0;margin-bottom:6px}fieldset label{padding:5px 0}input[type=radio]{accent-color:var(--home-ink);margin-right:5px}.demo-controls p{font-size:15px}.toy-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:18px}.toy-comparison canvas{display:block;width:100%;aspect-ratio:1}.text-button{border:0;background:none;color:var(--home-link);padding:4px 0;text-decoration:underline;text-underline-offset:3px;text-align:left}.race-plot{display:block;width:100%;max-width:720px;color:var(--home-ink)}.race-plot text{fill:var(--home-secondary);font:15px var(--home-font)}.race-plot-mobile{display:none}.race-plot-mobile text{font-size:13px}.plot-grid{fill:none;stroke:var(--home-rule);stroke-width:1}.plot-line{fill:none;stroke:currentColor;stroke-width:2.5}.table-wrap{overflow-x:auto;margin:12px 0 18px}table{border-collapse:collapse;width:100%;font-size:15px;text-align:right;font-variant-numeric:tabular-nums}caption{text-align:left;margin-bottom:10px;color:var(--home-secondary)}th,td{padding:8px 12px;border-bottom:1px solid var(--home-rule)}th{font-weight:600}th:first-child{text-align:left;padding-left:0}footer{border-top:1px solid var(--home-rule);padding-top:24px;margin-top:42px}@media(max-width:760px){main{padding:36px 22px 48px}.introduction{grid-template-columns:minmax(0,1fr) 208px;gap:24px}.entry-heading{flex-direction:column;gap:5px}.unfolding-layout{grid-template-columns:1fr;gap:22px}.unfolded-figure{max-width:420px}.toy-comparison{max-width:360px}}@media(max-width:640px){.introduction{grid-template-columns:1fr;gap:24px}.instagram-card{max-width:320px}.instagram-post img,.instagram-arrows{aspect-ratio:3 / 2}.personal-photos{grid-template-columns:1fr;gap:22px;max-width:400px}.personal-photos img{aspect-ratio:1}}@media(max-width:520px){.unfolding-comparison{grid-template-columns:1fr;gap:18px;max-width:300px}.unfolding-story{grid-template-columns:1fr;gap:22px}.unfolding-story>div{max-width:300px}section{margin-top:34px}.race-plot-desktop{display:none}.race-plot-mobile{display:block}th,td{padding:8px 4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}@media(pointer:coarse){summary,.text-button,fieldset label{min-height:44px}input[type=range]{min-height:44px}}.site-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--home-rule);font-size:14px}.site-nav a{text-decoration:none;padding:8px 0}.site-nav a:hover{text-decoration:underline}.site-nav [aria-current=page]{color:var(--home-ink)}.site-nav>div{display:flex;flex-wrap:wrap;gap:26px}.site-name{font-weight:600;color:var(--home-ink)}.name-dot{color:#b56539;margin-left:8px;font-size:24px;line-height:0}h1 em{color:var(--home-link);font-style:normal}.introduction{margin-top:66px;align-items:center}.intro-lead{font-size:20px;line-height:1.65;max-width:55ch}.intro-personal{font-size:17px;line-height:1.7;margin-top:16px}.introduction .evidence-links{margin-top:22px}.currently{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.65;margin:28px 0 0;color:var(--home-secondary)}.status-dot{width:7px;height:7px;border-radius:50%;background:#698269;margin-top:7px;flex:0 0 auto}.introduction>.instagram-card{max-width:300px;justify-self:end}.page-index{margin-top:46px;padding-bottom:20px;border-bottom:1px solid var(--home-rule);gap:12px 28px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.section-heading h2{margin:0}.section-heading>a,.section-aside{font-size:13px;padding-bottom:5px;color:var(--home-secondary)}#research .work-list>li{padding:24px 0}#research .work-list p{font-size:16px}#research .entry-date{font-size:13px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border:0}.project-grid>li{padding:0;border:0;min-width:0}.project-card{height:100%;border:1px solid var(--home-rule);border-radius:8px;overflow:hidden;background:#fffdfa}.project-preview{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:258px;padding:18px;text-decoration:none;color:var(--home-ink);border-bottom:1px solid var(--home-rule)}.project-preview:hover{box-shadow:inset 0 0 0 2px var(--home-link)}.preview-caption{font-size:10px;color:var(--home-secondary);align-self:flex-end}.preview-splora{background:#f3eee7}.preview-lord{background:#eaeef0}.preview-splora img,.preview-lord img{width:100%;height:206px;min-height:0;object-fit:contain;mix-blend-mode:multiply}.preview-splora,.preview-lord{padding:12px;gap:8px}.preview-splora .preview-caption,.preview-lord .preview-caption{flex-shrink:0}.preview-soccer{background:#edf1e8}.preview-soccer svg{width:100%;height:178px}.project-copy{padding:22px}.project-grid>li:has(.video-project){grid-column:1 / -1}.video-project{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}.preview-video{position:relative;display:block;height:auto;min-height:0;aspect-ratio:16 / 9;padding:0;overflow:hidden;background:#10151b;border-bottom:0;border-right:1px solid var(--home-rule)}.preview-video img{display:block;width:100%;height:100%;object-fit:cover}.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:54px;height:54px;padding-left:3px;border:1px solid #ffffff90;border-radius:50%;background:#10151bd9;color:#fff;font-size:20px;transition:background .15s}.preview-video:hover .video-play{background:var(--home-link)}.preview-video .preview-caption{position:absolute;right:12px;bottom:12px;padding:3px 8px;border-radius:3px;background:#10151bd9;color:#fff;font-size:12px}.project-copy h3{font-size:18px;line-height:1.4}.project-copy>p{font-size:15px;line-height:1.65}.project-copy .explanation-body p{font-size:14px}.project-copy .evidence-links{font-size:13px;gap:6px 14px}.more-projects{margin-top:20px}.personal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.life-card{min-width:0;background:#f0eee7;border-radius:8px;overflow:hidden}.life-photo{display:block;position:relative}.life-photo img{width:100%;height:320px;object-fit:cover;object-position:center}.race-stamp{position:absolute;bottom:20px;left:24px;color:#fff;background:#1b1b1ac9;border-radius:3px;padding:12px 16px}.race-stamp strong{display:block;font:700 42px/1 var(--home-heading-font)}.race-stamp>span{display:block;font-size:11px;margin-top:6px}.life-copy{padding:26px}.life-copy h3{font:500 27px/1.25 var(--home-heading-font);letter-spacing:-.025em;margin-bottom:14px}.life-copy p{font-size:15px}.card-link{margin:18px 0 0;font-size:13px}.music-card{background:#e9eee5}.music-visual{height:320px;padding:26px;position:relative;overflow:hidden;background:#dee6d6}.music-word{display:block;font:700 46px/1.1 var(--home-heading-font);letter-spacing:-.04em;position:relative;margin-top:20px}.music-word em{font-style:normal;color:#547054}.music-symbol{position:absolute;right:30px;top:4px;font:400 140px/1 Georgia,serif;color:#c2ceb7;transform:rotate(12deg)}.piano-keys{display:flex;position:absolute;bottom:-20px;left:26px;right:26px;height:92px;transform:rotate(-5deg)}.piano-keys>span{flex:1;background:#fbfaf6;border:1px solid #bfc6b8;border-radius:0 0 3px 3px;position:relative}.piano-keys .has-sharp:after{content:"";position:absolute;top:0;right:-30%;width:55%;height:61%;background:#303b30;border-radius:0 0 3px 3px;z-index:1}.instrument-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:20px 0 0;font-size:11px}.instrument-tags li{border:1px solid #c8d1c2;padding:3px 9px;border-radius:20px}.note-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--home-rule)}.note-list li{border-bottom:1px solid var(--home-rule)}.note-list a{display:flex;justify-content:space-between;align-items:start;gap:30px;padding:26px 0;text-decoration:none;color:inherit}.note-list a:hover h3{color:var(--home-link);text-decoration:underline}.note-list h3{font:500 26px/1.3 var(--home-heading-font);margin-bottom:8px}.note-list p{font-size:15px;color:var(--home-secondary);max-width:65ch;margin:0}.note-list time{font-size:12px;color:var(--home-secondary);flex:0 0 auto;padding-top:4px}footer{display:flex;justify-content:space-between;gap:24px;margin-top:70px;padding-top:30px;font-size:14px}footer p{margin-bottom:6px}footer nav{display:flex;flex-wrap:wrap;gap:12px 22px;align-content:start;font-size:12px;max-width:300px;justify-content:flex-end}.page-header{margin:66px 0 44px;max-width:810px}.page-header h1{font-size:clamp(44px,5vw,62px);line-height:1.12}.page-header .intro-lead{font-size:19px}.about-columns{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;margin-top:28px}.about-columns h3{font-size:16px}.about-columns ul{font-size:15px;padding-left:20px}.about-columns li{margin-bottom:8px}.course-atlas{margin-top:32px}.atlas-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px}.atlas-heading h3{font-size:23px}.atlas-heading p,.atlas-intro{font-size:14px;color:var(--home-secondary)}.atlas-intro{margin:8px 0 20px}.atlas-areas,.atlas-legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.atlas-areas button{border:1px solid var(--home-rule);border-radius:24px;padding:8px 14px;font-size:14px;background:transparent;min-height:44px}.atlas-areas button[aria-pressed=true]{background:var(--home-link);border-color:var(--home-link);color:var(--home-background)}.atlas-legend{gap:8px 16px;margin:0 0 16px;color:var(--home-secondary);font-size:12px}.atlas-legend>span{display:inline-flex;align-items:center;gap:6px}.atlas-swatch,.course-progress-dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.course-progress-dot{background:var(--home-ink)}.atlas-encoding-key,.atlas-status-key{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;color:var(--home-secondary);font-size:12px}.atlas-encoding-key{margin:14px 0 20px}.atlas-status-key{gap:6px}.course-atlas.is-enhanced .atlas-group h4{display:none}.atlas-group+.atlas-group{margin-top:24px}.atlas-group h4{font-size:14px;font-weight:500;margin:0 0 12px}.atlas-grid{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px;list-style:none;padding:0;margin:0}.course-tile{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) 60px;align-items:center;flex:0 1 auto;gap:12px;width:max-content;max-width:100%;min-width:0;min-height:58px;margin:0;padding:12px;border:0;border-radius:7px;overflow:hidden;background:color-mix(in srgb,var(--course-color) 16%,var(--home-background))}.course-code{display:flex;align-items:center;gap:6px;font:11px/1.5 var(--home-code-font);color:var(--home-secondary);white-space:nowrap}.course-title{min-width:0;max-width:260px;font-size:13px;line-height:1.4}.course-quarter-grid{display:grid;grid-template-columns:repeat(4,12px);grid-template-rows:repeat(3,3px);gap:3px 4px;width:60px}.course-quarter-mark{border-radius:1px;background:color-mix(in srgb,var(--home-ink) 14%,transparent)}.course-quarter-mark.is-active{background:var(--home-secondary)}.atlas-footnote{margin-top:22px;padding-top:16px;border-top:1px solid var(--home-rule);color:var(--home-secondary);font-size:12px}.about-honors{margin-top:40px;font-size:15px}@media(max-width:560px){.course-tile{gap:9px;padding:10px}}.note-article{max-width:760px;margin-inline:auto}.note-article h1{font-size:clamp(36px,4vw,56px)}.note-meta{font-size:13px;color:var(--home-secondary)}.archive-note{border-left:2px solid #b56539;background:#f1eee6;padding:14px 18px;font-size:14px;margin-bottom:32px}.note-body h2{margin-top:38px;font-size:30px}.note-body p{margin-bottom:20px}.note-body pre{overflow-x:auto;padding:20px;border:1px solid var(--home-rule);background:#f0eee7;border-radius:4px;font-size:13px}.note-body p code{font-size:.85em;overflow-wrap:anywhere}.note-body li{margin-bottom:8px}.note-body blockquote{padding-left:20px;margin-left:0;border-left:2px solid var(--home-rule)}@media(max-width:900px){.introduction{gap:40px;grid-template-columns:minmax(0,1fr) 250px}.project-grid{gap:14px}.project-copy{padding:18px}}@media(max-width:700px){main{padding:22px 24px 40px}.site-nav>div{gap:18px}.introduction{gap:30px;grid-template-columns:minmax(0,1fr) 180px;margin-top:44px;align-items:start}h1{font-size:54px}.intro-lead{font-size:18px}.intro-personal{font-size:15px}.project-grid{grid-template-columns:1fr;gap:20px}.project-card{display:grid;grid-template-columns:.9fr 1fr}.project-preview{height:auto;min-height:245px;border-bottom:0;border-right:1px solid var(--home-rule)}.preview-video{min-height:0}.personal-grid{grid-template-columns:1fr}.life-photo img{height:350px}.music-visual{height:270px}.about-columns{grid-template-columns:1fr;gap:20px}.note-list a{flex-direction:column;gap:12px}.section-heading>a,.section-aside{max-width:125px;text-align:right}footer{flex-direction:column}footer nav{max-width:none;justify-content:flex-start}}@media(max-width:520px){main{padding-inline:20px}.site-nav{align-items:start;gap:14px;font-size:12px}.site-nav>div{gap:14px}.site-nav>div a:first-child{display:none}.introduction{grid-template-columns:1fr}.introduction>.instagram-card{justify-self:center}.page-index{margin-top:30px;gap:10px 20px;font-size:13px}section{margin-top:52px}h2{font-size:32px}.section-heading{gap:12px}.section-heading>a{font-size:11px;max-width:105px}.section-aside{display:none}.project-card{display:block}.project-preview{height:245px;min-height:0;border-right:0;border-bottom:1px solid var(--home-rule)}.preview-video{height:auto}.project-copy{padding:22px}.life-photo img{height:290px}.life-copy{padding:22px}.life-copy h3{font-size:25px}.music-word{font-size:39px}.note-list h3{font-size:24px}.page-header{margin-top:44px}}.personal-link{color:var(--home-link);text-decoration:none;text-underline-offset:4px;text-decoration-thickness:1px}.track-link{color:#a52a36}.music-link{color:#385f9b}.personal-link:hover,.personal-link:focus-visible{text-decoration-line:underline}.piano-recording{border-top:1px solid #c8d1c2;margin:24px 0 0;padding-top:20px}.piano-recording figcaption{margin:0 0 14px}.piano-recording figcaption>span{display:block;font-size:12px;margin-top:5px}.piano-recording strong{display:block;color:var(--home-ink);font-size:14px;font-weight:500}.piano-recording audio{width:100%;display:block;height:40px}.site-name,time,.entry-date,.note-body code,.note-body pre{font-family:var(--home-code-font)}.note-back{font-size:14px;margin-bottom:20px}.shared-unfolding{margin:20px 0 0;padding:20px;border:1px solid var(--home-rule);border-radius:12px;background:#f1efe8}.shared-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;color:var(--home-secondary);font-size:12px}.shared-toolbar label{display:flex;align-items:center;gap:8px}.shared-toolbar select{padding:8px 28px 8px 10px;border:1px solid #a8a499;border-radius:6px;background:var(--home-background);color:var(--home-ink);font:inherit;min-height:44px}.shared-portrait-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px}.shared-level{grid-column:1 / -1;margin:6px 0 0;color:var(--home-secondary);font-size:12px}.shared-portrait-grid figure{margin:0 0 12px;min-width:0}.shared-portrait-grid canvas{display:block;width:100%;aspect-ratio:1;background:var(--home-background);border-radius:6px}.shared-portrait-grid figcaption{margin-top:6px;font-size:13px;line-height:1.5}.shared-portrait-grid figcaption span{display:block;color:var(--home-secondary);font-size:11px}.shared-playback{display:flex;align-items:center;gap:16px;margin-top:12px}.shared-playback button{min-width:74px;min-height:44px;border:0;border-radius:24px;background:var(--home-link);color:var(--home-background);padding:10px 16px;font:inherit;font-size:13px}.shared-timeline{flex:1;min-width:0}.shared-timeline label{display:flex;justify-content:space-between;gap:8px;color:var(--home-secondary);font-size:12px}.shared-timeline input{display:block;width:100%;margin:6px 0 0;accent-color:var(--home-link);min-height:24px}.shared-method{border-top:1px solid var(--home-rule);margin-top:20px;padding-top:12px;color:var(--home-secondary);font-size:12px}.shared-method p{font-size:13px;line-height:1.65}@media(max-width:600px){.shared-unfolding{padding:14px 12px}.shared-portrait-grid{column-gap:12px}.shared-portrait-grid figcaption{font-size:12px}.shared-toolbar{flex-wrap:wrap}}