.learning-page{--lr-ink:#292622;--lr-muted:#746b62;--lr-paper:#faf8f3;--lr-line:#ddd6cc;color:var(--lr-ink);max-width:1180px;margin:0 auto;min-width:0;padding-bottom:35px}.learning-page *{box-sizing:border-box}.learning-page button,.learning-page select{font-family:inherit}.learning-page button{cursor:pointer}.learning-page button:focus-visible,.learning-page a:focus-visible,.learning-page select:focus-visible,.learning-page input:focus-visible,.learning-page summary:focus-visible{outline:3px solid #b54d36;outline-offset:4px}.learning-page [hidden]{display:none!important}.learning-page button:disabled{cursor:default;opacity:.65}.lr-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin:0 0 26px}.lr-eyebrow{font-size:10px;font-weight:650;letter-spacing:1.7px;color:#a24632;margin:0 0 12px}.lr-heading h1{font-family:var(--display,'Bricolage Grotesque',sans-serif);font-size:clamp(38px,4.8vw,65px);line-height:1.02;letter-spacing:-2.5px;font-weight:650;margin:0 0 16px}.lr-heading h1>span{color:#ee7858}.lr-heading>div>p:last-child{color:var(--lr-muted);font-size:15px;line-height:1.7;max-width:540px;margin:0}.lr-back{font-size:12px;color:var(--lr-muted);white-space:nowrap;text-decoration:none;padding:12px 0}.lr-sources{display:flex;align-items:center;flex-wrap:wrap;gap:13px 24px;margin-bottom:20px}.lr-mode-switch{display:flex;gap:24px;border-bottom:1px solid var(--lr-line)}.lr-mode-switch button{background:none;border:0;border-bottom:2px solid transparent;padding:11px 0;font-size:13px;color:var(--lr-muted);min-height:43px}.lr-mode-switch button[aria-pressed=true]{color:var(--lr-ink);font-weight:650;border-color:var(--lr-ink)}.lr-habit{display:flex;align-items:center;gap:12px;margin-left:auto;min-width:0;font-size:11px;color:var(--lr-muted)}.lr-habit select{font-size:13px;border:1px solid var(--lr-line);border-radius:9px;background:var(--lr-paper);color:var(--lr-ink);padding:11px 35px 11px 12px;max-width:340px;min-height:44px}.lr-sources>p{width:100%;font-size:11px;line-height:1.6;color:var(--lr-muted);margin:0}.lr-feedback{min-height:230px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:15px;padding:30px;text-align:center;color:var(--lr-muted);background:#f0ebe3;border:1px solid var(--lr-line);border-radius:16px;font-size:14px;line-height:1.7}.lr-feedback a,.lr-feedback button{display:inline-block;border:1px solid #b9ada0;background:transparent;border-radius:8px;padding:9px 15px;color:var(--lr-ink);font-size:12px;text-decoration:none}
.lr-stage{position:relative;isolation:isolate;overflow:hidden;border-radius:20px;border:1px solid #33313a;background:radial-gradient(ellipse at 26% 50%,#44322b44,transparent 65%),radial-gradient(ellipse at 76% 50%,#3b344044,transparent 65%),#1b1b22;color:#f4efe7;box-shadow:0 14px 30px #2926220a}.lr-stage-top{padding:19px 24px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:2}.lr-stage-top>span{font-size:10px;letter-spacing:1px;display:flex;align-items:center;gap:9px;color:#ccc1b6}.lr-stage-top>span>i{height:5px;width:5px;background:#f3cb91;border-radius:50%}.lr-play{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #d1b596;background:#f5e9d7;color:#302923;font-size:12px;padding:11px 15px;border-radius:8px;min-height:42px;min-width:155px}.lr-play b{font-weight:600}.lr-play:hover{background:#ffdfad}.lr-panes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));position:relative}.lr-pane{min-width:0}.lr-pane+.lr-pane{border-left:1px solid #9990a221}.lr-pane-heading{position:relative;z-index:2;display:flex;align-items:center;gap:12px;margin:10px 25px 0}.lr-pane-heading>span{display:grid;place-items:center;font-size:10px;width:25px;height:25px;flex-shrink:0;border-radius:50%;border:1px solid #8b7e9255;color:#cbbfcf}.lr-pane-heading h2{font-family:var(--display,'Bricolage Grotesque',sans-serif);font-size:21px;letter-spacing:-.5px;font-weight:550;margin:0 0 6px;line-height:1.2}.lr-pane-heading p{color:#bcb1c2;font-size:11px;line-height:1.4;margin:0}.lr-viewport{height:320px;position:relative;z-index:2;cursor:grab;touch-action:pan-y}.lr-viewport:active{cursor:grabbing}.lr-viewport:focus-visible{outline:2px solid #e7bc91;outline-offset:-8px;border-radius:12px}.lr-stage .sim-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.lr-flat{display:block;width:100%;height:100%;padding:12px}.lr-flat>circle{fill:#a4c3d9;stroke:#506e87;stroke-width:3}.learning-page[data-renderer=webgl] .lr-flat{visibility:hidden}.lr-frame-caption{position:relative;z-index:2;font-size:10px;line-height:1.6;text-align:center;color:#c5b9ca;padding:0 12px;margin:0 0 18px;min-height:16px}.lr-stage-tools{position:relative;z-index:2;border-top:1px solid #9990a221;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px}.lr-stage-tools>span{font-size:10px;color:#bcb0c1}.lr-stage-tools button{min-height:38px;border:0;background:none;color:#e8d5c0;font-size:11px;padding:6px}.learning-page .sim-pin{position:absolute;z-index:2;display:none;white-space:nowrap;pointer-events:none;color:#e9ddf1;background:#28222ede;border:1px solid #76647e;border-radius:4px;font-size:9px;padding:4px 6px;line-height:1.4}.learning-page[data-labels=true] .sim-pin{display:block}.learning-page .sim-pin-neuron{transform:translate(-12px,-40px)}.learning-page .sim-pin-contact{transform:translate(12px,15px);color:#ffdfa5;border-color:#79654b}.learning-page .sim-pin:before{position:absolute;content:'';width:1px;height:17px;background:#af92c0;left:0;top:100%;transform:rotate(-25deg);transform-origin:top}.learning-page .sim-pin-contact:before{top:auto;bottom:100%;transform-origin:bottom}.lr-timeline{padding:21px 0 10px}.lr-timeline>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;font-size:12px;color:var(--lr-muted)}.lr-timeline output{color:var(--lr-ink);font-size:13px;font-weight:600}.lr-timeline input{width:100%;accent-color:#b14b34;height:18px;margin:0;cursor:pointer}.lr-ticks{display:flex;justify-content:space-between;gap:6px}.lr-ticks button{border:0;background:transparent;color:var(--lr-muted);font-size:10px;padding:5px 1px;min-height:28px}.lr-ticks button:hover{color:#b14b34;text-decoration:underline}.lr-explainer{background:#eee8f2;border:1px solid #d7ccdf;padding:17px 20px;border-radius:11px;margin:10px 0 18px;color:#59465e}.lr-explainer strong{font-size:13px}.lr-explainer p{font-size:12px;line-height:1.7;margin:7px 0 0}.lr-render-note{font-size:12px;line-height:1.6;color:var(--lr-muted)}
.lr-score-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px;padding:17px 0 24px;border-bottom:1px solid var(--lr-line)}.lr-score-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.lr-score-heading>span:first-child{font-size:13px;font-weight:550}.lr-score-value{white-space:nowrap}.lr-score-value strong{font-size:34px;line-height:1;font-weight:650;letter-spacing:-1.2px}.lr-score-value small{font-size:12px;color:var(--lr-muted);margin-left:4px}.lr-meter{height:3px;background:#e3dcd2;border-radius:3px;overflow:hidden;margin-top:12px}.lr-meter i{display:block;height:100%;background:#bc5237;border-radius:3px;transition:width .18s ease}.lr-score-row>div:nth-child(2) .lr-meter i{background:#88659a}.lr-score-row p{font-size:11px;color:var(--lr-muted);line-height:1.6;margin:9px 0 0}.lr-insight{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px 30px;padding:27px 0;border-bottom:1px solid var(--lr-line)}.lr-insight h2{font-family:var(--display,'Bricolage Grotesque',sans-serif);font-size:24px;letter-spacing:-.7px;line-height:1.25;font-weight:550;margin:0 0 11px}.lr-insight .lr-eyebrow{font-size:9px;margin-bottom:9px}.lr-insight p:not(.lr-eyebrow){font-size:13px;line-height:1.7;color:var(--lr-muted);max-width:670px;margin:0}.lr-insight .lr-coverage{font-size:11px!important;margin-top:9px!important;color:#766877!important}.lr-coach{display:flex;align-items:center;justify-content:center;gap:20px;padding:12px 17px;border:1px solid #d4c9db;border-radius:9px;color:#61456d;background:#f0e9f4;font-size:12px;min-height:46px;max-width:260px;line-height:1.6}.lr-coach:hover{background:#e9dcef}.lr-restart{display:flex;align-items:start;gap:10px;max-width:260px;color:#6d5478;font-size:12px;line-height:1.7;background:#f0e9f4;border:1px solid #d4c9db;padding:15px;border-radius:11px}.lr-restart input{height:18px;width:18px;flex-shrink:0;accent-color:#755489;margin-top:1px}.lr-records,.lr-method{margin-top:18px;border:1px solid var(--lr-line);border-radius:10px}.lr-records>summary,.lr-method>summary{padding:16px 18px;font-size:12px;color:var(--lr-muted);cursor:pointer}.lr-calendars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;padding:0 18px}.lr-calendars h3{font-size:12px;font-weight:550;margin:5px 0 12px}.lr-calendar{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:4px}.lr-calendar i{height:8px;background:#ece5dd;border-radius:2px}.lr-calendar i.past.done{background:#bd6a50}.lr-calendar i.past.partial{background:linear-gradient(90deg,#bd6a50 50%,#ece5dd 50%)}.lr-calendar i.rest{background:transparent;border:1px solid #c9bdcf}.lr-calendar i.unknown{background:transparent;border:1px dashed #bcb0c2}.lr-calendar i.past.missed{background:#b9a9bf}.lr-records>p{font-size:11px;line-height:1.7;padding:4px 18px 17px;color:var(--lr-muted)}.lr-method>div{padding:0 20px 20px;max-width:900px}.lr-method h3{font-size:16px;margin:14px 0 11px;line-height:1.4}.lr-method p{font-size:12px;line-height:1.8;color:var(--lr-muted);margin:8px 0 13px}.lr-method code{display:block;white-space:normal;font-size:12px;color:#81442c;background:#eee5d9;border-radius:7px;padding:12px;line-height:1.6}.lr-method a{color:#93462f;text-underline-offset:3px}.lr-footnote{font-size:11px;color:var(--lr-muted);line-height:1.7;padding:22px 0 0}.learning-demo-shell{background:var(--page,#faf8f3);padding:0 max(24px,calc((100vw - 1180px)/2));min-height:100svh}.learning-demo-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;margin-bottom:34px;border-bottom:1px solid #ddd6cc}.learning-demo-nav .wordmark{font-size:29px}.learning-demo-nav>div{display:flex;align-items:center;gap:18px}.learning-demo-nav a:not(.wordmark),.learning-demo-nav button{font-family:inherit;font-size:12px;text-decoration:none;color:var(--ink-2,#746b62)}.learning-demo-nav button{background:none;border:0;min-height:42px;cursor:pointer}.learning-demo-nav .icon-button{width:36px}.lr-entry-card{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--hair,#ddd6cc);border-radius:12px;padding:19px 22px;margin:20px 0;color:var(--ink,#292622);text-decoration:none;background:var(--surface,#fffdf9)}.lr-entry-card b{display:block;font-size:16px;font-weight:550}.lr-entry-card small{display:block;font-size:12px;line-height:1.6;color:var(--ink-2,#746b62);margin-top:5px}.lr-entry-card>span{font-size:23px;color:#a14b34}.lr-entry-card:hover{border-color:#ad7a65}
[data-theme=dark] .learning-page{--lr-ink:#f1e9df;--lr-muted:#c1b3a7;--lr-paper:#231f25;--lr-line:#4a3f43}[data-theme=dark] .lr-eyebrow{color:#f49a7f}[data-theme=dark] .lr-meter{background:#54434a}[data-theme=dark] .lr-meter i{background:#f5a181}[data-theme=dark] .lr-score-row>div:nth-child(2) .lr-meter i{background:#c9a3e1}[data-theme=dark] .lr-insight .lr-coverage{color:#cbb1ce!important}[data-theme=dark] .lr-restart,[data-theme=dark] .lr-coach,[data-theme=dark] .lr-explainer{background:#362a40;border-color:#695276;color:#e5c5f4}[data-theme=dark] .lr-method code{background:#45322d;color:#ffc4a3}[data-theme=dark] .lr-method a{color:#ffc4a3}[data-theme=dark] .lr-feedback{background:#30292f}[data-theme=dark] .lr-calendar i{background:#50414a}[data-theme=dark] .lr-calendar i.past.done{background:#f0ae8c}[data-theme=dark] .lr-calendar i.past.missed{background:#9a7fa7}[data-theme=dark] .learning-demo-nav{border-color:#4a3f43}[data-theme=dark] .learning-demo-shell{background:#211e22}
@media(max-width:900px){.lr-heading h1{font-size:49px}.lr-habit{margin-left:0}.lr-viewport{height:285px}.lr-insight{gap:20px}.lr-coach,.lr-restart{max-width:220px}.lr-score-row{gap:30px}.lr-pane-heading h2{font-size:19px}.lr-pane-heading{margin-inline:18px;gap:9px}}
@media(max-width:640px){.learning-demo-shell{padding:0 18px}.learning-demo-nav{padding:14px 0;margin-bottom:25px;gap:12px}.learning-demo-nav .wordmark{font-size:24px}.learning-demo-nav>div{gap:10px}.learning-demo-nav a:not(.wordmark),.learning-demo-nav button{font-size:10px}.learning-demo-nav [data-action=reset]{display:none}.lr-heading{display:block;margin-bottom:20px}.lr-heading h1{font-size:40px;letter-spacing:-1.7px;margin-bottom:12px}.lr-heading>div>p:last-child{font-size:13px;line-height:1.7}.lr-eyebrow{font-size:9px;letter-spacing:1.4px}.lr-back{display:inline-block;margin-top:9px;font-size:11px}.lr-sources{gap:12px;margin-bottom:16px}.lr-mode-switch{width:100%;gap:22px}.lr-mode-switch button{font-size:12px}.lr-habit{width:100%;justify-content:space-between}.lr-habit select{max-width:82%;font-size:12px;min-width:0;padding-right:25px}.lr-sources>p{font-size:10px}.lr-stage{border-radius:15px}.lr-stage-top{padding:13px 13px 8px;gap:10px}.lr-stage-top>span{font-size:8px;line-height:1.6;letter-spacing:.4px;max-width:110px;gap:6px}.lr-stage-top>span>i{flex-shrink:0;width:4px;height:4px}.lr-play{font-size:11px;min-width:136px;min-height:40px;padding:9px 10px;gap:7px}.lr-pane-heading{margin:12px 12px 0;gap:6px;min-height:41px;align-items:start}.lr-pane-heading>span{display:none}.lr-pane-heading h2{font-size:15px;letter-spacing:-.3px;line-height:1.3;margin-bottom:4px}.lr-pane-heading p{font-size:9px;line-height:1.4}.lr-viewport{height:185px}.lr-frame-caption{font-size:8px;line-height:1.6;margin:0 0 12px;padding:0 12px;min-height:26px}.lr-stage-tools{padding:6px 9px;gap:5px}.lr-stage-tools>span{display:none}.lr-stage-tools button{font-size:10px;min-height:38px}.learning-page[data-labels=true] .sim-pin{display:none}.lr-timeline{padding-top:16px}.lr-timeline>div:first-child{font-size:11px}.lr-ticks button{font-size:9px;min-height:30px}.lr-score-row{gap:25px;padding:13px 0 22px}.lr-score-heading{display:block}.lr-score-heading>span:first-child{display:block;font-size:12px;margin-bottom:10px;min-height:16px}.lr-score-value strong{font-size:32px}.lr-score-value small{font-size:11px}.lr-score-row p{font-size:10px}.lr-insight{grid-template-columns:1fr;gap:18px;padding:23px 0}.lr-insight h2{font-size:23px}.lr-insight p:not(.lr-eyebrow){font-size:12px}.lr-insight .lr-coverage{font-size:10px!important}.lr-coach,.lr-restart{max-width:none;font-size:12px}.lr-records>summary,.lr-method>summary{font-size:11px;padding:14px 15px;line-height:1.6}.lr-calendars{gap:17px;padding:0 15px}.lr-calendar{grid-template-columns:repeat(10,minmax(0,1fr));gap:3px}.lr-calendar i{height:7px}.lr-calendars h3{font-size:11px}.lr-records>p,.lr-method p{font-size:11px}.lr-method>div{padding:0 16px 16px}.lr-method code{font-size:11px}.lr-footnote{font-size:10px}.lr-entry-card{padding:17px 18px}.lr-entry-card b{font-size:15px}.lr-entry-card small{font-size:11px}.lr-explainer{padding:14px 16px}.lr-explainer strong{font-size:12px}.lr-explainer p{font-size:11px}}
@media(max-width:360px){.learning-demo-shell{padding:0 14px}.lr-heading h1{font-size:36px}.lr-stage-top>span{max-width:89px}.lr-play{min-width:132px;font-size:10px}.lr-pane-heading{margin-inline:10px}.lr-pane-heading h2{font-size:14px}.lr-viewport{height:165px}.lr-frame-caption{font-size:8px}.learning-demo-nav>div{gap:7px}.lr-mode-switch{gap:17px}.lr-mode-switch button{font-size:11px}.lr-score-row{gap:20px}}
@media(prefers-reduced-motion:reduce){.lr-meter i{transition:none}.learning-page *{scroll-behavior:auto!important}}
.learning-page[data-mode=history] .lr-pane-heading>span{display:none}