.entrance-module__Wr3pQq__entrance{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,80px);max-width:1280px;margin:28px auto 0;padding:0 28px;display:grid}.entrance-module__Wr3pQq__content{min-width:0;padding:28px 0}.entrance-module__Wr3pQq__intro{color:#56616a;align-items:center;gap:18px;margin:0 0 24px 4px;font-size:14px;display:flex}.entrance-module__Wr3pQq__intro>span{gap:4px;display:flex}.entrance-module__Wr3pQq__intro i{background:#d5833f;width:16px;height:7px;transform:skew(-30deg)}.entrance-module__Wr3pQq__intro i:nth-child(2){opacity:.7}.entrance-module__Wr3pQq__intro i:nth-child(3){opacity:.4}.entrance-module__Wr3pQq__card{border:1px solid #d6cfbd;border-radius:32px;padding:clamp(28px,3.4vw,52px)}.entrance-module__Wr3pQq__portrait{aspect-ratio:506/925;background:url(/art/study-desk.webp) 63%/cover no-repeat;border-radius:100px 0 0 60px;justify-self:end;width:100%;max-width:350px;transform:translate(calc(max(0px,50vw - 640px) + 28px))}.entrance-module__Wr3pQq__card .demo-entry-title{letter-spacing:-.055em;text-wrap:balance;font-size:clamp(36px,3.8vw,56px);line-height:1.06}.entrance-module__Wr3pQq__card .demo-entry-title em{color:#b8652a;font-style:normal}.entrance-module__Wr3pQq__card .demo-entry-title:after{width:44px;height:4px;margin-top:24px}.entrance-module__Wr3pQq__card .demo-entry-lede{font-size:17px;line-height:1.6}.entrance-module__Wr3pQq__card .demo-entry-note{color:#56616a;max-width:48ch}.entrance-module__Wr3pQq__card .demo-entry-privacy{border-top:1px solid #d9cfbc;margin-top:24px;padding-top:20px;font-size:12px}.entrance-module__Wr3pQq__card .demo-entry-actions{gap:14px 24px}.entrance-module__Wr3pQq__card .demo-entry-walkthrough{text-underline-offset:5px;align-items:center;gap:8px;min-height:44px;font-size:14px;font-weight:600;text-decoration:underline;display:inline-flex}@media (max-width:900px){.entrance-module__Wr3pQq__entrance{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px;padding:0 24px}.entrance-module__Wr3pQq__portrait{transform:translate(24px)}.entrance-module__Wr3pQq__card{padding:28px}.entrance-module__Wr3pQq__intro{gap:12px;font-size:13px}}@media (max-width:680px){.entrance-module__Wr3pQq__entrance{grid-template-columns:1fr;gap:24px;margin-top:8px;padding:0 20px}.entrance-module__Wr3pQq__content{padding:12px 0 0}.entrance-module__Wr3pQq__intro{margin-bottom:20px}.entrance-module__Wr3pQq__card{border-radius:26px;padding:28px 24px}.entrance-module__Wr3pQq__portrait{max-width:240px;transform:translate(20px)}.entrance-module__Wr3pQq__card .demo-entry-title{font-size:40px}.entrance-module__Wr3pQq__card .demo-entry-lede{font-size:16px}.entrance-module__Wr3pQq__card .demo-entry-eyebrow{letter-spacing:.16em;font-size:10px}}:where([data-theme=dark]) .entrance-module__Wr3pQq__intro{color:#a6b2b6}:where([data-theme=dark]) .entrance-module__Wr3pQq__card{border:1px solid #26393e}:where([data-theme=dark]) .entrance-module__Wr3pQq__card .demo-entry-title em{color:#d19b75}:where([data-theme=dark]) .entrance-module__Wr3pQq__card .demo-entry-note{color:#a6b2b6}:where([data-theme=dark]) .entrance-module__Wr3pQq__card .demo-entry-privacy{border-top:1px solid #26393e}
.demo-space{color:#102c42;background:#fcf7ee;min-height:100svh}.demo-space .dash-shell{min-height:calc(100svh - 64px)}.demo-page{padding-bottom:64px}.demo-heading{padding:28px 0 32px}.demo-back{color:#345879;align-items:center;gap:8px;min-height:32px;margin-bottom:22px;font-size:14px;display:inline-flex}.demo-heading h1{letter-spacing:-.045em;max-width:850px;font-size:clamp(32px,4vw,54px);font-weight:700;line-height:1.08}.demo-heading>p{color:#506171;max-width:720px;margin-top:14px;font-size:17px;line-height:1.6}.demo-two-column{grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);align-items:start;gap:24px;display:grid}.demo-panel{background:#fffbf5;border:1px solid #e8dfd3;border-radius:25px;min-width:0;padding:clamp(24px,3vw,38px)}.demo-panel h2,.demo-dark-panel h2{letter-spacing:-.03em;font-size:26px;font-weight:650;line-height:1.2}.demo-panel>p{color:#506171;margin-top:14px;line-height:1.6}.demo-dark-panel{color:#fffaf2;background:#17394e;border-radius:25px;padding:36px}.demo-dark-panel h2{margin-top:20px}.demo-dark-panel p{color:#d9e3ea;margin:20px 0;line-height:1.6}.demo-dark-panel .dash-cta{font-size:14px}.demo-subject-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.demo-subject-card{background:#fffbf5;border:1px solid #e8dfd3;border-radius:24px;transition:transform .18s,box-shadow .18s;overflow:hidden}.demo-subject-card>div:last-child{padding:26px}.demo-subject-card h2{letter-spacing:-.03em;font-size:25px;font-weight:650}.demo-subject-card p{color:#506171;margin:12px 0 24px;line-height:1.6}.demo-subject-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #102c4210}.demo-text-link{color:#a64510;align-items:center;gap:8px;min-height:40px;font-size:14px;font-weight:600;display:inline-flex}.demo-topic-list{margin:22px 0 0;padding:0;list-style:none}.demo-topic-list li{border-bottom:1px solid #e9dfd2;align-items:center;gap:17px;padding:20px 0;display:flex}.demo-topic-list li:last-child{border-bottom:0;padding-bottom:0}.demo-topic-list h3{font-size:17px;font-weight:600}.demo-topic-list p{color:#506171;margin-top:5px;font-size:13px}.demo-topic-list .demo-text-link,.demo-later{flex-shrink:0;margin-left:auto}.demo-later{color:#596e7d;font-size:12px}.demo-step{color:#102c42;background:#ffe7ca;border-radius:50%;flex:0 0 36px;place-items:center;height:36px;font-weight:600;display:grid}.demo-days{gap:10px;padding-bottom:24px;display:flex;overflow-x:auto}.demo-days button,.demo-methods button{cursor:pointer;color:#102c42;background:#eee7dc;border-radius:99px;min-height:48px;padding:10px 22px;font-size:14px;font-weight:600}.demo-days button[aria-pressed=true],.demo-methods button[aria-pressed=true]{background:#ffa34c}.demo-form{flex-direction:column;gap:12px;display:flex}.demo-form label{margin-top:8px;font-size:14px;font-weight:600}.demo-form :is(input,select){color:#102c42;background:#fffdf8;border:1px solid #b6b5af;border-radius:12px;width:100%;min-height:48px;padding:12px 14px;font-size:16px}.demo-form>.dash-cta{cursor:pointer;align-self:flex-start;margin-top:12px}.demo-form>p[role=status]{color:#345879;min-height:22px;font-size:14px;line-height:1.6}.demo-agenda{margin-top:20px;padding:0;list-style:none}.demo-agenda li{border-bottom:1px solid #e9dfd2;align-items:flex-start;gap:18px;padding:22px 0;display:flex}.demo-agenda h3{font-size:18px;font-weight:600}.demo-agenda p{color:#506171;margin-top:5px;font-size:14px}.demo-agenda time{color:#a64510;font-variant-numeric:tabular-nums;padding-top:2px;font-weight:650}.demo-icon-button{cursor:pointer;background:#eee7dc;border-radius:50%;place-items:center;min-width:44px;min-height:44px;margin-left:auto;display:grid}.demo-empty{text-align:center;flex-direction:column;align-items:center;gap:16px;padding-block:42px;display:flex}.demo-empty p{color:#506171;max-width:490px;line-height:1.6}.demo-empty h3{font-size:21px;font-weight:600}.demo-subheading{margin-top:36px}.demo-progress-count{align-items:center;gap:22px;margin:35px 0;display:flex}.demo-progress-count strong{color:#a64510;font-size:76px;font-weight:650;line-height:1}.demo-progress-count span{color:#506171;max-width:130px;line-height:1.4}.demo-learning{gap:24px;max-width:950px;margin:0 auto;display:grid}.demo-task-step{text-transform:uppercase;letter-spacing:.14em;color:#596e7d;margin-bottom:18px;font-size:11px}.demo-fraction{gap:20px;padding:28px 0;display:grid}.demo-fraction-row{align-items:center;gap:20px;display:flex}.demo-fraction-row>span{width:38px;font-weight:650}.demo-fraction-row>div{flex:1;gap:4px;display:grid}.demo-fraction i{background:#e7e1d7;border:1px solid #c8bba8;border-radius:5px;height:54px}.demo-fraction i.filled{background:#ffa34c;border-color:#ca7429}.demo-methods{flex-wrap:wrap;gap:8px;margin:22px 0;display:flex}.demo-explanation{margin:24px 0;padding-left:22px;line-height:2}.demo-complete{flex-direction:column;align-items:flex-start;gap:20px;margin-top:24px;line-height:1.6;display:flex}.demo-complete>svg{color:#24624a}.demo-notice{color:#345879;background:#eee7dc;justify-content:space-between;align-items:center;gap:20px;padding:18px 3%;font-size:12px;display:flex}.demo-notice>div{flex-wrap:wrap;gap:22px;display:flex}.demo-notice a,.demo-notice button{cursor:pointer;align-items:center;gap:7px;min-height:36px;font-weight:600;display:inline-flex}.demo-space :is(a,button,input,select):focus-visible{outline-offset:4px;outline:3px solid #c55d1c}.demo-page{animation:.24s ease-out demo-appear}@keyframes demo-appear{0%{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}:root[data-theme=dark] .demo-space{color:#f3ece1;background:#142635}:root[data-theme=dark] .demo-panel,:root[data-theme=dark] .demo-subject-card{background:#1c3547;border-color:#345064}:root[data-theme=dark] .demo-space :is(.demo-panel>p,.demo-heading>p,.demo-topic-list p,.demo-agenda p,.demo-empty p,.demo-later,.demo-subject-card p,.demo-form>p[role=status]){color:#c8d6de}@media (max-width:850px){.arc-top{flex-direction:column-reverse;align-items:stretch;padding-top:12px}.arc-skip{justify-content:center}.demo-two-column,.demo-subject-grid{grid-template-columns:1fr}.demo-heading{padding-top:22px}.demo-notice{flex-direction:column;align-items:flex-start;gap:4px}}@media (max-width:480px){.demo-topic-list li{flex-wrap:wrap;gap:12px}.demo-topic-list li>div{flex:1}.demo-topic-list .demo-text-link,.demo-later{margin-left:48px}.demo-days button{padding-inline:17px}.demo-agenda li{gap:12px}.demo-panel{padding:24px}.demo-fraction-row{gap:10px}.demo-form>.dash-cta{width:100%}}@media (prefers-reduced-motion:reduce){.demo-page{animation:none}.demo-subject-card{transition:none}.demo-subject-card:hover{transform:none}}:root[data-theme=dark] .demo-text-link{color:#ffb875}:root[data-theme=dark] .demo-back,:root[data-theme=dark] .demo-task-step,:root[data-theme=dark] .demo-progress-count span{color:#c8d6de}:root[data-theme=dark] .demo-progress-count strong,:root[data-theme=dark] .demo-agenda time{color:#ffb875}:root[data-theme=dark] .demo-complete>svg{color:#a4dcc2}.arc{color:#102c42;background:#fcf7ee;flex-direction:column;min-height:100svh;display:flex}.arc>:not(.arc-footer){width:min(94%,900px);margin-inline:auto}.arc :is(a,button,input):focus-visible{outline-offset:4px;outline:3px solid #c55d1c}.arc-top{z-index:5;background:#fcf7ee;justify-content:space-between;align-items:center;gap:12px 20px;margin:10px auto 12px;padding:18px 0 14px;display:flex;position:sticky;top:0}.arc-beats{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.arc-skip{color:#17394e;white-space:nowrap;background:#fffaf2;border:2px solid #17394e;border-radius:99px;flex-shrink:0;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:14px;font-weight:700;transition:background .16s,color .16s;display:inline-flex}.arc-skip:hover,.arc-skip:focus-visible{color:#fffaf2;background:#17394e}.arc-beats li{color:#596e7d;background:#eee7dc;border-radius:99px;align-items:center;gap:8px;padding:7px 14px;font-size:12px;font-weight:600;display:flex}.arc-beats li>span{background:#fcf7ee;border-radius:50%;place-items:center;width:19px;height:19px;font-size:11px;display:grid}.arc-beats li.is-past{color:#345879}.arc-beats li.is-current{color:#fffaf2;background:#17394e}.arc-beats li.is-current>span{color:#102c42;background:#ffa34c}.arc-stage{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:40px;display:flex}.arc-stage>.dash-cta{cursor:pointer;margin-top:6px}.arc-stage>.demo-task-step{margin:0}.arc-title{letter-spacing:-.04em;font-size:clamp(28px,4vw,46px);font-weight:700;line-height:1.1}.arc-lede{color:#506171;max-width:64ch;font-size:17px;line-height:1.65}.arc-note{color:#596e7d;max-width:60ch;font-size:13px;line-height:1.6}.arc-question{letter-spacing:-.02em;font-size:clamp(20px,2.4vw,27px);font-weight:650;line-height:1.35}.arc-wrong{color:#8d2f13;background:#fbe3da;border-radius:99px;align-items:center;gap:9px;padding:9px 15px;font-size:14px;display:inline-flex}.arc-found{color:#102c42;font-weight:600}.arc-trace{gap:2px;width:100%;margin:0;padding:0;list-style:none;display:grid}.arc-trace li{opacity:.55;background:#f5ede1;border-radius:16px;gap:18px;padding:18px 20px;display:flex}.arc-trace li.is-current{opacity:1;background:#fffbf5;border:1px solid #e8dfd3;animation:.26s ease-out arc-drop}.arc-trace-grade{background:#ffe7ca;border-radius:99px;flex:0 0 46px;place-items:center;height:30px;font-size:12px;font-weight:700;display:grid}.arc-trace h2{font-size:18px;font-weight:650}.arc-trace-probe{color:#506171;font-variant-numeric:tabular-nums;margin-top:5px;font-size:14px}.arc-trace-note{color:#8d2f13;align-items:flex-start;gap:7px;margin-top:9px;font-size:13px;line-height:1.55;display:flex}.arc-trace-note svg{flex-shrink:0;margin-top:3px}@keyframes arc-drop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.arc-banner{border-radius:16px;align-items:flex-start;gap:11px;width:100%;padding:15px 18px;font-size:14px;line-height:1.55;display:flex}.arc-banner svg{flex-shrink:0;margin-top:2px}.arc-banner.is-practice{color:#345879;background:#eee7dc}.arc-banner.is-counting{color:#fffaf2;background:#17394e}.arc-banner strong{display:block}.arc-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;width:100%;display:grid}.arc-option{color:#102c42;text-align:left;cursor:pointer;background:#fffbf5;border:1px solid #e0d4c2;border-radius:15px;align-items:center;gap:12px;min-height:60px;padding:14px 18px;font-size:16px;font-weight:600;transition:border-color .14s,background-color .14s;display:flex}.arc-option:hover{background:#fff4e6;border-color:#ca7429}.arc-option>span{background:#eee7dc;border-radius:50%;flex:0 0 30px;place-items:center;height:30px;font-size:13px;display:grid}.arc-answer{flex-wrap:wrap;align-items:flex-end;gap:12px;width:100%;display:flex}.arc-answer label{flex:0 0 100%;font-size:14px;font-weight:600}.arc-answer input{color:#102c42;background:#fffdf8;border:1px solid #b6b5af;border-radius:12px;flex:200px;min-height:52px;padding:12px 16px;font-size:17px}.arc-answer .dash-cta{cursor:pointer}.arc-method{background:#f5ede1;border-radius:18px;gap:14px;width:100%;padding:22px 24px;line-height:1.65;display:grid}.arc-method.is-compact{padding:18px 20px;font-size:15px}.arc-method .demo-explanation{margin:0}.arc-method .demo-fraction{padding:6px 0}.arc-method-angle{text-transform:uppercase;letter-spacing:.1em;color:#a64510;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.arc-hidden-method{gap:10px;width:100%;display:grid}.arc-hidden-method>button{cursor:pointer;justify-self:start}.arc-worked{border:1px dashed #d8c9b2;border-radius:18px;width:100%;padding:22px 24px}.arc-worked h2{font-size:16px;font-weight:650}.arc-worked .demo-explanation{margin:12px 0 0;line-height:1.9}.arc-stuck{text-align:left;color:#a64510;cursor:pointer;justify-items:start;gap:4px;min-height:44px;margin-top:4px;padding:12px 0;font-size:14px;font-weight:600;display:grid}.arc-stuck>span{color:#596e7d;font-size:12px;font-weight:400}.arc-feedback{border-radius:16px;align-items:flex-start;gap:11px;width:100%;padding:16px 18px;font-size:15px;line-height:1.6;display:flex}.arc-feedback svg{flex-shrink:0;margin-top:2px}.arc-feedback.is-right{color:#1c4f3b;background:#e2f0e7}.arc-feedback.is-wrong{color:#8d2f13;background:#fbe3da}.arc-handoff{justify-items:start;gap:16px;display:grid}.arc-handoff>svg,.arc-gap>svg{color:#a64510}.arc-ladder{gap:2px;width:100%;margin:6px 0 0;padding:0;list-style:none;display:grid}.arc-ladder li{opacity:.45;border-radius:14px;gap:15px;padding:15px 18px;display:flex}.arc-ladder li.is-past{opacity:.8}.arc-ladder li.is-current{color:#fffaf2;opacity:1;background:#17394e}.arc-ladder-dot{color:#102c42;background:#eee7dc;border-radius:50%;flex:0 0 24px;place-items:center;height:24px;margin-top:2px;display:grid}.arc-ladder li.is-current .arc-ladder-dot{background:#ffa34c}.arc-ladder strong{font-size:16px;font-weight:650}.arc-ladder p{color:#506171;margin-top:4px;font-size:13.5px;line-height:1.55}.arc-ladder li.is-current p{color:#d9e3ea}.arc-ladder-proof{font-weight:600}.arc-receipts{width:100%;font-size:14px}.arc-receipts summary{cursor:pointer;color:#a64510;align-items:center;min-height:44px;font-weight:600;display:flex}.arc-receipts table{border-collapse:collapse;width:100%;margin-top:8px}.arc-receipts :is(th,td){text-align:left;font-variant-numeric:tabular-nums;border-bottom:1px solid #e9dfd2;padding:10px 12px}.arc-receipts th{text-transform:uppercase;letter-spacing:.1em;color:#596e7d;font-size:12px}.arc-apply{background:#f5ede1;border-radius:18px;gap:14px;width:100%;padding:24px;display:grid}.arc-apply h2{font-size:19px;font-weight:650}.arc-apply>p{color:#506171;line-height:1.65}.arc-done{gap:18px;width:100%;display:grid}.arc-done>p{color:#506171;line-height:1.65}.arc-done-actions{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.arc-footer{color:#345879;background:#eee7dc;justify-content:space-between;align-items:center;gap:20px;margin-top:auto;padding:18px 3%;font-size:12px;display:flex}.arc-footer>div{flex-wrap:wrap;gap:22px;display:flex}.arc-footer :is(a,button){cursor:pointer;align-items:center;gap:7px;min-height:36px;font-weight:600;display:inline-flex}:root[data-theme=dark] .arc{color:#f3ece1;background:#142635}:root[data-theme=dark] .arc-top{background:#142635}:root[data-theme=dark] .arc-skip{color:#f3ece1;background:0 0;border-color:#f3ece1}:root[data-theme=dark] .arc-skip:is(:hover,:focus-visible){color:#142635;background:#f3ece1}:root[data-theme=dark] .arc-stage{background:#1c3547;border-color:#345064}:root[data-theme=dark] :is(.arc-lede,.arc-note,.arc-trace-probe,.arc-ladder p,.arc-apply>p,.arc-done>p,.arc-beats li.is-past){color:#c8d6de}:root[data-theme=dark] :is(.arc-method,.arc-apply),:root[data-theme=dark] .arc-trace li{background:#22405473}:root[data-theme=dark] .arc-trace li.is-current{background:#1c3547;border-color:#345064}:root[data-theme=dark] :is(.arc-option,.arc-answer input){color:#f3ece1;background:#1c3547;border-color:#345064}:root[data-theme=dark] :is(.arc-method-angle,.arc-stuck,.arc-receipts summary,.arc-handoff>svg,.arc-gap>svg){color:#ffb875}:root[data-theme=dark] .arc-found{color:#f3ece1}@media (max-width:850px){.arc-options{grid-template-columns:1fr}.arc-footer{flex-direction:column;align-items:flex-start;gap:4px}}@media (max-width:480px){.arc-stage{gap:15px;margin-bottom:28px}.arc-trace li{gap:12px;padding:15px}.arc-answer .dash-cta{justify-content:center;width:100%}.arc-beats li{padding:6px 11px;font-size:11px}}@media (prefers-reduced-motion:reduce){.arc-trace li.is-current{animation:none}.arc-option{transition:none}}.demo-entrance{z-index:100;-webkit-user-select:none;user-select:none;touch-action:none;background:#fcf7ee;width:100%;height:100dvh;position:fixed;inset:0;overflow:hidden}.demo-entrance video{object-fit:cover;object-position:center;pointer-events:none;width:100%;height:100%;display:block}@media (prefers-reduced-motion:reduce){.demo-entrance video{visibility:hidden}.demo-entrance-skeleton .skel{animation:none}}.demo-avatar-menu{border-block:1px solid #d8cdbd;padding-block:14px}.demo-avatar-menu button{cursor:not-allowed;align-items:center;gap:10px;min-height:44px;font-size:14px;display:flex}.demo-avatar-menu button:hover,.demo-avatar-menu button:focus-visible{color:#a64510}.dash-account-menu .demo-avatar-menu p{margin:8px 0;font-size:12px;font-weight:400;line-height:1.6}.demo-avatar-intro{color:#fffaf3;background:#17394e;border-radius:28px;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:40px;display:grid}.demo-avatar-intro h2{letter-spacing:-.04em;font-size:clamp(30px,3vw,45px);font-weight:700;line-height:1.12}.demo-avatar-intro p{margin-top:22px;font-size:16px;line-height:1.7}.demo-avatar-intro .demo-guide-kicker{color:#ffb875;margin-top:0}.demo-avatar-lock{border-left:1px solid #75909e;padding-left:40px}.demo-avatar-lock h3{margin:18px 0;font-size:24px;font-weight:600}.demo-avatar-lock button{cursor:not-allowed;border:1px solid #b3bfc5;border-radius:99px;align-items:center;gap:12px;padding:14px 24px;display:flex}.demo-avatar-lock p{color:#d0dce3;font-size:13px}.demo-avatar-lock .demo-text-link{color:#ffb875;margin-top:14px}.demo-avatar-stages{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:32px 0;display:grid}.demo-avatar-stages p{margin:20px 0 8px;font-size:13px}.demo-avatar-stages h3{letter-spacing:-.03em;font-size:23px;font-weight:650}@media (max-width:700px){.demo-guide[open]{grid-template-columns:1fr}.demo-guide-art{background-position:65% 14%;background-size:160%;min-height:130px;max-height:130px}.demo-guide-copy{padding:26px}.demo-guide h2{font-size:29px}.demo-avatar-intro{grid-template-columns:1fr;gap:26px;padding:26px}.demo-avatar-lock{border-top:1px solid #75909e;border-left:0;padding-top:26px;padding-left:0}.demo-avatar-stages{grid-template-columns:1fr}.demo-space .dash-demo-label{display:none}}.demo-grade-picker{grid-template-columns:1fr minmax(180px,380px);align-items:center;gap:28px;margin-bottom:28px;display:grid}.demo-grade-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.demo-grade-picker p{color:#506171;max-width:650px;margin-top:12px;font-size:14px;line-height:1.7}.demo-grade-picker label{margin-bottom:9px;font-size:13px;font-weight:600;display:block}.demo-grade-picker select{color:#1e3344;background:#fcf7ee;border:1px solid #c4b8a8;border-radius:12px;width:100%;min-height:48px;padding:12px;font-size:16px}.demo-problem-layout{grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr);align-items:start;gap:28px;display:grid}.demo-problem-meta{color:#506171;border-bottom:1px solid #ddd2c3;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-bottom:20px;font-size:12px;display:flex}.demo-problem .demo-problem-question{color:#1e3344;margin-top:28px;font-size:20px;line-height:1.7}.demo-problem-equation{letter-spacing:-.02em;overflow-wrap:anywhere;border-bottom:2px solid #ffa34c;margin:8px 0 24px;padding:30px 0;font-size:clamp(25px,3vw,42px);font-weight:550}.demo-problem .demo-form input{max-width:320px}.demo-problem-support>p{font-size:15px}.demo-problem-support .demo-text-link{margin-top:20px}.demo-hint-button{cursor:pointer;border:1px solid #b9a992;border-radius:99px;min-height:44px;margin-top:24px;padding:10px 20px;font-size:14px;display:block}.demo-hint{background:#f5eadb;border-left:3px solid #ffa34c;border-radius:0 12px 12px 0;padding:18px}.demo-problem-support .demo-problem-note{border-top:1px solid #ddd2c3;margin-top:24px;padding-top:20px;font-size:12px}:root[data-theme=dark] .demo-grade-picker p,:root[data-theme=dark] .demo-problem-meta,:root[data-theme=dark] .demo-problem .demo-problem-question{color:#d9e3ea}:root[data-theme=dark] .demo-hint{background:#294357}@media (max-width:850px){.demo-problem-layout{grid-template-columns:1fr}}@media (max-width:550px){.demo-grade-picker{grid-template-columns:1fr;gap:20px}.demo-problem .demo-problem-question{font-size:18px}}.demo-countdown{z-index:45;color:#fffaf3;pointer-events:none;background:#1e3344;border-radius:99px;align-items:center;gap:14px;padding:10px 16px;font-size:12px;display:flex;position:fixed;bottom:18px;right:18px;box-shadow:0 4px 18px #102c4225}.demo-countdown time{color:#ffb875;font-variant-numeric:tabular-nums;font-size:16px;font-weight:650}.demo-access-page{width:min(680px,100%);margin:auto;padding:35px 20px 80px}.demo-access-title{letter-spacing:-.04em;font-size:clamp(30px,4vw,42px);font-weight:700;line-height:1.1}.demo-access-links{flex-wrap:wrap;gap:12px 24px;margin-block:24px;display:flex}.demo-access-links a{text-underline-offset:5px;align-items:center;min-height:44px;font-size:14px;text-decoration:underline;display:inline-flex}.demo-entry{color:#071722;position:relative}.demo-entry-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:#2f4a60;font-size:12px;font-weight:700}.demo-entry-title{letter-spacing:-.065em;margin-top:14px;font-size:clamp(34px,4.6vw,64px);font-weight:850;line-height:1}.demo-entry-title:after{content:"";background:#d27a35;border-radius:5px;width:60px;height:5px;margin-top:22px;display:block}.demo-entry-lede{color:#26343f;max-width:42ch;margin-top:18px;font-size:19px;line-height:1.45}.demo-entry-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.demo-entry-secondary{color:#17394e;border:1.5px solid #17394e;border-radius:99px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-size:15px;font-weight:650;transition:background .16s,color .16s;display:inline-flex}.demo-entry-secondary:hover,.demo-entry-secondary:focus-visible{color:#fffaf2;background:#17394e}.demo-entry-back{color:#345879;cursor:pointer;align-items:center;gap:6px;min-height:44px;padding:0 8px;font-weight:600;display:inline-flex}.demo-entry-note{color:#596e7d;margin-top:18px;font-size:13px;line-height:1.5}.demo-entry-privacy{border-top:0;margin-top:30px;padding-top:0}.demo-entry-privacy a{text-underline-offset:3px;text-decoration:underline}.demo-entry-progress{gap:6px;margin:0 0 18px;padding:0;list-style:none;display:flex}.demo-entry-progress li{background:#eadfce;border-radius:99px;width:34px;height:5px;transition:background .2s}.demo-entry-progress li.is-done{background:#ff8729}.demo-entry-label{margin-top:22px;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.demo-entry-input{color:#102c42;background:#fffdf8;border:1px solid #cdc3b1;border-radius:16px;width:100%;min-height:54px;padding:14px 16px;font-size:17px}.demo-entry-input:focus-visible{border-color:#ff8729;outline:3px solid #ff872959}.demo-entry-choices{flex-direction:column;gap:10px;margin-top:22px;display:flex}.demo-entry-choices.is-grid{grid-template-columns:repeat(3,1fr);display:grid}.demo-entry-choice{color:#102c42;cursor:pointer;background:0 0;border:1px solid #d9cfbc;border-radius:18px;justify-content:center;align-items:center;gap:14px;min-height:58px;padding:12px 16px;font-size:16px;font-weight:650;transition:border-color .16s,background .16s,transform .16s;display:flex}.demo-entry-choice:hover,.demo-entry-choice:focus-visible{border-color:#17394e;transform:translateY(-1px)}.demo-entry-choice[aria-pressed=true]{color:#fbf5ea;background:#0c1619;border-color:#0c1619}.demo-entry-choice[aria-pressed=true] small{color:#d8d0c3}.demo-entry-choice.is-wide{text-align:left;justify-content:flex-start}.demo-entry-choice.is-wide span{flex-direction:column;gap:2px;display:flex}.demo-entry-choice small{color:#596e7d;font-size:13.5px;font-weight:500}.demo-entry-choice.is-disabled{opacity:.55;cursor:not-allowed;transform:none}.demo-entry-locked{margin-top:20px}.demo-entry-locked textarea{resize:none;cursor:not-allowed;background:0 0;border-style:dashed}.demo-entry-locked p{color:#345879;align-items:flex-start;gap:8px;margin-top:10px;font-size:14px;line-height:1.5;display:flex}.demo-entry-locked p svg{flex-shrink:0;margin-top:3px}@media (max-width:480px){.demo-entry-choices.is-grid{grid-template-columns:repeat(2,1fr)}.demo-entry-actions>.dash-cta,.demo-entry-actions>.demo-entry-secondary{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.demo-entry-choice{transition:none}}.demo-options-label{margin-bottom:10px;font-weight:600}.demo-options{gap:10px;display:grid}.demo-option{text-align:left;color:#102c42;cursor:pointer;background:#fff;border:1.5px solid #d8cdbd;border-radius:16px;min-height:52px;padding:12px 18px;font-size:16px;font-weight:600;transition:border-color .16s,transform .16s}.demo-option:hover,.demo-option:focus-visible{border-color:#17394e;transform:translateY(-1px)}.demo-ladder{flex-wrap:wrap;gap:8px;margin:22px 0 4px;padding:0;list-style:none;display:flex}.demo-ladder-step{color:#102c42;cursor:pointer;background:#eee7dc;border-radius:99px;align-items:center;gap:8px;min-height:44px;padding:8px 16px 8px 8px;font-size:14px;font-weight:600;display:inline-flex}.demo-ladder-step>span{background:#fcf7ee;border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;display:grid}.demo-ladder-step.is-current{color:#fffaf2;background:#17394e}.demo-ladder-step.is-current>span{color:#102c42;background:#ffa34c}.demo-ladder-step.is-locked{opacity:.6;cursor:not-allowed}.demo-ladder-body{min-height:120px}.demo-ladder-body .demo-explanation{margin:16px 0;line-height:1.8}.demo-ladder-locked{color:#596e7d;align-items:center;gap:8px;margin-top:8px;font-size:14px;display:flex}.demo-anyway{border-top:1px dashed #d8cdbd;margin-top:14px;padding-top:14px}.demo-anyway .demo-hint-button{margin-top:0}.demo-anyway p{color:#596e7d;margin-top:10px;font-size:13px;line-height:1.55}:root[data-theme=dark] .demo-option{color:#f3ece1;background:#1d3446;border-color:#3a5568}:root[data-theme=dark] .demo-ladder-step{color:#f3ece1;background:#294357}:root[data-theme=dark] .demo-ladder-step>span{background:#142635}@media (prefers-reduced-motion:reduce){.demo-option{transition:none}}.dash-october .demo-hero{margin-bottom:18px}.demo-hero-back{color:#f5d7b3;align-items:center;gap:6px;min-height:36px;font-size:14px;font-weight:600;display:inline-flex}.demo-hero-back:hover,.demo-hero-back:focus-visible{color:#fff}.dash-october .demo-panel{background:var(--oct-panel);border:1px solid var(--oct-line);box-shadow:none;border-radius:26px}.dash-october .demo-dark-panel{color:#f8f2e7;background:linear-gradient(100deg,#0b1920f5 25%,#0b1920b8),url(/art/study-desk.webp) 100%/cover;border-radius:26px}.dash-october .demo-dark-panel h2{color:#fbf5e9}.dash-october .demo-dark-panel p{color:#efe7da}.dash-october .demo-subject-card{background:var(--oct-panel);border:1px solid var(--oct-line);box-shadow:none;border-radius:26px;transition:transform .18s,box-shadow .18s;overflow:hidden}.dash-october .demo-subject-card:hover{transform:translateY(-2px);box-shadow:0 18px 40px -28px #0b192073}.dash-october .demo-subject-card>.dash-subject-art{aspect-ratio:2.2;border-radius:0;width:100%;height:auto;position:relative}.dash-october .demo-subject-card>div:last-child{padding:22px 26px 26px}@media (prefers-reduced-motion:reduce){.dash-october .demo-subject-card{transition:none}.dash-october .demo-subject-card:hover{transform:none}}.dash-october .demo-panel{border:1px solid var(--m-line);box-shadow:none;background:0 0;border-radius:28px}.dash-october .demo-subject-card{border:1px solid var(--m-line);background:0 0}.dash-october .demo-subject-card>.dash-subject-art{border-radius:26px 26px 0 0}.dash-october .demo-topic-list li{border-color:var(--m-line-soft)}.dash-october .demo-step{color:var(--m-ink);background:0 0;border:1.5px solid #c9bda8}.dash-october .demo-topic-list li:first-child .demo-step{background:var(--m-orange);color:#fff;border-color:#e9a56b}.dash-october .demo-dark-panel{border-radius:28px}.dash-october .demo-problem,.dash-october .demo-grade-picker{background:linear-gradient(115deg,#fbf8f1,var(--m-cream));border:0;border-radius:40px 40px 64px 64px;position:relative;overflow:hidden;box-shadow:0 26px 60px -30px #3d342266}.dash-october .demo-problem:before,.dash-october .demo-grade-picker:before{content:"";background:var(--m-orange);clip-path:polygon(0 0,100% 0,100% 100%);width:58px;height:64px;position:absolute;top:0;right:0}.dash-october .demo-problem-meta{padding-right:56px}.dash-october .demo-problem input,.dash-october .demo-grade-picker select{background:#fffdf8;border:1px solid #cdc3b1;border-radius:14px}.dash-october .demo-option{border:1px solid var(--m-line);background:0 0}.dash-october .demo-option:hover{border-color:#b3a68f;transform:none}.dash-october .demo-ladder-step{border:1px solid var(--m-line);background:0 0}.dash-october .demo-ladder-step.is-current{background:var(--m-ink);border-color:var(--m-ink)}.dash-october .demo-ladder-step>span{border:1px solid var(--m-line);background:0 0}.dash-october .demo-ladder-step.is-current>span{background:var(--m-orange);border-color:var(--m-orange);color:#fff}.dash-october .demo-hint-button{border:1px solid var(--m-line)}.dash-october .demo-hint{border:1px solid var(--m-line);border-left:3px solid var(--m-orange);background:0 0}.dash-october .demo-days button{border:1px solid var(--m-line);background:0 0}.dash-october .demo-days button[aria-pressed=true]{background:var(--m-ink);border-color:var(--m-ink);color:#fbf5ea}.dash-october .dash-cta{background:linear-gradient(105deg,#e39651,var(--m-orange));color:#14100b}.dash-october~.demo-notice,.demo-space>.demo-notice{margin:8px var(--pad,clamp(14px,2.3vw,40px)) 26px;border:1px solid var(--m-line);color:var(--m-muted);background:0 0;border-radius:22px;padding:14px 22px}.demo-space>.demo-notice strong{color:var(--m-ink)}.demo-avatar-feature{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(24px,4vw,56px);padding:clamp(28px,3.4vw,52px);display:grid}.demo-avatar-copy,.demo-avatar-lock{z-index:1;position:relative}.demo-avatar-lock{background:#0c1619b3;border:1px solid #ffffff2e;border-radius:24px;justify-items:start;gap:12px;padding:24px;display:grid}.demo-avatar-lock p{color:#d8d0c3;margin:0;font-size:13.5px;line-height:1.5}.demo-avatar-lock button{color:#fbf5ea;cursor:not-allowed;border:1px solid #fff6;border-radius:99px;align-items:center;gap:10px;min-height:44px;padding:0 20px;display:inline-flex}.demo-avatar-stages{--cols:3;margin-top:16px}.demo-avatar-stage{padding:12px 12px 20px}.demo-avatar-stage .m-kicker,.demo-avatar-stage .m-h3{padding-inline:10px}.demo-avatar-stage .m-kicker{margin-top:16px}.demo-avatar-stage .m-h3{margin-top:6px}.demo-avatar-photo{aspect-ratio:1.7;border-radius:20px 20px 20px 6px}@media (max-width:900px){.demo-avatar-feature,.dash-october .demo-two-column{grid-template-columns:1fr}}.demo-page>.dash-cta,.demo-page>a.dash-cta{justify-self:start}@media (max-width:700px){.demo-space{padding-bottom:calc(132px + env(safe-area-inset-bottom,0px))}.demo-space .dash-shell.dash-october{padding-bottom:16px}.demo-countdown{bottom:calc(84px + env(safe-area-inset-bottom,0px));gap:8px;padding:8px 12px;font-size:11px;right:14px}}:where([data-theme=dark]) .demo-space{color:#eee8dc;background:#0d1a1d}:where([data-theme=dark]) .demo-back{color:#7b92a8}:where([data-theme=dark]) .demo-heading>p{color:#a6b2b6}:where([data-theme=dark]) .demo-panel{background:#142428;border:1px solid #26393e}:where([data-theme=dark]) .demo-panel>p{color:#a6b2b6}:where([data-theme=dark]) .demo-subject-card{background:#142428;border:1px solid #26393e}:where([data-theme=dark]) .demo-subject-card p{color:#a6b2b6}:where([data-theme=dark]) .demo-subject-card:hover{box-shadow:0 12px 30px #00000030}:where([data-theme=dark]) .demo-text-link{color:#c58664}:where([data-theme=dark]) .demo-topic-list li{border-bottom:1px solid #26393e}:where([data-theme=dark]) .demo-topic-list p{color:#a6b2b6}:where([data-theme=dark]) .demo-later{color:#93a1ab}:where([data-theme=dark]) .demo-step{color:#eee8dc;background:#3a3026}:where([data-theme=dark]) .demo-days button,:where([data-theme=dark]) .demo-methods button{color:#eee8dc;background:#182a2f}:where([data-theme=dark]) .demo-form :is(input,select){color:#eee8dc;background:#142428}:where([data-theme=dark]) .demo-form>p[role=status]{color:#7b92a8}:where([data-theme=dark]) .demo-agenda li{border-bottom:1px solid #26393e}:where([data-theme=dark]) .demo-agenda p{color:#a6b2b6}:where([data-theme=dark]) .demo-agenda time{color:#c58664}:where([data-theme=dark]) .demo-icon-button{background:#182a2f}:where([data-theme=dark]) .demo-empty p{color:#a6b2b6}:where([data-theme=dark]) .demo-progress-count strong{color:#c58664}:where([data-theme=dark]) .demo-progress-count span{color:#a6b2b6}:where([data-theme=dark]) .demo-task-step{color:#93a1ab}:where([data-theme=dark]) .demo-fraction i{background:#182a2f;border:1px solid #26393e}:where([data-theme=dark]) .demo-complete>svg{color:#719989}:where([data-theme=dark]) .demo-notice{color:#7b92a8;background:#182a2f}:where([data-theme=dark]) .arc{color:#eee8dc;background:#0d1a1d}:where([data-theme=dark]) .arc-top{background:#0d1a1d}:where([data-theme=dark]) .arc-skip{color:#eee8dc;background:#142428}:where([data-theme=dark]) .arc-beats li{color:#93a1ab;background:#182a2f}:where([data-theme=dark]) .arc-beats li>span{background:#0d1a1d}:where([data-theme=dark]) .arc-beats li.is-past{color:#7b92a8}:where([data-theme=dark]) .arc-lede{color:#a6b2b6}:where([data-theme=dark]) .arc-note{color:#93a1ab}:where([data-theme=dark]) .arc-wrong{color:#bb8271;background:#182a2f}:where([data-theme=dark]) .arc-found{color:#eee8dc}:where([data-theme=dark]) .arc-trace li{background:#182a2f}:where([data-theme=dark]) .arc-trace li.is-current{background:#142428;border:1px solid #26393e}:where([data-theme=dark]) .arc-trace-grade{background:#3a3026}:where([data-theme=dark]) .arc-trace-probe{color:#a6b2b6}:where([data-theme=dark]) .arc-trace-note{color:#bb8271}:where([data-theme=dark]) .arc-banner.is-practice{color:#7b92a8;background:#182a2f}:where([data-theme=dark]) .arc-option{color:#eee8dc;background:#142428;border:1px solid #26393e}:where([data-theme=dark]) .arc-option:hover{background:#0d1a1d}:where([data-theme=dark]) .arc-option>span{background:#182a2f}:where([data-theme=dark]) .arc-answer input{color:#eee8dc;background:#142428}:where([data-theme=dark]) .arc-method{background:#182a2f}:where([data-theme=dark]) .arc-method-angle,:where([data-theme=dark]) .arc-stuck{color:#c58664}:where([data-theme=dark]) .arc-stuck>span{color:#93a1ab}:where([data-theme=dark]) .arc-feedback.is-right{color:#eee8dc;background:#182a2f}:where([data-theme=dark]) .arc-feedback.is-wrong{color:#bb8271;background:#182a2f}:where([data-theme=dark]) .arc-handoff>svg,:where([data-theme=dark]) .arc-gap>svg{color:#c58664}:where([data-theme=dark]) .arc-ladder-dot{color:#eee8dc;background:#182a2f}:where([data-theme=dark]) .arc-ladder p{color:#a6b2b6}:where([data-theme=dark]) .arc-receipts summary{color:#c58664}:where([data-theme=dark]) .arc-receipts :is(th,td){border-bottom:1px solid #26393e}:where([data-theme=dark]) .arc-receipts th{color:#93a1ab}:where([data-theme=dark]) .arc-apply{background:#182a2f}:where([data-theme=dark]) .arc-apply>p,:where([data-theme=dark]) .arc-done>p{color:#a6b2b6}:where([data-theme=dark]) .arc-footer{color:#7b92a8;background:#182a2f}:where([data-theme=dark]) .demo-entrance{background:#0d1a1d}:where([data-theme=dark]) .demo-avatar-menu{border-block:1px solid #26393e}:where([data-theme=dark]) .demo-avatar-menu button:hover,:where([data-theme=dark]) .demo-avatar-menu button:focus-visible{color:#c58664}:where([data-theme=dark]) .demo-grade-picker p{color:#a6b2b6}:where([data-theme=dark]) .demo-grade-picker select{color:#eee8dc;background:#0d1a1d;border:1px solid #26393e}:where([data-theme=dark]) .demo-problem-meta{color:#a6b2b6;border-bottom:1px solid #26393e}:where([data-theme=dark]) .demo-problem .demo-problem-question{color:#eee8dc}:where([data-theme=dark]) .demo-hint{background:#182a2f}:where([data-theme=dark]) .demo-problem-support .demo-problem-note{border-top:1px solid #26393e}:where([data-theme=dark]) .demo-countdown{box-shadow:0 4px 18px #0000006f}:where([data-theme=dark]) .demo-entry{color:#eee8dc}:where([data-theme=dark]) .demo-entry-eyebrow{color:#8292a0}:where([data-theme=dark]) .demo-entry-lede,:where([data-theme=dark]) .demo-entry-secondary{color:#eee8dc}:where([data-theme=dark]) .demo-entry-back{color:#7b92a8}:where([data-theme=dark]) .demo-entry-note{color:#93a1ab}:where([data-theme=dark]) .demo-entry-progress li{background:#182a2f}:where([data-theme=dark]) .demo-entry-input{color:#eee8dc;background:#142428;border:1px solid #26393e}:where([data-theme=dark]) .demo-entry-choice{color:#eee8dc;border:1px solid #26393e}:where([data-theme=dark]) .demo-entry-choice[aria-pressed=true]{background:#050c0e;border-color:#26393e;box-shadow:inset 0 0 0 1px #ffffff12}:where([data-theme=dark]) .demo-entry-choice small{color:#93a1ab}:where([data-theme=dark]) .demo-entry-locked p{color:#7b92a8}:where([data-theme=dark]) .demo-option{color:#eee8dc;background:#142428;border:1.5px solid #26393e}:where([data-theme=dark]) .demo-ladder-step{color:#eee8dc;background:#182a2f}:where([data-theme=dark]) .demo-ladder-step>span{background:#0d1a1d}:where([data-theme=dark]) .demo-ladder-locked{color:#93a1ab}:where([data-theme=dark]) .demo-anyway{border-top:1px dashed #26393e}:where([data-theme=dark]) .demo-anyway p{color:#93a1ab}:where([data-theme=dark]) .dash-october .demo-dark-panel{background:linear-gradient(100deg,#050c0ef5 25%,#050c0eb8),url(/art/study-desk.webp) 100%/cover}:where([data-theme=dark]) .dash-october .demo-subject-card:hover{box-shadow:0 18px 40px -28px #00000080}:where([data-theme=dark]) .dash-october .demo-step{border:1.5px solid #26393e}:where([data-theme=dark]) .dash-october .demo-problem,:where([data-theme=dark]) .dash-october .demo-grade-picker{background:linear-gradient(115deg,#0d1a1d,var(--m-cream));box-shadow:0 26px 60px -30px #00000080}:where([data-theme=dark]) .dash-october .demo-problem input,:where([data-theme=dark]) .dash-october .demo-grade-picker select{background:#142428;border:1px solid #26393e}:where([data-theme=dark]) .demo-avatar-lock{background:#050c0eb3;border:1px solid #26393e2e}:where([data-theme=dark]) .demo-avatar-lock button{border:1px solid #26393e66}