@font-face{font-display:swap;font-family:Modak;font-style:normal;font-weight:400;src:url(/assets/Modak-Regular-Bp64KL3u.woff2) format("woff2")}:root{--clay-font: "Avenir Next", Avenir, "Trebuchet MS", ui-rounded, system-ui, sans-serif;--clay-display-font: "Arial Rounded MT Bold", "Avenir Next", Avenir, "Trebuchet MS", ui-rounded, system-ui, sans-serif;--clay-wordmark-font: "Modak", "Arial Rounded MT Bold", "Avenir Next", Avenir, ui-rounded, system-ui, sans-serif;--clay-ink: #292824;--clay-ink-soft: #575146;--clay-ink-muted: #766d5e;--clay-paper: #f4eee2;--clay-paper-deep: #e7dcc8;--clay-charcoal: #202220;--clay-terracotta: #b7633f;--clay-cobalt: #31598b;--clay-ochre: #b88417;--clay-moss: #4f6d42;--clay-plum: #74485d;--clay-focus: #3d70ad;--clay-radius-action: .68rem .58rem .72rem .62rem;--clay-radius-pill: 1.35rem 1.18rem 1.42rem 1.24rem;--clay-radius-icon: .78rem .68rem .82rem .72rem;--clay-radius-compact: .35rem;--clay-radius-circle: 50%;--clay-material-base: var(--clay-terracotta);--clay-material-light: #cc7b55;--clay-material-dark: #7f3b24;--clay-ivory: #dfcfb2;--clay-ivory-light: #f3e3c6;--clay-ivory-dark: #947f65;--clay-shadow: #23150d;--wood-light: #b78356;--wood-base: #815534;--wood-dark: #3c2415;--cabinet-dark: #2b190e;--material-noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.58'/%3E%3C/svg%3E");--clay-pore-noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 96 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.2' numOctaves='4' seed='17' stitchTiles='stitch' result='n'/%3E%3CfeColorMatrix in='n' type='saturate' values='0' result='g'/%3E%3CfeComponentTransfer in='g'%3E%3CfeFuncR type='linear' slope='1.46' intercept='-.23'/%3E%3CfeFuncG type='linear' slope='1.46' intercept='-.23'/%3E%3CfeFuncB type='linear' slope='1.46' intercept='-.23'/%3E%3CfeFuncA type='table' tableValues='0 .64'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)' opacity='.72'/%3E%3C/svg%3E");--clay-mottle: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.075 .09' numOctaves='3' seed='41' stitchTiles='stitch' result='n'/%3E%3CfeColorMatrix in='n' type='saturate' values='0' result='g'/%3E%3CfeComponentTransfer in='g'%3E%3CfeFuncR type='linear' slope='.72' intercept='.14'/%3E%3CfeFuncG type='linear' slope='.72' intercept='.14'/%3E%3CfeFuncB type='linear' slope='.72' intercept='.14'/%3E%3CfeFuncA type='table' tableValues='0 .34'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)' opacity='.62'/%3E%3C/svg%3E");--clay-icon-grain-filter: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g' x='-35%25' y='-35%25' width='170%25' height='185%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.14' numOctaves='4' seed='11' result='n'/%3E%3CfeColorMatrix in='n' type='saturate' values='0' result='mono'/%3E%3CfeComponentTransfer in='mono' result='grain'%3E%3CfeFuncR type='linear' slope='.7' intercept='.28'/%3E%3CfeFuncG type='linear' slope='.7' intercept='.28'/%3E%3CfeFuncB type='linear' slope='.7' intercept='.28'/%3E%3CfeFuncA type='table' tableValues='0 .62'/%3E%3C/feComponentTransfer%3E%3CfeComposite in='grain' in2='SourceAlpha' operator='in' result='texture'/%3E%3CfeBlend in='SourceGraphic' in2='texture' mode='multiply'/%3E%3C/filter%3E%3C/svg%3E#g");--clay-icon-relief-filter: var(--clay-icon-grain-filter) drop-shadow(0 -.5px 0 rgb(255 250 235 / .42)) drop-shadow(0 1px 0 rgb(174 151 116 / .34)) drop-shadow(0 2px 0 rgb(103 76 54 / .24)) drop-shadow(0 3px 1px rgb(43 24 15 / .2));--clay-button-label-shadow: none;--clay-grain-coarse: url("data:image/svg+xml,%3Csvg viewBox='0 0 220 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='c'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.13' numOctaves='4' seed='9' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23c)' opacity='.34'/%3E%3C/svg%3E");--clay-surface-grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.31 .37' numOctaves='4' seed='23' stitchTiles='stitch' result='g'/%3E%3CfeColorMatrix in='g' type='saturate' values='0' result='m'/%3E%3CfeComponentTransfer in='m'%3E%3CfeFuncR type='linear' slope='1.35' intercept='-.18'/%3E%3CfeFuncG type='linear' slope='1.35' intercept='-.18'/%3E%3CfeFuncB type='linear' slope='1.35' intercept='-.18'/%3E%3CfeFuncA type='table' tableValues='0 .72'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23s)' opacity='.72'/%3E%3C/svg%3E");--clay-paper-noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.17' numOctaves='3' seed='37' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)' opacity='.12'/%3E%3C/svg%3E");--charcoal-noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='c'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.42' numOctaves='3' seed='22' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23c)' opacity='.18'/%3E%3C/svg%3E");--wood-grain-vertical: repeating-linear-gradient( 91deg, rgb(50 29 17 / .13) 0 1px, transparent 1px 4px, rgb(255 225 183 / .045) 4px 5px, transparent 5px 9px, rgb(70 40 22 / .08) 9px 10px, transparent 10px 17px );--wood-grain-horizontal: repeating-linear-gradient( 179deg, rgb(50 29 17 / .12) 0 1px, transparent 1px 3px, rgb(255 225 183 / .05) 3px 4px, transparent 4px 8px, rgb(70 40 22 / .07) 8px 9px, transparent 9px 14px )}*{box-sizing:border-box}.clay-material-surface{--clay-material-background: linear-gradient( 145deg, color-mix(in srgb, var(--clay-material-light) 12%, var(--clay-material-base)), var(--clay-material-base) 55%, color-mix(in srgb, var(--clay-material-base) 88%, var(--clay-material-dark)) );--clay-material-blend: normal;--clay-formed-edge-shadow: inset 0 4px 2px -.5px var(--clay-material-light), inset 4px 0 2px -.5px color-mix(in srgb, var(--clay-material-light) 54%, var(--clay-material-base)), inset 0 -4px 2px -.3px var(--clay-material-dark), inset -4px 0 2px -.5px color-mix(in srgb, var(--clay-material-dark) 62%, var(--clay-material-base));--clay-contact-shadow: 0 2px 0 color-mix(in srgb, var(--clay-material-dark) 78%, #3b2114), 0 5px 5px rgb(58 34 20 / .3);position:relative;isolation:isolate;overflow:hidden}.clay-material-surface:after{position:absolute;inset:-12%;z-index:0;opacity:.54;background-image:var(--clay-pore-noise),var(--clay-mottle);background-position:11px 7px,37% 44%;background-size:76px 64px,170px 132px;content:"";filter:grayscale(1) contrast(1.6);mix-blend-mode:soft-light;pointer-events:none;transform:rotate(3deg) scale(1.08)}.clay-material-surface>*{position:relative;z-index:1}.clay-material-control{--clay-control-base: var(--clay-ivory-light);--clay-control-light: #fff9ed;--clay-control-dark: var(--clay-ivory-dark);--clay-control-background: linear-gradient(180deg, rgb(255 255 255 / .24), transparent 54%), var(--clay-pore-noise), var(--clay-mottle), linear-gradient( 145deg, var(--clay-control-light), var(--clay-control-base) 58%, color-mix(in srgb, var(--clay-control-base) 80%, var(--clay-control-dark)) );--clay-control-shadow: inset 1px 1px 2px color-mix(in srgb, var(--clay-control-light) 58%, transparent), inset -1px -1px 2px color-mix(in srgb, var(--clay-control-dark) 28%, transparent), 0 3px 5px rgb(56 39 24 / .12);background:var(--clay-control-background);background-blend-mode:normal,soft-light,soft-light,normal;background-position:center,7px 5px,41% 37%,center;background-size:auto,58px 48px,138px 108px,auto;border-radius:var(--clay-control-radius, var(--clay-radius-action));box-shadow:var(--clay-control-shadow);transition:box-shadow .12s ease,transform .12s ease}.clay-material-control:hover:not(:disabled){transform:translateY(-1px)}.clay-material-control:active:not(:disabled){box-shadow:inset 0 2px 2px color-mix(in srgb,var(--clay-control-dark) 34%,transparent),0 1px color-mix(in srgb,var(--clay-control-dark) 24%,transparent);transform:translateY(1px)}.clay-material-control:focus-visible{outline:3px solid var(--clay-focus);outline-offset:2px}.clay-close-control{--clay-control-base: #d46d75;--clay-control-light: #ed9ba0;--clay-control-dark: #913e47;--clay-control-radius: var(--clay-radius-icon);display:grid;flex:0 0 auto;width:2.75rem;height:2.75rem;min-height:2.75rem;place-items:center;border:1px solid #a34d55;border-radius:var(--clay-control-radius);padding:0;color:#fff8eb;cursor:pointer;transform:rotate(-2deg)}.clay-close-control:hover:not(:disabled){--clay-control-base: #c15c65}.clay-close-control svg{width:1rem;height:1rem;transform:rotate(2deg)}body :where(button,[role=button],a[class*=button],a[class*=action]):not(.blocklyWidgetDiv *):not(.blocklyDropDownDiv *):not(.blocklyToolboxDiv *):not([role=gridcell]):not(.costume-painter__palette *){border-radius:var(--clay-control-radius, var(--clay-radius-action))!important}body .costume-painter__grid button[role=gridcell]{border-radius:0!important}body .costume-painter__palette button{border-radius:.4rem!important}.auth-page :where(.clay-button--pill,.clay-pill-action){--clay-control-radius: var(--clay-radius-pill);border-radius:var(--clay-control-radius)!important}.auth-page :where(.clay-button--icon){--clay-control-radius: var(--clay-radius-icon);border-radius:var(--clay-control-radius)!important}.auth-page .auth-text-action{display:inline-flex;min-height:2.75rem;align-items:center}body :where(.clay-button--pill,.clay-pill-action,.explore-catalog__tabs button,.clay-code-map__stacks button,.project-goal-complete footer button,.project-opening-card__pages button,.stage-question button,.stage-actor--button,.sprite-library__filters button,.project-info-tags__suggestions button,.tutorial-project__build,.claypot-header__balance,.studio-bar__save-status,.studio-bar__balance,.stage-panel__live,.stage-output-lab__match,.project-goal-complete__eyebrow,.recent-card__tags span,.project-card-tags span,.community-card__category,.tutorial-thread__topic,.tutorial-project__time,.tutorial-project__complete,.tutorial-project__tags span){--clay-control-radius: var(--clay-radius-pill);border-radius:var(--clay-control-radius)!important}body :where(.clay-button--icon,.clay-close-control,.claypot-header__menu,.stage-control,.clay-code-control,.clay-shape-guide-popover>header button,.clay-block-help-dialog header button,.sprite-library>header button,.sprite-inspector__actions button,.backdrop-card__actions button){--clay-control-radius: var(--clay-radius-icon);border-radius:var(--clay-control-radius)!important}body .stage-actor__resize{--clay-control-radius: var(--clay-radius-compact);border-radius:var(--clay-control-radius)!important}.clay-true-circle,body .studio-bar__profile,body .claypot-header__profile,body .claypot-header__learner,body .stage-move-handle{--clay-control-radius: var(--clay-radius-circle);border-radius:var(--clay-control-radius)!important}@media(prefers-reduced-motion:reduce){.clay-material-control{transition:none}}html{min-width:20rem;min-height:100%;color:var(--clay-ink);background:#e8decc;font-family:var(--clay-font)}body{min-height:100%;margin:0;background:radial-gradient(circle at 82% 4%,rgb(255 255 255 / .52),transparent 25rem),radial-gradient(circle at 10% 50%,rgb(179 117 73 / .05),transparent 32rem),var(--clay-paper-noise),#eee6d8}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.claypot-app{min-height:100dvh}.home-page{display:flex;flex-direction:column}.editor-loading{display:grid;min-height:100dvh;grid-template-columns:1fr;gap:.75rem;place-items:center;align-content:center;color:var(--clay-ink-soft);font-size:.82rem!important}.editor-route-state>main .editor-loading{min-height:calc(100dvh - 5.35rem)}.editor-route-state>main:has(.incompatible-project-recovery){display:grid;min-height:calc(100dvh - 5.35rem);place-items:center;padding:1rem}.incompatible-project-recovery{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;align-items:center;width:min(100%,46rem);border:1px solid rgb(91 72 49 / .18);border-radius:1.2rem 1.08rem 1.24rem 1.12rem/1.08rem 1.22rem 1.1rem 1.2rem;padding:clamp(1rem,3vw,1.75rem);color:var(--clay-ink);background:var(--clay-paper-noise),var(--clay-paper);box-shadow:inset 0 1px #ffffffb8,0 9px 20px #44301b1a}.incompatible-project-recovery__mark{width:3rem;height:3rem;border-radius:var(--clay-radius-icon);padding:.7rem;color:var(--clay-ivory);background:var(--clay-plum)}.incompatible-project-recovery--restart .incompatible-project-recovery__mark{background:var(--clay-terracotta)}.incompatible-project-recovery--error .incompatible-project-recovery__mark{background:var(--clay-ochre)}.incompatible-project-recovery h1{margin:0;font:800 clamp(1.45rem,4vw,2.1rem)/1.05 var(--clay-display-font)!important}.incompatible-project-recovery p{max-width:38rem;margin:.45rem 0 0;color:var(--clay-ink-soft);line-height:1.5}.incompatible-project-recovery__actions{display:flex;grid-column:2;flex-wrap:wrap;gap:.75rem}.incompatible-project-recovery__actions .clay-button{min-width:0}.incompatible-project-recovery__error{color:#7c342d!important;font-weight:760}.home-shell{display:grid;grid-template-columns:1fr;gap:clamp(1rem,2vw,1.75rem);width:min(100%,100rem);margin:0 auto;padding:1rem clamp(1rem,2.2vw,2.25rem) 2.5rem}.home-main{min-width:0}.home-page>.home-shell{flex:1}.home-page .home-main{display:flex;flex-direction:column;gap:1.2rem}.home-main__content{min-width:0}.home-hero{display:flex;gap:1.5rem;align-items:center;justify-content:space-between;min-height:7rem;padding:.25rem .25rem .75rem}.home-hero>div{flex:1 1 auto;min-width:0}.home-hero h1{margin:0;color:var(--clay-ink);font-family:var(--clay-display-font);font-size:clamp(2.35rem,3.6vw,3.75rem)!important;font-weight:800;letter-spacing:-.045em;line-height:1;text-wrap:balance}.home-hero p{margin:.75rem 0 0;color:var(--clay-ink-soft);font-size:clamp(.95rem,1.2vw,1.12rem)!important}.home-hero .clay-pill-action{flex:0 0 auto;min-height:3.5rem}.project-library-hero__back{display:inline-flex;gap:.35rem;align-items:center;min-height:2.75rem;margin-bottom:.45rem;border-radius:999px;padding:.55rem .15rem;color:#244f84;font-size:.84rem!important;font-weight:750;text-decoration:none}.project-library-hero__back:hover{text-decoration:underline;text-underline-offset:.22rem}.project-library-hero__back:focus-visible{outline:3px solid var(--clay-focus);outline-offset:2px}.project-library-hero__back svg{width:1rem;height:1rem}.home-hero__actions{display:flex;flex:0 0 auto!important;gap:.8rem;align-items:flex-start;justify-content:center}.home-hero__actions .home-hero__centered-action{width:9.75rem;height:3.5rem;min-height:3.5rem}.home-hero__actions .home-hero__centered-action>.clay-button__surface{position:relative;grid-template-columns:max-content var(--home-action-icon-size, 1.75rem);gap:.5rem;align-items:center;justify-content:center;padding:.32rem .45rem .36rem}.home-hero__actions .home-hero__centered-action .clay-button__label{align-self:center;font-size:.82rem!important;transform:none;white-space:nowrap}.home-hero__actions .home-hero__centered-action .clay-button__icon{z-index:2;grid-column:2;grid-row:1;justify-self:center;width:var(--home-action-icon-size, 1.75rem);height:var(--home-action-icon-size, 1.75rem)}.home-tour-replay{min-height:2.75rem;border:1px solid rgb(91 72 49 / .35);border-radius:.8rem;padding:.65rem .9rem;color:var(--clay-ink);background:#fffaf0d1;cursor:pointer;font:780 .88rem/1 var(--clay-font)!important}.home-tour-replay:focus-visible{outline:3px solid var(--clay-focus);outline-offset:2px}.surprise-me-action{display:grid;width:9.75rem;justify-items:center}.surprise-me-placeholder{display:block;width:9.75rem;height:3.5rem;border-radius:999px;background:#4d8e6629}.surprise-me-action .clay-button{width:100%;min-height:3.5rem}.surprise-me-action__cost{margin-top:.32rem;color:var(--clay-ink-soft);font-family:var(--clay-font);font-size:.8rem!important;font-weight:750;letter-spacing:.01em;line-height:1}.surprise-me-action>p[role=alert]{max-width:19rem;margin:.55rem 0 0;color:#9d322c;font-size:.8rem!important;line-height:1.35;text-align:center}.starter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.starter-grid--home{padding:.2rem 0 .35rem}.explore-catalog{scroll-margin-top:5.5rem;padding-inline:0}.explore-catalog__heading{margin-bottom:1.1rem}.explore-catalog__sections{display:grid;gap:clamp(1.5rem,3vw,2.25rem)}.explore-catalog__section{border-top:1px solid rgb(71 48 30 / .18);padding-top:1rem}.explore-catalog__section-heading{display:grid;grid-template-columns:minmax(0,1fr) auto 2.5rem;gap:.5rem .8rem;align-items:start;margin-bottom:.8rem}.explore-catalog__section-title{margin:0;font-family:var(--clay-display-font);font-size:1.2rem!important}.explore-catalog__section-count{align-self:center;color:var(--clay-ink-soft);font-size:.8rem!important}.explore-catalog__toggle{display:inline-grid;width:2.5rem;height:2.5rem;padding:0;place-items:center;border:1px solid rgb(71 48 30 / .2);border-radius:999px;background:#fffaeebd;color:var(--clay-terracotta);cursor:pointer}.explore-catalog__toggle:hover{background:#fffaeefa}.explore-catalog__toggle:focus-visible{outline:3px solid var(--clay-focus);outline-offset:2px}.explore-catalog__toggle svg{width:1rem;height:1rem}.explore-catalog__description{margin:.18rem 0 0;color:var(--clay-ink-soft);font-size:.82rem!important}.starter-collections{display:grid;gap:clamp(1.25rem,2.5vw,1.8rem)}.starter-collection{display:grid;gap:.65rem}.starter-collection__heading{display:flex;gap:.8rem;align-items:end;justify-content:space-between}.starter-collection__title{margin:0;color:var(--clay-ink);font-family:var(--clay-display-font);font-size:1rem!important}.starter-collection__heading p{margin:.12rem 0 0;color:var(--clay-ink-soft);font-size:.8rem!important}.starter-collection__heading>span{flex:0 0 auto;color:var(--clay-ink-soft);font-size:.8rem!important}.lesson-catalog-paths,.lesson-catalog-units{display:grid;gap:.8rem}.lesson-catalog-path,.lesson-catalog-unit{border:1px solid rgb(71 48 30 / .18);border-radius:1rem;background:#fffaee9e;overflow:clip}.lesson-catalog-path>summary,.lesson-catalog-unit>summary{display:flex;gap:.8rem;align-items:center;justify-content:space-between;min-height:2.75rem;padding:.7rem .85rem;cursor:pointer;list-style:none}.lesson-catalog-path>summary::-webkit-details-marker,.lesson-catalog-unit>summary::-webkit-details-marker{display:none}.lesson-catalog-path>summary:focus-visible,.lesson-catalog-unit>summary:focus-visible{outline:3px solid var(--clay-focus);outline-offset:-3px}.lesson-catalog-path>summary>span:first-child{display:grid;gap:.15rem}.lesson-catalog-path>summary strong{font-family:var(--clay-display-font);font-size:1.05rem!important}.lesson-catalog-path>summary small{color:var(--clay-ink-soft);font-size:.8rem!important}.lesson-catalog-path__toggle{color:var(--clay-terracotta);font-size:.8rem!important;font-weight:800}.lesson-catalog-path[open]>summary .lesson-catalog-path__toggle:before{content:"Hide "}.lesson-catalog-path:not([open])>summary .lesson-catalog-path__toggle:before{content:""}.lesson-catalog-path[open]>summary .lesson-catalog-path__toggle{font-size:0!important}.lesson-catalog-path[open]>summary .lesson-catalog-path__toggle:before{font-size:.8rem!important}.lesson-catalog-units{border-top:1px solid rgb(71 48 30 / .14);padding:.8rem}.lesson-catalog-unit>summary{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);background:#ece2d280}.lesson-catalog-unit>summary:after{justify-self:end;content:"›";color:var(--clay-terracotta);font-size:1.2rem!important;font-weight:850;transform:rotate(90deg);transition:transform .14s ease}.lesson-catalog-unit[open]>summary:after{transform:rotate(-90deg)}.lesson-catalog-unit>summary strong{font-size:.88rem!important}.lesson-catalog-unit>summary span{justify-self:center;color:var(--clay-ink-soft);font-size:.8rem!important}.lesson-catalog-unit>.starter-grid{padding:.8rem}.home-section{margin-top:1.4rem}.section-heading{display:flex;gap:1rem;align-items:end;justify-content:space-between;min-height:2.1rem;margin-bottom:.55rem;padding-inline:.15rem}.section-heading h1,.section-heading h2{margin:0;font-size:1.05rem!important;font-weight:750;letter-spacing:-.02em}.explore-catalog__heading h1{font-size:clamp(1.35rem,2.2vw,1.75rem)!important}.section-heading p{margin:0 0 0 .8rem;color:var(--clay-ink-soft);font-size:.84rem!important}.section-heading>div{display:flex;align-items:baseline}.section-heading>.section-heading__actions{display:flex;flex:0 0 auto;gap:.35rem .8rem;align-items:center;justify-content:flex-end}.section-heading a{display:inline-flex;gap:.35rem;align-items:center;min-height:2.75rem;border-radius:.5rem;padding:.45rem .15rem;color:#244f84;font-size:.82rem!important;font-weight:600;text-decoration:none}.section-heading a:hover{text-decoration:underline;text-underline-offset:.22rem}.section-heading a:focus-visible{outline:3px solid var(--clay-focus);outline-offset:3px}.section-heading a svg{width:.9rem;height:.9rem}.home-projects__saved>h3{margin:0 0 .6rem .15rem;color:var(--clay-ink-soft);font-size:.8rem!important;font-weight:750}.home-projects__empty{display:flex;gap:1rem;align-items:center;justify-content:space-between;min-height:4.5rem;border:1px dashed rgb(91 72 49 / .24);border-radius:.8rem;padding:.85rem 1rem;background:#fffcf561}.home-projects__empty p{margin:0;color:var(--clay-ink-soft);font-size:.84rem!important}.home-projects__empty p strong{color:var(--clay-ink)}.home-projects__empty a{display:inline-flex;flex:0 0 auto;gap:.35rem;align-items:center;color:#244f84;font-size:.8rem!important;font-weight:700}.home-projects__empty a svg{width:.9rem;height:.9rem}.recent-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;padding-bottom:1.2rem}.recent-grid:after{position:absolute;right:-.5rem;bottom:.15rem;left:-.5rem;z-index:-1;height:1.35rem;border:1px solid rgb(111 83 49 / .15);border-radius:.4rem .55rem .48rem .6rem;background:var(--clay-paper-noise),#dfcfb5;box-shadow:inset 0 2px #ffffff73,inset 0 -3px #6e513029,0 8px 12px #452b1629;content:""}.recent-card{position:relative;min-width:0;min-height:6.15rem;border:1px solid rgb(91 72 49 / .14);border-radius:.95rem .86rem 1rem .92rem/.86rem 1rem .9rem .98rem;background:linear-gradient(145deg,rgb(255 255 255 / .42),transparent 40%),var(--clay-paper-noise),var(--clay-paper);box-shadow:inset 0 1px #ffffffb3,0 2px 2px #44301b1f,0 6px 12px #44301b14}.recent-card__open{position:relative;z-index:1;display:grid;grid-template-columns:4.4rem minmax(0,1fr);gap:.65rem;align-items:center;min-height:6.15rem;border-radius:inherit;padding:.65rem;color:inherit;text-decoration:none}.recent-card__open:hover h3{text-decoration:underline;text-underline-offset:.16rem}.recent-card__open:focus-visible{outline:3px solid var(--clay-focus);outline-offset:3px}.recent-card:before{position:absolute;bottom:.72rem;left:.95rem;width:3.1rem;height:.72rem;border-radius:50%;background:#37251424;content:"";filter:blur(.28rem);pointer-events:none}.recent-card__thumb{position:relative;width:4.25rem;height:4.4rem}.recent-card__thumb>img{width:4.25rem;height:4.4rem;object-fit:contain;filter:saturate(.96)}.recent-card__tags{display:flex;gap:.25rem;flex-wrap:wrap;margin-top:.35rem}.recent-card__tags span{overflow:hidden;max-width:100%;border:1px solid rgb(62 53 43 / .14);border-radius:999px;padding:.18rem .3rem;color:#3e352b;background:#ebe1d1b8;font-size:.8rem!important;font-weight:820;line-height:1;text-overflow:ellipsis;white-space:nowrap}.recent-card__open>div{min-width:0}.recent-card__copy{align-self:center;padding-right:6.4rem}.recent-card h3{overflow:hidden;margin:0;font-size:.84rem!important;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.recent-card p,.recent-card__status,.recent-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-card__status{display:inline-flex;gap:.2rem;align-items:center;margin:0 .35rem 0 0;color:#3f7844;font-size:.8rem!important;font-weight:750}.recent-card__status svg{width:.78rem;height:.78rem}.recent-card p{margin:.34rem 0;color:var(--clay-cobalt);font-size:.8rem!important;font-weight:600}.recent-card[data-tone=moss] p{color:var(--clay-moss)}.recent-card[data-tone=ochre] p{color:#8b620f}.recent-card small{color:var(--clay-ink-muted);font-size:.8rem!important}.recent-card__open>svg{position:absolute;top:.65rem;right:.65rem;width:2rem;height:2rem;padding:.42rem;border-radius:999px;color:var(--clay-paper);background:var(--clay-terracotta)}.recent-card__delete{position:absolute;right:.55rem;bottom:.55rem;z-index:2;display:grid;width:2.75rem;height:2.75rem;place-items:center;border:1px solid rgb(125 40 29 / .28);border-radius:999px;padding:0;color:#7d281d;background:#fff7f1;box-shadow:0 2px #70221929;cursor:pointer}.recent-card__delete:hover{color:#fff;background:#a83227}.recent-card__delete:focus-visible{outline:3px solid var(--clay-focus);outline-offset:2px}.recent-card__delete svg{width:1.1rem;height:1.1rem}.recent-card__duplicate{position:absolute;right:3.55rem;bottom:.55rem;z-index:2;display:grid;width:2.75rem;height:2.75rem;place-items:center;border:1px solid rgb(88 72 120 / .28);border-radius:999px;padding:0;color:#3e315c;background:#f8f3ff;box-shadow:0 2px #58487829;cursor:pointer}.recent-card__duplicate:hover{color:#fff;background:#695299}.recent-card__duplicate:focus-visible{outline:3px solid var(--clay-focus);outline-offset:2px}.recent-card__duplicate svg{width:1.1rem;height:1.1rem}.project-duplicate-dialog{width:min(calc(100% - 2rem),36rem);border:1px solid #584878;border-radius:1rem .9rem 1.05rem .95rem;padding:2rem 2rem 1.5rem;color:var(--clay-ink);background:var(--clay-paper)}.project-duplicate-dialog::backdrop{background:#3e315c99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.project-delete-dialog{width:min(calc(100% - 2rem),36rem);border:1px solid #b83e31;border-radius:1rem .9rem 1.05rem .95rem;padding:2rem 2rem 1.5rem;color:var(--clay-ink);background:var(--clay-paper);box-shadow:0 22px 60px #23130c52;text-align:center}.project-delete-dialog::backdrop{background:#2319129e}.project-delete-dialog__icon{display:grid;width:3rem;height:3rem;margin:0 auto .65rem;place-items:center;border-radius:50%;color:#8b241c;background:#f6d8d2}.project-delete-dialog__icon svg{width:1.55rem;height:1.55rem}.project-delete-dialog__eyebrow{margin:0;color:#8b241c;font-size:.8rem!important;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.project-delete-dialog h2{margin:.3rem auto 0;max-width:28rem;font-size:1.25rem!important}.project-delete-dialog__warning{margin:.8rem auto 0;max-width:28rem;color:var(--clay-ink-soft);font-size:.9rem!important;line-height:1.55}.project-delete-dialog__error{margin:.8rem auto 0;color:#7d281d;font-size:.82rem!important;font-weight:750}.project-delete-dialog__actions{display:grid;gap:.75rem;align-items:end;margin-top:1.5rem}.project-delete-dialog__actions--confirm{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.project-delete-dialog__actions--final{grid-template-columns:minmax(0,1fr) auto}.project-delete-dialog__actions button{display:inline-flex;gap:.45rem;align-items:center;justify-content:center;max-width:100%;min-height:2.75rem;border-radius:.7rem;padding:.65rem 1rem;font:inherit;font-size:.84rem!important;font-weight:800;cursor:pointer}.project-delete-dialog__destructive{border:1px solid #7d281d;color:#fff;background:#a83227;box-shadow:0 3px #712219}.project-delete-dialog__destructive--center{grid-column:2;justify-self:center}.project-delete-dialog__destructive--left{grid-column:1;justify-self:start}.project-delete-dialog__cancel--right{grid-column:-2 / -1;justify-self:end}.project-delete-dialog__destructive:hover:not(:disabled){background:#91271f}.project-delete-dialog__cancel{border:1px solid rgb(91 72 49 / .28);color:var(--clay-ink-soft);background:var(--clay-ivory);box-shadow:0 2px #5d3d2629}.project-delete-dialog__actions button:focus-visible{outline:3px solid var(--clay-focus);outline-offset:3px}.project-delete-dialog__actions button:disabled{cursor:wait;opacity:.66}.project-delete-dialog__destructive .claypot-loader{--clay-ivory: #f3d6c8;--clay-ivory-dark: #7d281d;--clay-ivory-light: #fff4ee}.community-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}.community-empty{display:flex;gap:.8rem;align-items:center;min-height:8rem;border:1px dashed rgb(99 77 52 / .3);border-radius:1rem;padding:1.5rem;color:var(--clay-ink-soft);background:#ffffff3d}.community-empty>svg{width:2.2rem;height:2.2rem;color:var(--clay-ochre)}.community-empty strong,.community-empty span{display:block}.community-empty span{margin-top:.2rem;font-size:.85rem!important}.kindness-strip{display:grid;grid-template-columns:minmax(18rem,1.4fr) minmax(28rem,1fr);gap:1.5rem;align-items:center;margin-top:auto;border:1px solid rgb(95 72 45 / .14);border-radius:1rem .9rem 1.08rem .94rem/.9rem 1.05rem .93rem 1.08rem;padding:.8rem 1rem;background:linear-gradient(145deg,rgb(255 255 255 / .42),transparent 38%),var(--clay-paper-noise),var(--clay-paper);box-shadow:inset 0 1px #ffffffb3,0 2px 2px #44301b1c,0 7px 14px #44301b14}.kindness-strip__intro,.kindness-strip__values,.kindness-strip__values>span{display:flex;align-items:center}.kindness-strip__intro{min-width:0;gap:.8rem}.kindness-strip__intro>span{display:grid;flex:0 0 auto;width:2.65rem;height:2.65rem;place-items:center;color:var(--clay-terracotta);filter:drop-shadow(0 2px 0 #7b3820) drop-shadow(0 5px 5px rgb(70 41 22 / .18))}.kindness-strip__intro svg{width:2.45rem;height:2.45rem}.kindness-strip p{min-width:0;margin:0;color:var(--clay-ink-soft);font-size:.8rem!important;line-height:1.4;overflow-wrap:anywhere}.kindness-strip p strong{display:block;color:var(--clay-ink);font-size:.82rem!important}.kindness-strip__values{gap:1.4rem;justify-content:space-between}.kindness-strip__values>span{min-width:0;gap:.45rem;color:var(--clay-ink-soft);font-size:.8rem!important;white-space:normal}.kindness-strip__values>span>span{min-width:0;overflow-wrap:anywhere}.kindness-strip__values>span>svg{width:1.8rem;height:1.8rem;flex:0 0 auto;filter:var(--clay-icon-grain-filter) drop-shadow(0 3px 2px rgb(68 42 22 / .25))}.kindness-strip__values>span:nth-child(1)>svg{color:var(--clay-moss)}.kindness-strip__values>span:nth-child(2)>svg{color:var(--clay-ochre)}.kindness-strip__values>span:nth-child(3)>svg{color:var(--clay-cobalt)}.kindness-strip__values>span:nth-child(4)>svg{color:var(--clay-terracotta)}.kindness-strip__values strong{display:block;color:var(--clay-ink);font-size:.8rem!important}.recent-grid--owned{grid-template-columns:minmax(18rem,26rem)}.home-load-state{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;align-items:center;min-height:7.2rem;border:1px solid rgb(91 72 49 / .16);border-radius:1.2rem 1.08rem 1.24rem 1.12rem/1.08rem 1.22rem 1.1rem 1.2rem;padding:1rem 1.2rem;background:linear-gradient(145deg,rgb(255 255 255 / .4),transparent 38%),var(--clay-paper-noise),var(--clay-paper);box-shadow:inset 0 1px #ffffffb8,0 2px 2px #44301b1f,0 9px 16px #44301b14}.home-load-state>svg{display:grid;width:3.25rem;height:3.25rem;place-items:center;border-radius:46% 54% 50% 48%/52% 47% 53% 48%;color:var(--clay-ivory);background:var(--clay-plum);box-shadow:inset 0 .28rem .13rem #96647da6,inset 0 -.26rem .14rem #35192885,0 3px 2px #38221638}.home-load-state h2{margin:0;font-size:1.08rem!important}.home-load-state p{margin:.28rem 0 0;color:var(--clay-ink-soft);font-size:.84rem!important}.home-loading{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.home-loading span{min-height:17rem;border:1px solid rgb(91 72 49 / .1);border-radius:1.2rem 1.08rem 1.24rem 1.12rem;background:linear-gradient(105deg,transparent 35%,rgb(255 255 255 / .38),transparent 65%),var(--clay-paper-noise),#e5dbc9;background-size:220% 100%,auto,auto;box-shadow:inset 0 1px #ffffff94}@media(prefers-reduced-motion:no-preference){.home-loading span{animation:clay-loading 1.8s ease-in-out infinite}}@keyframes clay-loading{to{background-position:-120% 0,0 0,0 0}}.home-load-state{margin-top:.4rem}.home-load-state>svg{padding:.7rem;color:var(--clay-ivory);filter:none}.home-load-state .clay-button{width:9.75rem;height:3.5rem;min-width:0;min-height:3.5rem}.home-load-state .clay-button>.clay-button__surface{grid-template-columns:max-content 1.75rem;gap:.5rem;align-items:center;justify-content:center;padding:.32rem .45rem .36rem}.home-load-state .clay-button .clay-button__label{align-self:center;font-size:.82rem!important;transform:none;white-space:nowrap}.home-load-state .clay-button .clay-button__icon{width:1.75rem;height:1.75rem}.home-empty{color:var(--clay-ink-soft)}@media(max-width:1280px){.starter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.community-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kindness-strip{grid-template-columns:1fr}}@media(max-width:900px){html:has(.claypot-app:not(.editor-route-state)),body:has(.claypot-app:not(.editor-route-state)),.claypot-app:not(.editor-route-state){overflow-x:clip}.home-hero{flex-wrap:wrap}.home-hero>div{flex:1 0 100%;min-width:0}.home-hero>.home-hero__actions{flex:1 0 100%!important;justify-content:center}}@media(max-width:680px){.home-shell{gap:.8rem;padding:.85rem .75rem 1.5rem}.home-hero{align-items:flex-start;flex-wrap:wrap;min-height:0;padding:.8rem .25rem .9rem}.home-hero h1{font-size:clamp(2.05rem,9vw,2.75rem)!important}.home-hero p{font-size:.95rem!important}.starter-grid,.community-grid,.home-loading{grid-template-columns:1fr}.starter-grid{gap:.8rem}.recent-grid{grid-template-columns:1fr}.home-load-state{grid-template-columns:auto minmax(0,1fr)}.home-load-state .clay-button{grid-column:1 / -1;justify-self:start}.recent-card{min-height:5.8rem}.section-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem .75rem;align-items:start}.section-heading>div,.section-heading--community>div{display:block}.section-heading>.section-heading__actions{display:flex;grid-column:1 / -1;flex-wrap:wrap;justify-content:flex-start}.section-heading p{margin:.2rem 0 0;line-height:1.35}.explore-catalog__heading{grid-template-columns:1fr}.explore-catalog__section-heading{grid-template-columns:minmax(0,1fr) auto}.explore-catalog__section-count{grid-column:1;grid-row:2;justify-self:start}.explore-catalog__toggle{grid-column:2;grid-row:1 / span 2}.starter-collection__heading{display:block}.starter-collection__heading>span{display:block;margin-top:.3rem}.home-projects__empty{align-items:flex-start;flex-direction:column}.kindness-strip{padding:.65rem .75rem}.kindness-strip__intro{gap:.55rem}.kindness-strip__intro>span{width:2rem;height:2rem}.kindness-strip__intro svg{width:1.85rem;height:1.85rem}.kindness-strip__values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}}@media(max-width:760px){.editor-route-state>main .editor-loading,.editor-route-state>main:has(.incompatible-project-recovery){min-height:calc(100dvh - 4.75rem)}}@media(max-width:430px){.incompatible-project-recovery{grid-template-columns:minmax(0,1fr)}.incompatible-project-recovery__actions{grid-column:1}.home-hero{gap:1rem}.home-hero h1{font-size:2.35rem!important}.home-hero__actions{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.home-hero__actions .clay-pill-action,.surprise-me-action{min-width:0;width:100%}.surprise-me-placeholder,.surprise-me-action .clay-button{width:100%}.home-hero__actions .clay-button>.clay-button__surface{width:100%}.home-tour-replay{grid-column:1 / -1}.project-duplicate-dialog{width:min(calc(100% - 2rem),36rem);border:1px solid #584878;border-radius:1rem .9rem 1.05rem .95rem;padding:2rem 2rem 1.5rem;color:var(--clay-ink);background:var(--clay-paper)}.project-duplicate-dialog::backdrop{background:#3e315c99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.project-delete-dialog{width:min(calc(100% - 1rem),36rem);padding:1.4rem 1rem 1rem}.project-delete-dialog__actions{gap:.5rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}