/* A table by the window, and a snowfield that keeps unfolding. */
.chalk-scene{overflow-y:auto;justify-content:flex-start;padding:8px 0 20px}.chalk-scene>.eyebrow{margin:4px 0 8px}.chalk-scene>.section-title{font-size:clamp(26px,3vw,39px);margin:0 0 14px}.chalk-mount{width:min(1090px,100%)}.chalk-workshop{position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);align-items:center;gap:28px;min-height:340px}.chalk-view{height:clamp(290px,47vh,430px);position:relative;border:1px solid #d9cdb840;border-radius:45% 45% 20px 20px;background:linear-gradient(155deg,#f7efe1,#e5d4bd);overflow:hidden;touch-action:none;box-shadow:0 22px 55px #8b735815}.chalk-view canvas{display:block;width:100%;height:100%;touch-action:none}.chalk-sleeve{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:28px;border-radius:26px;background:linear-gradient(100deg,#f2e9daeb,#f9f4e9f2);border:1px solid #c8b59540;box-shadow:0 22px 55px #8b735813}.chalk-sleeve:before,.chalk-sleeve:after{content:'';height:1px;background:#b3957340;position:absolute;left:0;right:0;top:25%;transform:rotate(-8deg)}.chalk-sleeve:after{transform:rotate(11deg);top:74%}.chalk-sleeve>span{font:25px var(--serif);letter-spacing:.09em;color:#857465}.chalk-instructions{text-align:left;padding-right:16px}.chalk-step>span{font:10px Georgia;letter-spacing:.2em;color:var(--muted)}.chalk-step h3{font:25px/1.5 var(--serif);font-weight:400;margin:13px 0 8px}.chalk-instructions>[data-chalk-hint]{font-size:12px;line-height:1.8;color:var(--muted);min-height:44px;margin:0}.chalk-swatches{display:flex;gap:11px;margin:13px 0}.chalk-swatches button{width:27px;height:27px;min-height:0;border:3px solid var(--paper);outline:1px solid #99808020;background:var(--swatch);border-radius:50%;cursor:pointer;transition:transform .25s}.chalk-swatches button[aria-pressed=true]{outline-color:var(--accent);transform:translateY(-3px)}.chalk-progress{height:3px;background:var(--line);border-radius:5px;overflow:hidden;width:80%;margin:20px 0}.chalk-progress i{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .15s}.chalk-actions{display:flex;align-items:center;gap:6px 12px;flex-wrap:wrap}.chalk-actions .button{font-size:12px;padding:12px 20px;min-height:40px}.chalk-actions .text-button,.chalk-decor .text-button{font-size:11px;min-height:33px;padding:8px 6px}.chalk-promise{font:13px/1.9 var(--serif);color:var(--muted);border-top:1px solid var(--line);margin:17px 0 0;padding-top:15px}.chalk-decor{display:flex;flex-wrap:wrap;gap:7px}.chalk-fallback{padding:55px 20px;font:16px/2 var(--serif)}#chalk-next{margin:12px 0 0}.chalk-workshop[data-step=dry] .chalk-view{animation:chalk-sunshine 5.2s ease both}@keyframes chalk-sunshine{40%{filter:brightness(1.08) saturate(.95)}}
.snow-tools{flex-wrap:wrap;gap:5px 12px}.snow-tools .text-button{font-size:11px;min-height:31px;padding:7px 8px}.snow-modes{flex-wrap:wrap}.snow-status{pointer-events:none;max-width:80%;font-size:11px;padding:5px 13px;bottom:8px}.snow-viewport{touch-action:none;cursor:grab}.snow-viewport[data-mode=write],.snow-viewport[data-mode=magic]{cursor:crosshair}.snow-viewport[data-mode=build]{cursor:move}.snow-studio-tools{display:flex;align-items:center;justify-content:center;gap:12px 20px;flex-wrap:wrap;margin:13px 0 8px;color:var(--muted)}.snow-studio-tools label{display:flex;align-items:center;gap:7px;font-size:11px}.snow-studio-tools input{width:90px;accent-color:var(--accent)}.snow-studio-tools select{font:inherit;padding:5px 7px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:8px;max-width:150px}.snow-save-note{font-size:10px;color:var(--muted);text-align:center;line-height:1.7;margin:10px 0 3px}.snow-visitors{margin:13px auto 3px;width:min(700px,100%);border-top:1px solid var(--line);padding-top:11px}.snow-visitors summary{font:12px var(--serif);color:var(--muted);text-align:center;cursor:pointer;list-style:none}.snow-visitors summary:before{content:'◡';display:inline-block;width:23px;height:20px;color:#8cacc2;border:1px solid #8cacc240;border-radius:0 0 50% 50%;margin-right:7px}.visitor-shelf{display:flex;justify-content:center;gap:13px;padding-top:12px}.visitor-button{display:flex;align-items:center;text-align:left;gap:8px;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:18px;padding:9px 14px;cursor:pointer;transition:background .3s,transform .3s}.visitor-button:hover{transform:translateY(-3px);background:#ffffff18}.visitor-button svg{width:50px;height:62px;overflow:visible;transition:transform .4s}.visitor-button:hover svg{transform:rotate(-7deg)}.visitor-button span{font:12px var(--serif)}.visitor-button small{display:block;font:10px/1.8 var(--sans);color:var(--muted)}.visitor-response{text-align:center;font:12px/1.8 var(--serif);margin-top:10px;min-height:22px;color:var(--muted)}
.art-photo{margin:24px auto 10px;padding:18px;border:1px solid var(--line);border-radius:22px;max-width:720px;background:var(--paper);box-shadow:0 15px 50px #4c50600c;animation:story-arrive .55s var(--story-ease) both}.photo-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.photo-heading h3{font:20px var(--serif);font-weight:400;margin:0}.photo-heading .text-button{font-size:11px;min-height:30px;margin:0}.photo-preview{width:100%;display:block;border-radius:3px;box-shadow:0 3px 12px #6860650d}.photo-actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:14px}.photo-actions .button{font-size:12px;text-decoration:none;padding:10px 20px;min-height:38px}.photo-actions span{font-size:11px;color:var(--muted)}.eggs-dialog.snow-studio-expanded{width:calc(100vw - 20px);max-width:none;max-height:calc(100dvh - 20px)}.snow-studio-expanded .snow-world{height:62dvh!important;min-height:240px!important}
@media(max-height:650px) and (orientation:landscape){.chalk-scene>.section-title{font-size:27px;margin-bottom:8px}.chalk-scene>.eyebrow{margin:0 0 4px}.chalk-workshop{min-height:220px;gap:20px;grid-template-columns:1.3fr 1fr}.chalk-view{height:clamp(215px,45vh,325px)}.chalk-step h3{font-size:20px;margin:7px 0}.chalk-instructions>[data-chalk-hint]{font-size:11px;min-height:33px}.chalk-promise{font-size:11px;padding-top:9px;margin-top:10px}.chalk-progress{margin:11px 0}.chalk-swatches{margin:8px 0}.chalk-swatches button{width:23px;height:23px}.chalk-actions .button{min-height:33px;padding:8px 15px}.snow-studio-tools{margin:9px 0 5px}.visitor-button svg{width:38px;height:45px}}
@media(max-height:430px) and (orientation:landscape){.chalk-scene>.section-title{font-size:22px;margin-bottom:8px}.chalk-scene>.eyebrow{display:none}.chalk-workshop{gap:18px;grid-template-columns:1.3fr 1fr;min-height:180px}.chalk-view{height:215px;border-radius:50px 50px 16px 16px}.chalk-step h3{font-size:17px}.chalk-promise{font-size:10px;margin-top:5px;padding-top:6px}.chalk-actions .text-button{min-height:26px;padding:5px}.chalk-decor .text-button{font-size:10px;min-height:25px;padding:4px}.chalk-step>span{font-size:8px}#chalk-next{font-size:11px;margin-top:4px;padding:7px;min-height:28px}.snow-modes button{font-size:11px;padding:6px 11px}.snow-world:has(+.snow-tools+.snow-builder:not([hidden])){height:48vh;min-height:185px}.snow-tools{gap:1px 8px}.snow-tools .text-button{font-size:10px}.visitor-button{padding:7px 10px}.snow-save-note{font-size:9px}.art-photo{padding:12px}.photo-heading h3{font-size:17px}}
@media(max-width:700px) and (orientation:portrait){.chalk-scene{inset:88px 22px 64px;display:block;text-align:center}.chalk-workshop{display:flex;flex-direction:column;gap:15px;min-height:300px}.chalk-view{width:100%;height:250px;border-radius:100px 100px 15px 15px}.chalk-instructions{width:100%;padding:0 8px}.chalk-scene>.section-title{font-size:26px}.chalk-step h3{font-size:21px}.chalk-promise{font-size:12px}.chalk-workshop[data-step=wrapped]{min-height:400px}.chalk-instructions>[data-chalk-hint]{min-height:30px}.chalk-swatches{margin:10px 0}.chalk-progress{margin:12px 0}.visitor-shelf{gap:7px}.visitor-button{flex-direction:column;padding:7px 6px;text-align:center;flex:1}.visitor-button svg{height:59px;width:53px}.visitor-button span{font-size:11px}.visitor-button small{font-size:9px}.snow-studio-tools{gap:9px 14px}.snow-tools .text-button{font-size:10px;padding:6px 5px}.snow-modes button{padding:6px 10px;font-size:11px}.art-photo{padding:11px}.photo-actions{gap:8px}.photo-heading h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){.chalk-view,.art-photo{animation:none!important}.visitor-button,.visitor-button svg{transition:none}}