.taller-body{color:#23363d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f4f7f8;margin:0;font-family:Arial,Helvetica,sans-serif}.workshop{--ink:#23363d;--muted:#61757c;--paper:#f4f7f8;--teal:#206866;--teal-light:#e0eeeb;--clay:#b85032;--lavender:#6555a6;--brass:#a77a23;--line:#dce5e7;min-height:100vh;font-size:15px;line-height:1.6}.workshop *{box-sizing:border-box}.workshop h1,.workshop h2,.workshop h3,.workshop p{margin:0}.workshop h1,.workshop h2,.workshop h3{color:var(--ink);letter-spacing:-.035em;font-family:Avenir Next,Trebuchet MS,Arial,sans-serif;line-height:1.16}.workshop h1{margin:10px 0 18px;font-size:clamp(32px,3.5vw,46px);font-weight:750}.workshop h2{font-size:27px;font-weight:700}.workshop h3{font-size:19px}.workshop button,.workshop input,.workshop select{font:inherit}.workshop button{cursor:pointer;color:inherit;border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 15px;font-weight:600;transition:background .16s,transform .16s,border-color .16s}.workshop button:hover:not(:disabled){background:#edf5f3;border-color:#87aba7}.workshop button:disabled{opacity:.53;cursor:default}.workshop :focus-visible{outline-offset:4px;outline:3px solid #b85032}.workshop h1:focus{outline:none}.workshop input[type=text],.workshop input:not([type]),.workshop select{background:#fff;border:1px solid #aebfc4;border-radius:8px;width:100%;padding:12px}.workshop input[type=checkbox],.workshop input[type=radio],.workshop input[type=range]{accent-color:var(--teal)}.workshop .eyebrow{letter-spacing:.14em;color:var(--muted);text-transform:uppercase;align-items:center;gap:7px;font-size:10px;font-weight:750;display:flex}.workshop .muted{color:var(--muted);margin-top:22px;font-size:13px;line-height:1.7}.workshop .primary-button{background:var(--teal);color:#fff;border-color:var(--teal);border-radius:9px;justify-content:center;align-items:center;gap:14px;min-height:48px;padding:12px 21px;font-size:14px;display:inline-flex;box-shadow:0 3px #164a49}.workshop .primary-button:hover:not(:disabled){background:#164e4c;border-color:#164e4c;transform:translateY(-1px)}.workshop .secondary-button,.workshop .button-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.workshop .quiet-button,.workshop .back-button,.workshop .inline-link{box-shadow:none;background:0 0;border:0}.workshop .inline-link{color:var(--teal);text-align:left;align-items:center;gap:7px;padding:10px 0;font-size:13px;display:flex}.workshop .back-button{color:var(--muted);align-items:center;gap:8px;margin-bottom:26px;padding:0;font-size:13px;display:flex}.workshop .skip-link{z-index:100;background:#fff;padding:14px;position:fixed;top:-100px;left:20px}.workshop .skip-link:focus{top:10px}.workshop-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:82px;padding:0 40px;display:flex}.workshop .workshop-brand{letter-spacing:.13em;background:0 0;border:0;align-items:center;gap:12px;padding:0;font-size:12px;display:flex}.brand-mark{background:var(--teal);color:#fff;letter-spacing:-.08em;border-radius:11px 11px 11px 3px;place-items:center;width:37px;height:37px;padding-right:3px;font:800 28px/1 Trebuchet MS,sans-serif;display:grid}.workshop-brand b{letter-spacing:-.06em;text-align:left;font-size:19px;line-height:1;display:block}.header-right{align-items:center;gap:22px;display:flex}.coin-count{color:#805b17;align-items:center;gap:7px;font-size:14px;font-weight:700;display:flex}.workshop .save-button{border-color:var(--line);background:#fff;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.avatar-badge{border:1px solid #abc8c0;border-radius:50%;place-items:center;width:36px;height:36px;font-size:23px;display:grid}.avatar-explorador{color:#206866;background:#d4e8e2}.avatar-cartografo{color:#6555a6;background:#e8e2f4}.avatar-astronauta{color:#326995;background:#e0eaf5}.avatar-arquitecto{color:#b85032;background:#f2dfd4}.workshop-shell{grid-template-columns:230px minmax(0,1fr);max-width:1520px;margin:auto;display:grid}.workshop-sidebar{border-right:1px solid var(--line);flex-direction:column;align-self:start;min-height:calc(100vh - 82px);padding:34px 16px 25px 20px;display:flex;position:sticky;top:0}.workshop-sidebar nav{flex-direction:column;gap:8px;display:flex}.workshop-sidebar nav button{text-align:left;color:#61757c;white-space:nowrap;background:0 0;border:0;align-items:center;gap:10px;min-height:56px;padding:10px 9px;font-size:12px;display:flex}.workshop-sidebar nav button.selected{color:var(--teal);background:#e1ece9}.workshop .sync-retry{padding:6px;font-size:11px}.workshop-main{min-width:0;padding:34px 42px 0}.workshop-hero{background:#e6efed;border:1px solid #d4e2df;border-radius:20px;grid-template-columns:1.1fr 1fr;min-height:380px;display:grid;overflow:hidden}.hero-copy{z-index:1;padding:38px 0 36px 34px;position:relative}.hero-copy .eyebrow{letter-spacing:.12em;font-size:9px}.live-dot{background:var(--teal);border-radius:50%;width:5px;height:5px}.hero-copy h1{letter-spacing:-.05em;margin:20px 0 18px;font-size:clamp(34px,3.1vw,49px);font-weight:800;line-height:1.13}.hero-copy h1 em{color:var(--teal);font-style:normal}.hero-copy p{color:#55706f;margin:0 0 24px;font-size:14px;line-height:1.75}.hero-small{color:#637b76;margin-top:13px;font-size:10px;display:block}.hero-art{isolation:isolate;min-height:380px;position:relative;overflow:hidden}.blueprint-grid{background-image:linear-gradient(#a9c4bb40 1px,#0000 1px),linear-gradient(90deg,#a9c4bb40 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 40%,#0000 73%);mask-image:radial-gradient(#000 40%,#0000 73%)}.hero-sensei{z-index:2;filter:drop-shadow(-12px 10px 12px #164d4020);width:86%;height:auto;position:absolute;bottom:-22%;right:-2%}.hero-orbit{border:1px solid #6d9b9060;border-radius:50%;position:absolute}.orbit-one{width:270px;height:270px;top:100px;left:50px}.orbit-two{border-style:dashed;width:210px;height:210px;top:125px;left:80px}.hero-math{z-index:3;border-radius:16px;place-items:center;width:74px;height:74px;font:700 32px Trebuchet MS,sans-serif;display:grid;position:absolute;box-shadow:0 6px #284d4320}.math-one{color:#75572c;background:#ead7bf;top:74px;right:37px;transform:rotate(10deg)}.math-two{color:#206866;background:#f5f8f5;width:94px;height:65px;font-size:20px;top:135px;left:10px;transform:rotate(-10deg)}.math-three{color:#fff;background:#ce7258;width:60px;height:60px;font-size:44px;bottom:52px;left:20px;transform:rotate(8deg)}.path-section{margin-top:38px}.section-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.section-heading h2{margin-top:8px;font-size:27px}.grade-switch{background:#e5ebed;border-radius:10px;flex:none;gap:4px;padding:4px;display:flex}.workshop .grade-switch button{color:var(--muted);background:0 0;border:0;padding:9px 15px;font-size:12px}.workshop .grade-switch button[aria-pressed=true]{color:var(--ink);background:#fff;box-shadow:0 1px 4px #23363d15}.grade-progress{align-items:center;gap:14px;margin-top:19px;display:flex}.grade-progress span{color:var(--muted);font-size:11px}.progress-track{background:#e6edef;border-radius:3px;height:4px;overflow:hidden}.progress-track i{background:var(--teal);border-radius:3px;height:100%;transition:width .2s;display:block}.grade-progress .progress-track{width:110px}.axis-filter{flex-wrap:wrap;gap:6px;margin:23px 0 19px;display:flex}.workshop .axis-filter button{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:7px 10px;font-size:11px;font-weight:500;display:flex}.workshop .axis-filter button[aria-pressed=true]{color:var(--ink);background:#fff;border-color:#c6d5d8}.axis-filter i{border-radius:50%;width:6px;height:6px}.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.workshop .topic-card{text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;min-height:171px;padding:18px;display:flex;position:relative;overflow:hidden}.workshop .topic-card:hover{border-color:var(--axis);background:#fff;transform:translateY(-3px)}.topic-card-top{justify-content:space-between;align-items:center;display:flex}.topic-glyph{color:var(--axis);background:color-mix(in srgb,var(--axis) 9%,white);border-radius:9px;place-items:center;width:48px;height:48px;font:600 27px/1.1 Trebuchet MS,sans-serif;display:grid}.topic-card-top small{color:var(--muted);font-size:10px;font-weight:400}.topic-card strong{letter-spacing:-.025em;margin:13px 0 17px;font-family:Avenir Next,Trebuchet MS,sans-serif;font-size:16px;line-height:1.35;display:block}.topic-card-bottom{color:var(--muted);justify-content:space-between;align-items:center;gap:5px;margin-top:auto;font-size:10px;font-weight:400;display:flex}.topic-card .progress-track{background:0 0;border-radius:0;height:3px;position:absolute;bottom:0;left:0;right:0}.topic-card .progress-track i{background:var(--axis)}.orientation-strip{background:#e8edf4;border:1px solid #dce3ed;border-radius:12px;align-items:center;gap:18px;margin:30px 0 0;padding:23px;display:flex}.orientation-strip>svg{color:#536e91;flex:none}.orientation-strip h3{margin-bottom:6px;font-size:16px}.orientation-strip p{color:var(--muted);font-size:12px}.orientation-strip button{flex:none;align-items:center;gap:10px;margin-left:auto;font-size:11px;display:flex}.workshop-footer{border-top:1px solid var(--line);color:#6b7e85;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-top:48px;padding:23px 0;font-size:10px;display:flex}.workshop .workshop-footer button{background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:10px;font-weight:400;display:flex}.page-intro{color:var(--muted);max-width:690px;line-height:1.8;margin-bottom:30px!important}.topic-missions{gap:14px;max-width:790px;margin:30px 0;display:grid}.topic-missions button{text-align:left;border-radius:13px;align-items:center;gap:20px;padding:22px;display:flex}.mission-number{background:#e7eded;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-size:18px;display:grid}.mission-number.completed{background:var(--teal-light);color:var(--teal)}.topic-missions strong{font-size:17px;display:block}.topic-missions small{color:var(--muted);margin-top:6px;font-size:12px;font-weight:400;display:block}.topic-missions button>svg{flex:none;margin-left:auto}.family-tip{border:1px solid var(--line);background:#fff;border-radius:12px;max-width:790px;padding:20px}.workshop summary{cursor:pointer;color:var(--teal);font-size:13px;font-weight:600}.workshop summary svg{vertical-align:middle;margin-right:7px;display:inline}.workshop details p{margin-top:14px;font-size:14px;line-height:1.8}.mission-heading h1{font-size:37px}.brick-steps{gap:9px;margin:26px 0 30px;display:flex}.brick-steps>span{color:#84949a;border-top:3px solid #dfe7e8;flex:1;align-items:center;gap:7px;padding-top:9px;font-size:10px;display:flex}.brick-steps i{background:#e4ebed;border-radius:50%;flex:none;place-items:center;width:19px;height:19px;font-style:normal;display:grid}.brick-steps b{font-weight:500}.brick-steps .current{border-color:var(--teal);color:var(--teal)}.brick-steps .current i,.brick-steps .done i{background:var(--teal);color:#fff}.brick-steps .done{color:var(--teal);border-color:#8bb5a7}.mission-layout{grid-template-columns:minmax(0,1fr) 195px;align-items:start;gap:28px;display:grid}.brick-card{border:1px solid var(--line);background:#fff;border-radius:17px;padding:32px}.brick-label{color:var(--teal);letter-spacing:.13em;margin-bottom:14px;font-size:10px;font-weight:750;display:block}.brick-card h2{margin:0 0 20px;font-size:26px;line-height:1.35}.concept-copy{font-size:19px;line-height:1.8}.brick-card>.primary-button{margin-top:22px}.worked-example{border-left:4px solid var(--teal);background:#edf5f3;border-radius:0 10px 10px 0;margin:24px 0;padding:25px;font-size:20px;line-height:1.9}.brick-card>.button-row{justify-content:space-between;margin-top:30px}.mission-aside{padding-top:20px}.mission-aside details{border-top:1px solid var(--line);padding:20px 0}.workshop .mission-aside summary,.mission-aside details p{font-size:16px}.answer-options{border:0;flex-direction:column;gap:12px;min-width:0;margin:24px 0;padding:0;display:flex}.answer-options label{border:1.5px solid var(--line);cursor:pointer;border-radius:10px;align-items:center;gap:13px;min-height:63px;padding:15px;display:flex}.answer-options input{opacity:0;width:1px;height:1px;position:absolute}.answer-options label:has(input:focus-visible){outline:3px solid var(--clay);outline-offset:2px}.answer-options label.selected{border-color:var(--teal);background:#eef5f3}.answer-options label.correct{background:#e1f0e9;border-color:#43816c}.answer-options label.incorrect{background:#fff3e9;border-color:#cc9267}.answer-options label>svg{flex:none;margin-left:auto}.option-letter{width:28px;height:28px;color:var(--muted);background:#eef1f3;border-radius:6px;flex:none;place-items:center;font-size:12px;display:grid}.workshop .hint-button{color:#896821;background:0 0;border:0;align-items:center;gap:8px;padding:5px 0 18px;font-size:13px;display:flex}.hint-note{background:#fff8e5;border-radius:9px;margin-bottom:22px;padding:16px;font-size:14px}.answer-feedback{border-radius:10px;margin:20px 0;padding:20px}.answer-feedback.correct{color:#235841;background:#e8f4ec}.answer-feedback.try-again{color:#795526;background:#fff5e8}.answer-feedback p{margin-top:8px;font-size:14px;line-height:1.8}.success-icon{width:70px;height:70px;color:var(--teal);background:#dfefe7;border-radius:50%;place-items:center;margin-bottom:24px;display:grid}.reward-note{color:#805b17;background:#fcf4de;border-radius:12px;grid-template-columns:25px 1fr;gap:4px 12px;margin:24px 0;padding:20px;display:grid}.reward-note small{grid-column:2;font-size:12px}.exploration{background:#f5f8f8;border:1px solid #e2eaeb;border-radius:12px;margin-top:28px;padding:23px}.exploration>p{margin-top:12px;font-size:13px;line-height:1.7}.exploration svg{width:100%;max-height:235px;margin:15px auto;display:block;overflow:visible}.exploration svg text{fill:#415c64;font-family:Arial,sans-serif;font-size:11px}.exploration .lab-caption{color:var(--muted);font-size:11px}.lab-slider{margin:15px 0;display:block}.lab-slider>span{justify-content:space-between;gap:12px;font-size:12px;display:flex}.lab-slider b{color:var(--teal)}.lab-slider input{cursor:pointer;width:100%;height:30px;margin:4px 0}.exploration output{text-align:center;color:var(--teal);margin-top:18px;font-size:16px;line-height:1.8;display:block}.fraction-strip{border:2px solid var(--teal);border-radius:8px;height:80px;margin:24px 0;display:grid;overflow:hidden}.workshop .fraction-strip button{background:#ecf1f1;border:1px solid #fff;border-radius:0;min-width:0;padding:0}.workshop .fraction-strip button.painted{background:#41867b}.hundred-grid{grid-template-columns:repeat(10,1fr);gap:3px;width:180px;height:180px;margin:22px auto;display:grid}.hundred-grid i{background:#dbe4e5;border-radius:2px}.hundred-grid i.painted{background:#41867b}.balance{justify-content:center;align-items:center;gap:20px;margin:28px 0;display:flex}.balance-side{text-align:center;background:#e0ece8;border-bottom:4px solid #93bbae;border-radius:10px 10px 30px 30px;min-width:92px;padding:17px 22px}.balance-side span{font-size:12px;display:block}.balance-side b{font-size:29px}.balance>strong{font-size:32px}.lab-actions{flex-wrap:wrap;gap:8px;display:flex}.exploration button{font-size:12px}.coin-demo{color:#765819;background:#f6e6b8;border:7px double #b19047;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:150px;height:150px;margin:22px auto;font-size:29px;font-weight:700;display:flex}.coin-demo span{margin-top:4px;font-size:10px}.data-bars{justify-content:center;align-items:flex-end;gap:15px;height:190px;padding-top:20px;display:flex}.data-bars>div{flex-direction:column;align-items:center;font-size:12px;display:flex}.data-bars i{background:#619994;border-radius:4px 4px 0 0;width:30px;display:block}.data-bars span{color:var(--muted);margin-top:7px}.check-intro{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:1.5fr 1fr;align-items:center;gap:30px;margin-top:32px;padding:30px;display:grid}.check-intro p{color:var(--muted);margin:15px 0;font-size:15px}.check-intro .grade-switch{margin:20px 0;display:inline-flex}.check-intro .primary-button{display:flex}.check-visual{color:var(--teal);text-align:center;aspect-ratio:1;background:#edf4f0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex}.check-card{max-width:720px;margin-top:25px}.check-card>.progress-track{margin:15px 0 30px}.check-results{border:1px solid var(--line);background:#fff;border-radius:15px;max-width:720px;padding:32px}.check-results p{margin:18px 0 28px}.workshop .recommendation{text-align:left;justify-content:space-between;width:100%;margin-top:12px;padding:20px;display:flex}.collection-summary{color:#896821;background:#fbf2dc;border-radius:12px;align-items:center;gap:20px;margin:28px 0;padding:24px;display:flex}.collection-summary strong{font-size:44px;line-height:1}.collection-summary small{color:var(--muted);font-size:12px}.avatar-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.avatar-card{text-align:center;border:1px solid var(--line);background:#fff;border-radius:13px;padding:23px 15px}.avatar-card.chosen{border:2px solid var(--teal)}.avatar-portrait{border-radius:26px;place-items:center;width:85px;height:85px;margin:0 auto 24px;font-size:47px;display:grid;transform:rotate(-5deg)}.avatar-card h2{font-size:18px}.avatar-card p{color:var(--muted);min-height:40px;margin:13px 0 23px;font-size:12px}.avatar-card button{padding:10px;font-size:11px}.family-stats{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.family-stats article{border:1px solid var(--line);background:#fff;border-radius:13px;padding:20px}.family-stats span{color:var(--muted);font-size:11px;display:block}.family-stats strong{margin-top:12px;font-size:36px;font-weight:600;line-height:1.4;display:block}.family-stats strong small{font-size:16px}.family-stats article>small{color:var(--muted);font-size:10px}.family-explainer{background:#e6f0ed;border-radius:12px;align-items:flex-start;gap:20px;margin:30px 0;padding:25px;display:flex}.family-explainer>svg{color:var(--teal);flex:none;margin-top:3px}.family-explainer h2{font-size:21px}.family-explainer p{color:var(--muted);margin-top:12px;font-size:14px;line-height:1.8}.family-table-title{margin:30px 0 20px!important}.family-table-wrap{overflow-x:auto}.family-table{border-collapse:collapse;text-align:left;background:#fff;width:100%;font-size:12px}.family-table th,.family-table td{border-bottom:1px solid var(--line);vertical-align:top;padding:16px 13px}.family-table thead{color:#526c73;background:#e8eef0;font-size:10px}.family-table tbody th{min-width:170px}.family-table th small{color:var(--muted);margin-top:3px;font-size:10px;font-weight:400;display:block}.family-table th button{text-align:left;background:0 0;border:0;padding:0;font-size:12px}.family-table details summary{margin-top:10px;font-size:10px}.family-table details p{min-width:150px;font-size:12px}.status-pill{color:#886022;white-space:nowrap;background:#fbefd9;border-radius:5px;padding:3px 7px;font-size:10px;display:inline-block}.status-pill.good{color:#287451;background:#dfeee5}.empty-state{text-align:center;color:var(--muted);border:1px dashed #b5c9c9;border-radius:13px;padding:40px}.empty-state svg{margin:0 auto 15px}.empty-state p{margin-top:12px;font-size:14px}.family-table~.secondary-button{margin-top:20px}.workshop .save-dialog{width:min(590px,100% - 28px);max-height:90vh;color:var(--ink);background:#fff;border:0;border-radius:20px;padding:0;box-shadow:0 20px 100px #102b3b45}.save-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#172d3c80}.dialog-inner{padding:35px;position:relative}.dialog-inner>h2{margin:14px 0 20px;font-size:32px}.dialog-inner>p{color:var(--muted);margin:20px 0;font-size:14px;line-height:1.8}.workshop .dialog-close{border:0;padding:5px;position:absolute;top:15px;right:15px}.code-box{background:#e9f1ed;border:1px solid #bbd2c6;border-radius:12px;margin:23px 0;padding:20px}.code-box>span{color:var(--muted);font-size:11px;display:block}.code-box>strong{color:var(--teal);overflow-wrap:anywhere;margin:12px 0 18px;font-size:22px;line-height:1.6;display:block}.code-box button{align-items:center;gap:6px;padding:7px 10px;font-size:11px;display:flex}.dialog-inner .privacy-note{gap:10px;font-size:12px;display:flex}.privacy-note svg{flex:none;margin-top:5px}.recover-details,.privacy-details{border-top:1px solid var(--line);padding:19px 0}.recover-details form{flex-direction:column;gap:14px;margin-top:18px;display:flex}.recover-details label,.privacy-details label{font-size:12px;font-weight:600}.replace-check{color:var(--muted);align-items:flex-start;gap:10px;display:flex}.replace-check input{margin-top:4px}.privacy-details button{margin:10px 0;font-size:12px}.privacy-details label{margin-top:15px;display:block}.privacy-details input{margin-top:8px}.workshop .danger-button{color:#ab382c;border-color:#d9b5af}.error-note{background:#fff0e9;border:1px solid #d9a797;border-radius:8px;padding:14px;color:#913b25!important;font-size:13px!important}.loading-workshop{color:var(--muted);flex-direction:column;align-items:center;gap:20px;padding:90px 30px;display:flex}.storage-warning{background:#fff3df;border:1px solid #dcc697;border-radius:10px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;padding:14px;font-size:12px;display:flex}.storage-warning button{flex:none;font-size:11px}.workshop-icon{flex:none;display:block;overflow:visible}.workshop-icon [class^=wi-]{transform-box:view-box;transform-origin:24px 24px;transition:transform .38s cubic-bezier(.2,.8,.2,1),opacity .25s}.nav-icon{border-radius:10px;flex:none;place-items:center;width:34px;height:36px;transition:background .2s,box-shadow .2s;display:grid}.nav-label{transition:transform .25s}.workshop-sidebar nav button:is(:hover,:focus-visible){color:var(--teal);background:#e6efec}.workshop-nav-item:is(:hover,:focus-visible) .nav-icon{background:#fff;box-shadow:0 2px 5px #23483d0c}.workshop-nav-item:is(:hover,:focus-visible) .nav-label{transform:translate(2px)}.workshop-nav-item.selected .nav-icon{background:#f8fbfa}.workshop :is(button,.avatar-card):is(:hover,:focus-visible,:focus-within) .wi-lift{transform:translateY(-3px)}.workshop :is(button,.avatar-card):is(:hover,:focus-visible,:focus-within) .wi-needle{transform:rotate(30deg)}.workshop :is(button,.avatar-card):is(:hover,:focus-visible,:focus-within) .wi-turn{transform:rotate(12deg)}.workshop :is(button,.avatar-card):is(:hover,:focus-visible,:focus-within) .wi-card-back{transform:translate(-2px,-2px)rotate(-10deg)}.workshop :is(button,.avatar-card):is(:hover,:focus-visible,:focus-within) .wi-card-middle{transform:rotate(6deg)}.workshop :is(button,.avatar-card):is(:hover,:focus-visible,:focus-within) .wi-card-front{transform:translate(2px,1px)rotate(3deg)}.workshop :is(button,.avatar-card):is(:hover,:focus-visible,:focus-within) .wi-family-parent{transform:rotate(-7deg)translate(-1px)}.workshop :is(button,.avatar-card):is(:hover,:focus-visible,:focus-within) .wi-beads{transform:translate(3px)}.workshop :is(button,.avatar-card):is(:hover,:focus-visible,:focus-within) .wi-balance{transform:rotate(-7deg)}.workshop :is(button,.avatar-card):is(:hover,:focus-visible,:focus-within) .wi-compass-left{transform:rotate(7deg)}.workshop :is(button,.avatar-card):is(:hover,:focus-visible,:focus-within) .wi-compass-right{transform:rotate(-7deg)}.workshop-icon :is(.wi-bar-one,.wi-bar-two,.wi-bar-three){transform-origin:24px 38px}.workshop button:is(:hover,:focus-visible) .wi-bar-one{transform:scaleY(1.2)}.workshop button:is(:hover,:focus-visible) .wi-bar-two{transform:scaleY(.8)}.workshop button:is(:hover,:focus-visible) .wi-bar-three{transform:scaleY(1.12)}.workshop button:is(:hover,:focus-visible) .wi-slide{transform:translate(3px)}.workshop button:is(:hover,:focus-visible) .wi-key{transform:rotate(-16deg)}.workshop button:is(:hover,:focus-visible) .wi-rays{transform:scale(1.15)}.workshop-icon .wi-trace{stroke-dasharray:3 3;transition:stroke-dashoffset .4s}.workshop button:is(:hover,:focus-visible) .wi-trace{stroke-dashoffset:-6px}.topic-glyph{transition:background .2s,border-radius .2s}.topic-card:is(:hover,:focus-visible) .topic-glyph{background:color-mix(in srgb,var(--axis) 14%,white);border-radius:14px}.topic-card-bottom>svg{transition:transform .2s}.topic-card:is(:hover,:focus-visible) .topic-card-bottom>svg{transform:translate(3px)}.avatar-portrait{transition:transform .3s;box-shadow:inset 0 0 0 1px #23363d0b,0 4px #23363d09}.avatar-card:is(:hover,:focus-within) .avatar-portrait{transform:rotate(0)translateY(-3px)}.hero-math{border:1px solid #ffffff70}.hero-copy p{max-width:300px}.mission-aside details{border-top:0;padding-top:0}.sync-retry{margin-top:18px}@media (min-width:1500px){.hero-sensei{max-width:430px;bottom:-35%}}@media (max-width:1100px){.workshop-shell{grid-template-columns:215px minmax(0,1fr)}.workshop-sidebar{padding-left:15px;padding-right:12px}.workshop-main{padding:28px 25px 0}.hero-copy{padding-left:26px}.hero-copy h1{font-size:36px}.hero-sensei{width:100%;bottom:-4%;right:-12%}.hero-math{transform:scale(.8)}.math-one{right:10px}.math-two{top:150px;left:0}.math-three{left:3px}.topic-grid{gap:11px}.topic-card strong{font-size:14px}.workshop .topic-card{padding:15px}.mission-layout{grid-template-columns:minmax(0,1fr)}.mission-aside{grid-template-columns:1fr 1fr;gap:15px;display:grid}.mission-aside details{border:0;padding:0}.avatar-grid,.family-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:800px){.workshop-header{height:70px;padding:0 22px}.workshop-shell{display:block}.workshop-sidebar{border-right:0;border-bottom:1px solid var(--line);background:#f4f7f8;min-height:0;padding:13px 20px;position:static}.workshop-sidebar nav{flex-direction:row;justify-content:space-between;gap:5px}.workshop-sidebar nav button{padding:9px;font-size:11px}.workshop-main{padding:25px 22px 0}.hero-copy h1{font-size:42px}.hero-sensei{width:91%;bottom:-22%;right:-2%}.workshop-hero,.hero-art{min-height:350px}.orientation-strip{flex-wrap:wrap}.orientation-strip button{margin-left:47px}}@media (max-width:560px){.workshop-header{padding:0 16px}.header-right{gap:10px}.avatar-badge{display:none}.workshop .save-button{gap:5px;padding:8px;font-size:10px}.workshop .save-button svg{width:14px}.coin-count{gap:4px;font-size:12px}.workshop-sidebar{padding:9px 10px}.workshop-sidebar nav button{white-space:normal;text-align:center;flex-direction:column;flex:1;gap:4px;padding:7px 5px;font-size:9px;line-height:1.3}.workshop-main{padding:19px 16px 0}.workshop-hero{border-radius:15px;min-height:386px;display:block;position:relative}.hero-copy{z-index:4;padding:26px 22px 30px}.hero-copy h1{max-width:260px;margin-top:18px;font-size:35px}.hero-copy p{max-width:195px;margin-bottom:21px;font-size:12px}.hero-copy .primary-button{min-height:44px;padding:10px 14px;font-size:12px}.hero-copy .eyebrow{letter-spacing:.07em;font-size:8px}.hero-small{font-size:9px}.hero-art{pointer-events:none;width:195px;height:290px;min-height:0;position:absolute;bottom:0;right:-39px}.hero-sensei{width:100%;bottom:-3%;right:-13px}.hero-orbit,.math-two,.math-three{display:none}.math-one{width:43px;height:43px;font-size:24px;top:15px;right:51px}.blueprint-grid{inset:0}.section-heading{align-items:flex-start;gap:10px}.section-heading h2{max-width:170px;font-size:23px}.section-heading .eyebrow{letter-spacing:.08em;font-size:8px}.grade-switch{gap:1px;padding:3px}.workshop .grade-switch button{padding:8px 9px;font-size:10px}.path-section{margin-top:28px}.axis-filter{gap:3px;margin-top:19px}.workshop .axis-filter button{padding:7px;font-size:10px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.workshop .topic-card{min-height:162px;padding:13px}.topic-card strong{margin-top:12px;font-size:14px}.topic-card-top small{font-size:8px}.topic-glyph{width:40px;height:40px}.topic-glyph svg{width:32px;height:32px}.topic-card-bottom{font-size:9px}.topic-card-bottom svg{display:none}.orientation-strip{gap:12px;padding:18px}.orientation-strip>div{flex:1}.orientation-strip h3{font-size:15px}.orientation-strip p{font-size:11px}.orientation-strip button{justify-content:center;width:100%;margin-left:0}.workshop-footer{margin-top:32px;padding:20px 0;font-size:9px}.workshop h1,.mission-heading h1{font-size:31px}.page-intro{font-size:14px}.brick-card{border-radius:12px;padding:22px 18px}.brick-card h2{font-size:23px}.concept-copy{font-size:17px}.brick-steps{gap:6px;margin:23px 0}.brick-steps>span{flex-direction:column;align-items:flex-start;gap:5px;font-size:8px}.brick-steps b{max-width:58px}.worked-example{padding:18px;font-size:17px}.answer-options label{gap:10px;padding:13px 10px;font-size:15px}.exploration{padding:17px 14px}.exploration output{font-size:14px}.mission-aside{padding:0;display:block}.mission-aside details{padding:0 0 15px}.topic-missions button{gap:13px;padding:17px 13px}.topic-missions strong{font-size:16px}.topic-missions small{font-size:11px}.mission-number{width:34px;height:34px;font-size:15px}.check-intro{padding:23px;display:block}.check-visual{display:none}.check-results{padding:24px}.avatar-grid{gap:10px}.avatar-card{padding:20px 12px}.avatar-card h2{font-size:16px}.avatar-portrait{width:70px;height:70px;font-size:38px}.family-stats article{padding:15px}.family-stats strong{font-size:30px}.family-explainer{gap:13px;padding:20px}.family-explainer h2{font-size:19px}.family-explainer p{font-size:13px}.dialog-inner{padding:30px 22px}.dialog-inner>h2{font-size:29px}.code-box{padding:16px}.code-box>strong{font-size:18px}.brick-card .button-row{gap:16px}}.model-select{gap:.5rem;margin:1rem 0;font-weight:600;display:grid}.model-select select{color:#23363d;width:100%;min-width:0;max-width:100%;font:inherit;background:#fff;border:1px solid #9cafb5;border-radius:.6rem;padding:.65rem}.model-tokens{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.model-tokens span{background:#d4e8e5;border-radius:.5rem;padding:.5rem .7rem}.model-table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.9rem}.model-table th,.model-table td{text-align:center;border:1px solid #a8bdc3;padding:.45rem}.model-table caption{text-align:left;margin-bottom:.5rem}.model-favorable{background:#d4e8e5;font-weight:700}.exploration .model-diagram{max-height:320px}.exploration .model-diagram text{font-size:15px}@media (max-width:800px){.workshop-sidebar nav button{gap:6px}.nav-icon{width:30px;height:32px}.nav-icon svg{width:29px;height:29px}}@media (max-width:560px){.workshop-sidebar nav button{gap:5px;min-height:68px}.workshop-nav-item:is(:hover,:focus-visible) .nav-label{transform:none}.hero-copy p{max-width:190px}.hero-math svg{width:31px;height:31px}.avatar-portrait svg{width:50px;height:50px}}@media (prefers-reduced-motion:reduce){.workshop *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.workshop .workshop-icon [class^=wi-],.workshop .nav-label,.workshop .topic-card-bottom>svg,.workshop .topic-card:hover,.workshop .primary-button:hover,.workshop .avatar-portrait{transform:none!important}}.workshop .math-copy{overflow-wrap:break-word}.workshop .taller-math .katex{letter-spacing:normal;font-size:1.08em;font-weight:400}.workshop .question-card h2{line-height:1.65}.workshop .answer-options label{line-height:1.9}.workshop .answer-options label>.math-copy{min-width:0}.workshop .answer-options label>span:has(.math-copy){min-width:0}.workshop .hint-note:has(.taller-math){line-height:2}.workshop .answer-feedback p:has(.taller-math){line-height:2}.workshop .worked-example{line-height:2.15}.workshop .code-email-form{border-top:1px solid var(--line);text-align:left;margin-top:20px;padding-top:18px}.workshop .code-email-form>label{font-size:14px;font-weight:700;display:block}.workshop .code-email-form p{color:var(--muted);margin:8px 0 12px;font-size:12px;line-height:1.6}.workshop .email-send-row{flex-wrap:wrap;gap:10px;display:flex}.workshop .email-send-row input{background:#fff;border:1px solid #aebfc4;border-radius:8px;flex:210px;width:100%;min-width:0;padding:12px;font-size:14px}.workshop .email-send-row button{flex:auto;justify-content:center;font-size:13px}.workshop .code-email-form .email-consent{color:var(--muted);align-items:flex-start;gap:10px;font-size:11px;font-weight:400;line-height:1.6;display:flex}.workshop .email-consent input{flex:none;width:16px;height:16px;margin-top:3px}.workshop .code-email-form .email-success{color:var(--teal);align-items:flex-start;gap:8px;font-weight:600;display:flex}.workshop .email-success svg{flex-shrink:0}.workshop .code-email-form .error-note{color:#a13f33}.workshop .workshop-hero{background:#e6efed;grid-template-columns:1fr 1.05fr;position:relative}.workshop .hero-copy{z-index:2;padding:38px 0 34px 32px}.workshop .atelier-art{isolation:isolate;min-height:390px;position:relative}.atelier-scene{position:absolute;inset:0;overflow:hidden}.atelier-image{object-fit:cover;object-position:60% 50%;width:100%;height:100%;position:absolute;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16%);mask-image:linear-gradient(90deg,#0000,#000 16%)}.atelier-construction{color:#206866;opacity:.65;width:64%;position:absolute;top:4%;left:-3%}.construction-orbit{transform-origin:122px 128px;animation:20s linear infinite atelier-orbit}.construction-trace{stroke-dasharray:1;animation:9s ease-in-out infinite atelier-draw}.workshop .atelier-motion{z-index:3;color:#3f605c;box-shadow:none;background:#ffffffed;border:1px solid #c4d6d1;align-items:center;gap:6px;padding:6px 9px;font-size:10px;display:flex;position:absolute;bottom:12px;right:12px}.motion-paused *{animation-play-state:paused!important}@keyframes atelier-orbit{to{transform:rotate(360deg)}}@keyframes atelier-draw{0%,to{stroke-dashoffset:1px;opacity:.25}35%,70%{stroke-dashoffset:0;opacity:.8}}.workshop .topic-card{isolation:isolate;background:linear-gradient(105deg,#fff 35%,color-mix(in srgb,var(--axis) 5%,white));min-height:178px;padding:16px 17px 14px}.workshop .topic-card:hover{background:linear-gradient(105deg,#fff 35%,color-mix(in srgb,var(--axis) 9%,white))}.topic-backdrop{z-index:-1;width:70%;height:100%;color:var(--axis);pointer-events:none;position:absolute;top:0;right:-10px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 48%);mask-image:linear-gradient(90deg,#0000,#000 48%)}.topic-drafting{opacity:.16;width:100%;height:100%;position:absolute}.topic-watermark{opacity:.1;position:absolute;top:40px;right:5px;transform:rotate(-9deg)}.workshop .topic-card-top{z-index:1;position:relative}.workshop .topic-glyph{background:color-mix(in srgb,var(--axis) 8%,white);border-radius:8px;width:34px;height:34px}.workshop .topic-glyph svg{width:27px;height:27px}.workshop .topic-card strong{max-width:90%;margin:11px 0 6px;font-size:16px}.topic-preview{color:#52676d;max-width:88%;margin-bottom:14px;font-size:11px;font-weight:400;line-height:1.5;display:block}.workshop .topic-card-bottom{font-size:10px}.workshop-footer nav{flex-wrap:wrap;gap:8px 16px;display:flex}.workshop-footer a{color:#46645f;text-underline-offset:3px;text-decoration:underline}@media (max-width:1100px){.workshop .hero-copy{padding-left:24px}.workshop .atelier-art{min-height:365px}.workshop .topic-card strong{font-size:14px}}@media (max-width:560px){.workshop .workshop-hero{flex-direction:column;min-height:0;display:flex}.workshop .hero-copy{padding:26px 24px 10px}.workshop .hero-copy h1{max-width:none;font-size:36px}.workshop .hero-copy p{max-width:none;margin-bottom:17px}.workshop .atelier-art{width:100%;min-height:235px}.atelier-image{object-fit:cover;object-position:50% 62%;-webkit-mask-image:linear-gradient(#0000,#000 15%);mask-image:linear-gradient(#0000,#000 15%)}.atelier-construction{width:50%;top:0;left:0}.workshop .topic-card{min-height:182px;padding:13px}.workshop .topic-card strong{max-width:100%;font-size:14px}.topic-preview{max-width:100%;margin-bottom:12px;font-size:10px}.topic-backdrop{opacity:.8;width:100%}.workshop-footer nav{grid-template-columns:1fr 1fr;width:100%;display:grid}}@media (prefers-reduced-motion:reduce){.atelier-art *{animation:none!important}.workshop .atelier-motion{display:none}.construction-trace{stroke-dashoffset:0}}.atelier-image{object-fit:contain!important;object-position:right center!important}@media (max-width:560px){.atelier-image{object-position:center!important}}.atelier-image{width:390px;max-width:100%;height:390px;left:auto;right:0}.atelier-motion{min-height:36px}@media (max-width:1100px) and (min-width:561px){.atelier-image{width:365px;height:365px}}@media (max-width:560px){.atelier-image{width:235px;height:235px;left:50%;right:auto;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}}.topic-card strong,.topic-preview{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.practice-progress{margin-bottom:24px}.practice-progress p{color:var(--muted);margin:0 0 10px;font-size:12px}.practice-progress .progress-track{height:5px}
