@font-face{font-family:"Young Serif";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/young-serif-latin-ext-400-normal-DzElnxZw.woff2) format("woff2"),url(/assets/young-serif-latin-ext-400-normal-4arC2Gh9.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Young Serif";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/young-serif-latin-400-normal-DIMmNPI9.woff2) format("woff2"),url(/assets/young-serif-latin-400-normal-D1tz0Z9s.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Shantell Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/assets/shantell-sans-cyrillic-ext-wght-normal-C5IA4B3w.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Shantell Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/assets/shantell-sans-cyrillic-wght-normal-C3g4RRlc.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Shantell Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/assets/shantell-sans-vietnamese-wght-normal-0TYE14Fi.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Shantell Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/assets/shantell-sans-latin-ext-wght-normal-CkCuiz5d.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Shantell Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/assets/shantell-sans-latin-wght-normal-B8jqu5lV.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@property --sky1{syntax: "<color>"; inherits: true; initial-value: #232549;}@property --sky2{syntax: "<color>"; inherits: true; initial-value: #37345f;}@property --sky3{syntax: "<color>"; inherits: true; initial-value: #8e4c62;}@property --cloud{syntax: "<color>"; inherits: true; initial-value: #3c4166;}@property --cloud-back{syntax: "<color>"; inherits: true; initial-value: #2e3254;}@property --cloud-ink{syntax: "<color>"; inherits: true; initial-value: #fff8ea;}@property --on-sky{syntax: "<color>"; inherits: true; initial-value: #fff8ea;}@property --ground{syntax: "<color>"; inherits: true; initial-value: #17122f;}@property --ground-back{syntax: "<color>"; inherits: true; initial-value: #3a2150;}:root{--ink: #1e1a33;--ink-soft: #4b4563;--paper: #fff8ea;--paper-2: #f6ecd8;--line: rgb(30 26 51 / .16);--wander: #f6c945;--make: #f58a5e;--learn: #8fd8c4;--tend: #f5b4cb;--focus: #1668e3;--error: #a4251a;--font-display: "Young Serif", Georgia, serif;--font-hand: "Shantell Sans Variable", "Comic Sans MS", cursive;--font-ui: "Instrument Sans Variable", system-ui, sans-serif;--ease-hang: linear(0, .14 6%, .5 15%, .86 25%, 1.05 34%, 1.1 41%, 1.07 50%, 1 62%, .985 74%, 1);--ease-out: cubic-bezier(.2, .8, .2, 1);--sky-change: 1.1s}*{box-sizing:border-box}html{background:var(--page, #171a35);-webkit-text-size-adjust:100%;overflow-x:clip}body{margin:0;font-family:var(--font-ui);font-size:1rem;line-height:1.5;color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:clip}button,input,select{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:3px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip{position:fixed;left:12px;top:-60px;z-index:100;padding:10px 14px;background:var(--paper);color:var(--ink);border-radius:4px}.skip:focus{top:12px}#main:focus{outline:none}.app{position:relative;min-height:100vh;min-height:100dvh;overflow-x:clip;display:flex;flex-direction:column;transition:--sky1 var(--sky-change),--sky2 var(--sky-change),--sky3 var(--sky-change),--cloud var(--sky-change),--cloud-back var(--sky-change),--cloud-ink var(--sky-change),--on-sky var(--sky-change),--ground var(--sky-change),--ground-back var(--sky-change)}main{flex:1;display:flex;flex-direction:column;position:relative;z-index:2;min-width:0}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:var(--sky1)}.backdrop__bands{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.band--2{fill:var(--sky2)}.band--3{fill:var(--sky3)}.orb{position:absolute;width:clamp(90px,13vw,190px);aspect-ratio:1;border-radius:50%;background:#ffe27a;left:0;top:0;transition:transform 1.6s var(--ease-out),background-color var(--sky-change),opacity var(--sky-change)}[data-time=morning] .orb{transform:translate(10vw,58vh);background:#ffc97e}[data-time=afternoon] .orb{transform:translate(78vw,30vh);background:#ffe27a}[data-time=evening] .orb{transform:translate(72vw,56vh);background:#ffa25f}[data-time=night] .orb{transform:translate(82vw,32vh) scale(.62);background:#f4efd8}[data-weather=cloudy] .orb{opacity:.22}[data-weather=rain] .orb{opacity:.1}[data-weather=snow] .orb{opacity:.3}.distant-clouds{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--sky-change)}.distant-clouds span{position:absolute;height:34px;width:280px;border-radius:40px;background:var(--cloud-back);animation:drift 90s linear infinite}.distant-clouds span:before{content:"";position:absolute;left:58px;bottom:10px;width:120px;height:70px;border-radius:50%;background:inherit}.distant-clouds span:nth-child(1){top:42vh;left:8vw}.distant-clouds span:nth-child(2){top:62vh;left:58vw;transform:scale(1.4);animation-duration:120s;animation-delay:-30s}.distant-clouds span:nth-child(3){top:34vh;left:74vw;transform:scale(.8);animation-duration:150s;animation-delay:-70s}[data-weather=cloudy] .distant-clouds{opacity:.55}[data-weather=rain] .distant-clouds{opacity:.3}@keyframes drift{0%{translate:-6vw 0}to{translate:6vw 0}}.stars,.stars-kept{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;transition:opacity var(--sky-change)}.star-ambient{fill:#fff8ea}.star-kept{position:absolute;width:26px;height:26px;margin:-13px;fill:#ffe38a}[data-time=night][data-weather=clear] :is(.stars,.stars-kept){opacity:1}[data-time=evening][data-weather=clear] .stars{opacity:.3}[data-time=evening][data-weather=clear] .stars-kept{opacity:.55}[data-time=night][data-weather=cloudy] .stars{opacity:.2}.fall{position:absolute;top:-480px;right:-480px;bottom:-480px;left:-480px;opacity:0;transition:opacity var(--sky-change);background-repeat:repeat;will-change:transform}[data-weather=rain] .fall{opacity:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cg stroke='%23dfe9ff' stroke-opacity='.42' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M30 8l-5 15M88 34l-5 15M16 70l-5 15M62 92l-5 15M108 76l-5 15'/%3E%3C/g%3E%3C/svg%3E");animation:rain .75s linear infinite}[data-weather=rain] .fall--far{background-size:84px;opacity:.55;animation-duration:1.25s}@keyframes rain{to{transform:translate(-120px,360px)}}[data-weather=snow] .fall{opacity:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cg fill='%23fff'%3E%3Ccircle cx='30' cy='40' r='3'/%3E%3Ccircle cx='120' cy='20' r='2'/%3E%3Ccircle cx='200' cy='70' r='3.5'/%3E%3Ccircle cx='70' cy='130' r='2.5'/%3E%3Ccircle cx='170' cy='170' r='2'/%3E%3Ccircle cx='20' cy='210' r='3'/%3E%3Ccircle cx='110' cy='220' r='3.5'/%3E%3C/g%3E%3C/svg%3E");animation:snow 18s linear infinite}[data-weather=snow] .fall--far{background-size:150px;opacity:.6;animation-duration:26s}@keyframes snow{to{transform:translate(240px,480px)}}.cloud{position:relative;z-index:30;color:var(--cloud-ink)}.cloud__body{position:relative;z-index:2;background:var(--cloud);padding:12px clamp(16px,3vw,40px) 8px}.cloud__edge{position:absolute;left:50%;top:100%;margin-left:-1584px;margin-top:-14px;pointer-events:none;animation:cloud-breathe 40s ease-in-out infinite alternate}.cloud__puffs--front{fill:var(--cloud)}.cloud__puffs--back{fill:var(--cloud-back);transform:translateY(14px)}@keyframes cloud-breathe{0%{translate:-14px 0}to{translate:14px 0}}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.wordmark{display:inline-flex;align-items:center;gap:8px;padding:4px 0;background:none;border:0;font-family:var(--font-display);font-size:1.15rem;letter-spacing:.005em}.wordmark svg{width:22px;height:22px;fill:currentColor}.wordmark svg circle{fill:none;stroke:currentColor;stroke-width:1.6}.topnav{display:flex;align-items:center;gap:2px}.topnav button{background:none;border:0;padding:7px 11px;border-radius:999px;font-size:.92rem;font-weight:500;transition:background-color .15s}.topnav button:hover{background:color-mix(in srgb,var(--cloud-ink) 10%,transparent)}.topnav button[aria-current=page]{background:var(--cloud-ink);color:var(--cloud)}.narrow-only{display:none}.forecast{display:grid;grid-template-columns:minmax(0,1fr);justify-items:start;gap:12px;padding:8px 0 4px}.sentence{font-family:var(--font-display);font-size:clamp(1.5rem,3.15vw,2.85rem);line-height:1.16;letter-spacing:-.008em;max-width:34em}.word{position:relative;display:inline-block}.word__button{background:none;border:0;padding:0 2px;margin:0 -2px;font:inherit;letter-spacing:inherit;color:inherit;text-decoration:underline wavy;text-decoration-thickness:2px;text-underline-offset:.17em;text-decoration-color:color-mix(in srgb,currentColor 55%,transparent);border-radius:6px;transition:background-color .15s,text-decoration-color .15s}.word__button:hover,.word__button[aria-expanded=true]{background:color-mix(in srgb,currentColor 12%,transparent);text-decoration-color:currentColor}.word__menu{position:absolute;left:0;top:calc(100% + 6px);z-index:5;min-width:190px;padding:6px;translate:var(--shift, 0) 0;background:var(--paper);color:var(--ink);border-radius:8px;box-shadow:0 2px #1e1a3340,0 14px 30px #0a081e4d;animation:menu-in .16s var(--ease-out);display:grid}@keyframes menu-in{0%{opacity:0;transform:translateY(-5px)}}.word__menu button{border:0;background:none;text-align:left;padding:8px 12px 8px 28px;border-radius:5px;font-family:var(--font-ui);font-size:1rem;position:relative;white-space:nowrap}.word__menu button:hover,.word__menu button:focus{background:var(--paper-2)}.word__menu button[aria-checked=true]{font-weight:600}.word__menu button[aria-checked=true]:before{content:"";position:absolute;left:11px;top:50%;width:8px;height:8px;margin-top:-4px;background:var(--make);border-radius:50%}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}.stamp{display:inline-flex;align-items:center;gap:7px;padding:4px 10px;margin-right:6px;font-size:.8rem;font-weight:600;border:1.5px dashed currentColor;border-radius:4px;transform:rotate(-.8deg)}.stamp__dot{width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.45}.stamp--live{border-style:solid}.stamp--live .stamp__dot{background:#1f9e62;opacity:1;box-shadow:0 0 0 2px var(--cloud)}.stamp--clock{border-style:solid}.presets{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:5px 12px;font-size:.86rem;font-weight:500;white-space:nowrap;background:transparent;border:1.5px solid color-mix(in srgb,currentColor 34%,transparent);border-radius:999px;transition:background-color .15s,border-color .15s,transform .15s}.chip:hover{border-color:currentColor}.chip:active{transform:translateY(1px)}.chip[aria-pressed=true]{background:var(--cloud-ink);color:var(--cloud);border-color:var(--cloud-ink)}.chip--live{border-style:solid;font-weight:600}.chip[disabled]{opacity:.6;cursor:progress}.hint{display:inline-flex;align-items:center;gap:8px;justify-self:start;font-family:var(--font-hand);font-size:.98rem;background:var(--wander);color:var(--ink);padding:3px 4px 3px 12px;transform:rotate(-.5deg);box-shadow:0 1px #1e1a3333;animation:hint-in .5s var(--ease-hang)}.hint button{border:0;background:none;font-size:1.15rem;line-height:1;padding:2px 7px;border-radius:3px}.hint button:hover{background:#1e1a331a}@keyframes hint-in{0%{opacity:0;translate:0 -8px}}.stage{flex:1;display:flex;flex-direction:column;position:relative;padding-top:46px;min-height:0}.stage__area{flex:1;position:relative}.hanging{list-style:none;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0}.hang{position:absolute;left:0;top:0;transition:transform 1.05s var(--ease-hang),width 1.05s var(--ease-hang),opacity .4s,visibility 0s;will-change:transform}.hang--instant{transition:none}.threads{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.thread{position:absolute;left:0;top:0;width:1.5px;height:0;transition:transform 1.05s var(--ease-hang),opacity .4s;will-change:transform}.thread:before{content:"";position:absolute;left:-.75px;bottom:0;width:1.5px;height:1400px;background:var(--thread)}.thread--hidden{opacity:0;transition-delay:0ms,.8s!important}.hang--hidden{visibility:hidden;opacity:0;transition-delay:0ms,0ms,0ms,.8s}.hang--hidden,.hang--hidden *{pointer-events:none}.hang__sway{transform-origin:50% 12px;rotate:var(--tilt, 0deg);animation:sway 7s ease-in-out infinite alternate;transition:rotate .7s var(--ease-out)}@keyframes sway{0%{transform:rotate(-1.1deg)}to{transform:rotate(1.1deg)}}.note{position:relative;display:flex;flex-direction:column;gap:5px;width:100%;text-align:left;padding:24px 14px 10px;color:var(--ink);border:0;border-radius:2px 2px 3px 14px/2px 2px 3px 6px;background:var(--note, var(--paper));box-shadow:0 1px #1e1a3333,0 9px 18px -7px #0a081e73;transition:transform .26s var(--ease-out),box-shadow .26s var(--ease-out),padding .4s var(--ease-out)}.note--wander{--note: var(--wander)}.note--make{--note: var(--make)}.note--learn{--note: var(--learn)}.note--tend{--note: var(--tend)}.note:after{content:"";position:absolute;left:0;bottom:0;width:15px;height:15px;background:linear-gradient(45deg,transparent 50%,rgb(30 26 51 / .16) 50%);border-radius:0 0 0 14px/0 0 0 6px}.note:hover{transform:translateY(5px) rotate(.6deg);box-shadow:0 1px #1e1a3333,0 16px 26px -8px #0a081e80}.note:active{transform:translateY(7px)}.note:focus-visible{outline:3px solid var(--on-sky);outline-offset:3px;box-shadow:0 0 0 3px var(--focus)}.hang:has(.note:focus-visible),.hang:hover{z-index:25!important}.note__hole{position:absolute;left:50%;top:8px;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:color-mix(in srgb,var(--ink) 72%,var(--note));box-shadow:0 0 0 2px #ffffff80}.note__title{font-family:var(--font-hand);font-weight:600;line-height:1.2;font-size:.93rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;transition:font-size .5s var(--ease-out)}.note__why{font-size:.88rem;line-height:1.32;animation:note-why-in .5s .35s var(--ease-out) backwards}@keyframes note-why-in{0%{opacity:0}}.note__meta{font-size:.72rem;font-weight:600;letter-spacing:.01em;color:color-mix(in srgb,var(--ink) 82%,var(--note))}.hang--reach .note__title{font-size:1.14rem}.hang--lead .note__title{font-size:1.42rem;line-height:1.14}.hang--lead .note__why{font-size:.95rem}.hang--lead .note{padding:26px 18px 13px;gap:7px}.hang--reach .note{padding:26px 15px 11px;gap:6px}.hang--kept .note{animation:kept-note .9s var(--ease-out) forwards;pointer-events:none}@keyframes kept-note{30%{transform:scale(1.04) rotate(-1deg);opacity:1}to{transform:translateY(-120px) scale(.2) rotate(-14deg);opacity:0}}.kept-star{position:absolute;left:50%;top:40%;width:34px;height:34px;margin:-17px;background:#ffe38a;clip-path:polygon(50% 0,56% 44%,100% 50%,56% 56%,50% 100%,44% 56%,0 50%,44% 44%);animation:kept-star .9s var(--ease-out) forwards}@keyframes kept-star{0%{transform:scale(0);opacity:0}50%{transform:scale(1.4) rotate(40deg);opacity:1}to{transform:translateY(-190px) scale(.5) rotate(90deg);opacity:.9}}.stage__more{position:absolute;left:clamp(14px,3vw,40px);bottom:118px;z-index:12;background:var(--cloud);color:var(--cloud-ink);border-color:transparent}.stage__empty{position:absolute;left:50%;bottom:8%;translate:-50% 0;width:min(460px,calc(100% - 32px));text-align:center;color:var(--on-sky);z-index:2}.stage__empty h2{font-family:var(--font-display);font-weight:400;font-size:1.6rem;line-height:1.2;margin-bottom:6px}.stage__empty .link{color:inherit}.intro{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:0 20px 24px;color:var(--on-sky);text-align:center;animation:intro-in .7s var(--ease-out)}@keyframes intro-in{0%{opacity:0;translate:0 12px}}.intro__title{font-family:var(--font-display);font-weight:400;font-size:clamp(2.2rem,5.6vw,4.8rem);line-height:1.04;max-width:14em;letter-spacing:-.012em}.intro__text{font-size:clamp(1rem,1.5vw,1.2rem);max-width:34em}.ground{position:sticky;bottom:0;z-index:20;color:var(--paper);margin-top:14px;padding:0 clamp(14px,3vw,40px) calc(10px + env(safe-area-inset-bottom));background:var(--ground)}.ground:has(.composer--open){z-index:40}.ground__hills{position:absolute;left:0;bottom:100%;width:100%;height:44px;margin-bottom:-1px;pointer-events:none;display:block}.hill-back{fill:var(--ground-back)}.hill-front{fill:var(--ground)}.ground__inner{position:relative;max-width:1400px;margin:0 auto;display:flex;align-items:flex-end;gap:clamp(16px,2.5vw,36px)}.ground__vane{flex:none;width:188px;height:72px;position:relative}.ground__vane .vane{position:absolute;left:0;bottom:0}.vane{position:relative;width:188px;height:188px;color:var(--paper)}.vane__dial{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.vane__plate{fill:var(--ground);stroke:var(--ground-back);stroke-width:2.5;transition:fill var(--sky-change)}.vane__ring{fill:none;stroke:#d3a94a;stroke-width:2}.vane__tick{stroke:#d3a94a;stroke-width:1.5}.vane__needle{fill:#e6bb53;transition:transform 1.3s var(--ease-hang)}.vane__wobble{animation:wobble 5s ease-in-out infinite alternate}@keyframes wobble{0%{transform:rotate(-2.5deg)}to{transform:rotate(2.5deg)}}.vane__rivet{fill:var(--ground);stroke:#e6bb53;stroke-width:2}.vane__point{position:absolute;display:inline-flex;flex-direction:column;align-items:center;gap:1px;padding:2px 3px;min-width:42px;min-height:30px;background:none;border:0;border-radius:6px;font-size:.7rem;font-weight:600;line-height:1.1;color:var(--paper);transition:background-color .15s,color .15s}.vane__point:hover{background:#fff8ea26}.vane__point:focus-visible{outline-color:var(--paper)}.vane__point[aria-pressed=true]{background:var(--paper);color:var(--ink)}.vane__point--wander{top:2px;left:50%;margin-left:-21px}.vane__point--learn{bottom:2px;left:50%;margin-left:-21px;flex-direction:column-reverse}.vane__point--make{right:0;top:50%;margin-top:-16px}.vane__point--tend{left:0;top:50%;margin-top:-16px}.swatch{width:9px;height:9px;border-radius:1.5px}.swatch--wander{background:var(--wander)}.swatch--make{background:var(--make)}.swatch--learn{background:var(--learn)}.swatch--tend{background:var(--tend)}.composer{flex:1;min-width:0;position:relative}.composer__row{display:flex;align-items:stretch;gap:8px}.composer__field{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);padding:6px 14px 7px;border-radius:3px;box-shadow:0 1px #0000004d;transition:box-shadow .15s}.composer__field:focus-within{outline:3px solid var(--wander);outline-offset:2px}.composer__label{font-size:.72rem;font-weight:700;letter-spacing:.02em;color:var(--ink-soft)}.composer__field input{width:100%;border:0;background:none;padding:0;outline:none;font-family:var(--font-hand);font-size:1.2rem;font-weight:500}.composer__field input::placeholder{color:#6d6782;opacity:1}.composer__more,.composer__send{border:0;border-radius:3px;padding:0 16px;font-weight:600;font-size:.95rem;transition:background-color .15s,transform .15s}.composer__more{background:transparent;color:var(--paper);border:1.5px solid rgb(255 248 234 / .4)}.composer__more:hover,.composer__more[aria-expanded=true]{background:#fff8ea24;border-color:var(--paper)}.composer__more:focus-visible,.composer__send:focus-visible{outline-color:var(--wander)}.composer__send{display:inline-flex;align-items:center;gap:8px;background:var(--wander);color:var(--ink);white-space:nowrap}.composer__send:hover{background:#ffd95e}.composer__send:active{transform:translateY(1px)}.composer__send svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s var(--ease-out)}.composer__send:hover svg{transform:translateY(-2px)}.composer__foot{font-size:.8rem;margin-top:5px;min-height:1.3em;color:#fff8ead1}.composer__foot .field__error{color:#ffc2b5;font-style:normal;font-weight:600}.composer__details{position:absolute;left:0;right:0;bottom:calc(100% + 10px);max-height:min(66vh,560px);overflow-y:auto;background:var(--paper);color:var(--ink);padding:16px 18px;border-radius:4px;box-shadow:0 -2px #1e1a331a,0 20px 50px #0a081e80;animation:details-in .24s var(--ease-out)}@keyframes details-in{0%{opacity:0;translate:0 10px}}.composer__details-lede{font-size:.88rem;color:var(--ink-soft);margin-bottom:12px}.fields{display:grid;gap:13px}.fields__pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choices{border:0;margin:0;padding:0;min-width:0}.choices legend{padding:0;margin-bottom:5px;font-size:.82rem;font-weight:600}.choices legend small{font-weight:400;color:var(--ink-soft);font-size:inherit}.choices__row{display:flex;flex-wrap:wrap;gap:5px}.pick{position:relative;display:inline-flex;cursor:pointer}.pick input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;cursor:pointer}.pick span{padding:5px 12px;border-radius:999px;font-size:.88rem;font-weight:500;border:1.5px solid var(--line);transition:background-color .12s,border-color .12s,color .12s}.pick:hover span{border-color:var(--ink)}.pick input:checked+span{background:var(--ink);color:var(--paper);border-color:var(--ink)}.pick input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}.field{display:grid;gap:4px}.field>span{font-size:.82rem;font-weight:600}.field small{font-weight:400;color:var(--ink-soft);font-size:inherit}.field input,.field select{width:100%;padding:9px 11px;background:#fffdf7;border:1.5px solid rgb(30 26 51 / .32);border-radius:3px}.field input:hover,.field select:hover{border-color:var(--ink)}.field input[aria-invalid=true]{border-color:var(--error)}.field__error{color:var(--error);font-size:.85rem;font-style:normal;font-weight:600}.btn{padding:9px 16px;font-weight:600;font-size:.95rem;background:transparent;color:var(--ink);border:1.5px solid rgb(30 26 51 / .42);border-radius:3px;transition:background-color .15s,border-color .15s,transform .15s}.btn:hover{background:#1e1a3312;border-color:var(--ink)}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn--primary:hover{background:#352e55}.btn--danger{background:var(--error);color:#fff;border-color:var(--error)}.btn--danger:hover{background:#871c13}.btn--large{padding:13px 24px;font-size:1.05rem}.intro .btn--primary{background:var(--wander);border-color:var(--wander);color:var(--ink)}.intro .btn--primary:hover{background:#ffd95e}.intro .btn:focus-visible{outline-color:var(--on-sky)}.link{padding:0;background:none;border:0;text-decoration:underline;text-underline-offset:3px;font-size:inherit;font-weight:500}.link:hover{text-decoration-thickness:2px}.modal{width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:0;color:var(--ink);background:var(--note, var(--paper));border-radius:3px 3px 4px 22px/3px 3px 4px 10px;box-shadow:0 30px 70px #08061c8c}.modal[open]{animation:sheet-in .42s var(--ease-hang)}@keyframes sheet-in{0%{opacity:0;transform:translateY(-46px) rotate(-1.2deg)}}.modal::backdrop{background:#0c0a228c;animation:fade .24s}@keyframes fade{0%{opacity:0}}.modal__inner{padding:26px clamp(18px,4vw,30px) 22px;position:relative;display:grid;gap:14px}.modal__close{position:absolute;right:8px;top:8px;width:38px;height:38px;background:none;border:0;border-radius:50%;font-size:1.5rem;line-height:1}.modal__close:hover{background:#1e1a331a}.idea-sheet--wander{--note: var(--wander)}.idea-sheet--make{--note: var(--make)}.idea-sheet--learn{--note: var(--learn)}.idea-sheet--tend{--note: var(--tend)}.sheet-eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.02em}.sheet-title{font-family:var(--font-hand);font-weight:600;font-size:clamp(1.55rem,4.5vw,2rem);line-height:1.12;padding-right:26px;margin-top:-8px}.sheet-title--display{font-family:var(--font-display);font-weight:400}.sheet-why{font-size:1.04rem;line-height:1.38}.sheet-heading{font-family:var(--font-display);font-weight:400;font-size:1.5rem;margin-bottom:12px}.modal form .field+.fields{margin-top:13px}.step-card{background:var(--paper);padding:14px 16px;border-radius:2px;display:grid;gap:7px;box-shadow:0 1px #1e1a3324;rotate:-.25deg}.step-card__label{font-size:.8rem;font-weight:700;color:var(--ink-soft)}.step-card__text{font-family:var(--font-hand);font-size:1.22rem;line-height:1.25;font-weight:500}.step-card__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.step-card__count{font-size:.84rem;color:var(--ink-soft)}.why-list{font-size:.93rem}.why-list summary{cursor:pointer;font-weight:600;width:fit-content;border-radius:3px}.why-list ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:4px}.why-list li{display:grid;grid-template-columns:18px 1fr}.why-list li>span:first-child{font-weight:700}.sheet-actions{display:flex;flex-wrap:wrap;gap:8px}.modal form .sheet-actions{margin-top:16px}.sheet-actions--center{justify-content:center}.sheet-quiet{display:flex;gap:18px;font-size:.92rem}.begin-sheet{width:min(620px,calc(100vw - 24px))}.begin{display:grid;gap:16px;text-align:center;padding:18px 0 8px}.begin__step{font-family:var(--font-hand);font-weight:600;font-size:clamp(1.7rem,5.5vw,2.5rem);line-height:1.14;text-wrap:balance}.begin__clock{font-family:var(--font-display);font-size:clamp(1.4rem,5vw,2.2rem);font-variant-numeric:tabular-nums}.begin__thread{height:2px;background:#1e1a332e}.begin__thread span{display:block;height:100%;background:var(--ink);transform-origin:left;transition:transform 1s linear}.begin__note{font-size:.88rem;color:color-mix(in srgb,var(--ink) 84%,var(--note, #fff))}.begin .field{text-align:left}.about-sheet{width:min(680px,calc(100vw - 24px))}.about-sheet .sheet-title{font-size:clamp(1.8rem,5vw,2.5rem);margin-top:-6px}.about-sheet h3{font-family:var(--font-display);font-weight:400;font-size:1.28rem;margin-top:8px}.rules{width:100%;border-collapse:collapse;font-size:.92rem}.rules th{text-align:left;font-weight:600;font-size:.8rem;color:var(--ink-soft);padding:0 0 4px}.rules td{padding:6px 0;border-top:1px solid var(--line);vertical-align:top}.rules td:last-child,.rules th:last-child{text-align:right;white-space:nowrap;padding-left:16px;font-variant-numeric:tabular-nums;font-weight:600}.provenance{margin:0;display:grid;grid-template-columns:minmax(120px,auto) 1fr;gap:8px 16px;font-size:.95rem}.provenance dt{font-weight:700}.provenance dd{margin:0}.about-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.confirm{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%;font-size:.93rem;background:var(--paper-2);padding:9px 11px;border-radius:3px}.confirm>span{flex:1 1 100%;font-weight:500}.about-credit{font-size:.86rem;color:var(--ink-soft);border-top:1px solid var(--line);padding-top:12px;margin-top:4px}.sheet{position:relative;z-index:2;width:min(760px,calc(100% - 24px));margin:82px auto 28px;padding:clamp(18px,3.5vw,34px);background:var(--paper);border-radius:3px;box-shadow:0 24px 50px -18px #08061c8c;animation:sheet-rise .48s var(--ease-out)}@keyframes sheet-rise{0%{opacity:0;translate:0 24px}}.sheet__title{font-family:var(--font-display);font-weight:400;font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.1}.sheet__lede{margin-top:8px;max-width:36em;color:var(--ink-soft)}.sheet__section{font-size:.86rem;font-weight:700;margin:24px 0 8px;color:var(--ink-soft)}.sheet__empty{padding:30px 0 14px;text-align:center;font-size:1.05rem}.sheet__empty .link{margin-top:8px}.list-tools{display:grid;gap:10px;margin-top:16px}.field--search input{padding:11px 13px;font-size:1rem}.presets--plain .chip[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.rows{list-style:none;margin:0;padding:0;display:grid;gap:7px}.row{width:100%;display:grid;gap:2px;text-align:left;padding:11px 14px 10px 18px;position:relative;background:var(--paper-2);border:0;border-radius:2px;transition:transform .18s var(--ease-out),background-color .15s}.row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;background:var(--c)}.row--wander{--c: var(--wander)}.row--make{--c: var(--make)}.row--learn{--c: var(--learn)}.row--tend{--c: var(--tend)}.row:hover{transform:translate(3px);background:#efe2c8}.row__title{font-family:var(--font-hand);font-weight:600;font-size:1.08rem;line-height:1.22}.row__why{font-size:.92rem}.row__meta{font-size:.76rem;font-weight:600;color:var(--ink-soft)}.almanac{list-style:none;margin:22px 0 0;padding:0}.almanac__entry{display:grid;grid-template-columns:30px 1fr auto;gap:4px 14px;align-items:start;padding:16px 0;border-top:1px solid var(--line)}.almanac__glyph{width:26px;height:26px;fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}.almanac__when{font-size:.88rem;color:var(--ink-soft);font-weight:500}.almanac__sample{margin-left:8px;padding:1px 6px;font-size:.72rem;font-weight:600;border:1px dashed currentColor;border-radius:3px}.almanac__title{font-family:var(--font-display);font-size:1.28rem;line-height:1.2;margin-top:2px}.almanac__steps{font-size:.88rem;color:var(--ink-soft);margin-top:3px}.almanac__undo{font-size:.86rem;white-space:nowrap;margin-top:3px;color:var(--ink-soft)}.toasts{position:fixed;left:50%;bottom:calc(112px + env(safe-area-inset-bottom));translate:-50% 0;z-index:60;width:min(560px,calc(100vw - 24px));pointer-events:none;display:grid;justify-items:center}[data-view=almanac] .toasts{bottom:24px}.toast{pointer-events:auto;display:flex;align-items:center;gap:12px;padding:9px 8px 9px 15px;background:var(--paper);color:var(--ink);border-radius:3px;box-shadow:0 12px 34px #08061c73;font-size:.94rem;line-height:1.32;animation:toast-in .38s var(--ease-hang)}@keyframes toast-in{0%{opacity:0;translate:0 14px}}.toast__action{flex:none;font-weight:700;background:none;border:0;text-decoration:underline;text-underline-offset:3px;padding:4px}.toast__close{flex:none;background:none;border:0;font-size:1.2rem;line-height:1;padding:4px 8px;border-radius:3px}.toast__close:hover{background:#1e1a331a}@media(max-width:899px){.ground__vane{width:160px}.ground__vane .vane{width:160px;height:160px}.vane__point{font-size:.66rem;min-width:36px}.vane__point--wander,.vane__point--learn{margin-left:-18px}}@media(max-width:639px){.wide-only{display:none}.narrow-only{display:inline}.topnav button{padding:6px 9px;font-size:.88rem}.topnav__about{width:34px;font-weight:700}.cloud__body{padding-bottom:4px}.forecast{gap:8px;padding-top:4px}.sentence{font-size:1.34rem;line-height:1.2}.controls{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px}.stamp{margin:0;font-size:.74rem;padding:3px 8px}.chip--live{order:1}.controls{width:100%}.presets{order:2;flex:0 0 calc(100% + 32px);max-width:calc(100% + 32px);flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:2px 16px}.presets::-webkit-scrollbar{display:none}.presets--plain{flex:none;max-width:100%;margin:0;padding:2px 0;flex-wrap:wrap}.chip{font-size:.82rem;padding:5px 10px}.hint{font-size:.86rem;padding:1px 2px 1px 9px}.hint button{padding:1px 6px}.stage{padding-top:42px}.note{padding:21px 10px 8px;gap:3px}.hang--tucked .note__title{font-size:.82rem;-webkit-line-clamp:2;line-height:1.16}.hang--tucked .note__meta{display:none}.hang--tucked .note{min-height:56px;padding:15px 9px 6px}.hang--tucked .note__hole{top:4px;width:7px;height:7px;margin-left:-3.5px}.hang--reach .note{padding:22px 11px 9px}.hang--reach .note__title{font-size:1rem}.hang--reach .note__why{font-size:.8rem}.hang--lead .note__title{font-size:1.26rem}.stage__roof{position:relative;z-index:3;display:flex;justify-content:center;padding:10px 0 8px}.stage__more{left:50%;translate:-50% 0;bottom:4px}.stage__empty{position:relative;left:auto;bottom:auto;translate:none;margin:34px auto 0}.intro{justify-content:flex-start;padding-top:18px}.intro__title{font-size:2.2rem}.ground{margin-top:30px;padding-left:12px;padding-right:12px}.ground__hills{height:24px}.composer__row{gap:6px}.composer__field{padding:5px 11px 6px}.composer__label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.composer__field input{font-size:1.05rem;padding:6px 0}.composer__more{padding:0 10px;font-size:.85rem}.composer__send{padding:0 12px}.composer__send span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.composer__foot{font-size:.74rem;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composer__details{max-height:62dvh;left:0;right:0}.toasts{bottom:calc(82px + env(safe-area-inset-bottom))}.provenance{grid-template-columns:1fr;gap:2px}.provenance dd{margin-bottom:8px}.almanac__entry{grid-template-columns:30px 1fr}.almanac__undo{grid-column:2;justify-self:start}.fields__pair{grid-template-columns:1fr}}@media(max-height:760px)and (min-width:640px){.sentence{font-size:clamp(1.4rem,2.5vw,2.2rem)}}@media(prefers-reduced-motion:reduce){:root{--sky-change: 1ms}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important;scroll-behavior:auto!important}.hang,.thread{transition:opacity .18s,visibility 0s;transition-delay:0s!important}.orb,.vane__needle,.note,.row{transition:none}.fall,.hang__sway,.vane__wobble,.distant-clouds span,.cloud__edge{animation:none!important}}