@font-face{font-family:DM Sans;src:url('/fonts/dm-sans.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:DM Serif;src:url('/fonts/dm-serif.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:DM Serif;src:url('/fonts/dm-serif-italic.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap}
:root{--paper:#f7f5ed;--ink:#233f32;--muted:#657064;--line:#dcded2;--orange:#e88858;--cream:#fffdf5;--sage:#dfe5d5;--sans:'DM Sans',Arial,sans-serif;--serif:'DM Serif',Georgia,serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;padding:0}a{color:inherit;text-decoration:none}button:disabled{cursor:default;opacity:.55}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #aa602f;outline-offset:4px}button:focus:not(:focus-visible){outline:none}img,svg{max-width:100%}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12;font-weight:600;letter-spacing:-.035em}p{color:var(--muted)}h1{font-size:clamp(42px,5.2vw,72px)}h2{font-size:40px}h3{font-size:23px}small{display:block;font-size:12px;line-height:1.6;color:var(--muted)}hr{border:0;border-top:1px solid var(--line);margin:25px 0}.wrap{max-width:1280px;padding-inline:40px;margin-inline:auto}.serif{font-family:var(--serif);font-weight:400}.italic{font-style:italic}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;line-height:1.6}.muted{color:var(--muted)}
.header{background:var(--paper);border-bottom:1px solid var(--line);position:relative;z-index:10}.header-inner{max-width:1360px;padding:22px 40px;margin:auto;display:flex;align-items:center;gap:36px}.brand{font-size:32px;line-height:1;font-weight:750;letter-spacing:-1.7px;display:inline-flex;align-items:center;gap:10px}.brand-period{margin-left:-9px}.brand-mark{position:relative;width:34px;height:34px;background:var(--ink);color:var(--paper);font-size:32px;font-weight:700;border-radius:8px;display:inline-flex;justify-content:center;align-items:center;letter-spacing:0;line-height:1;padding-right:6px}.brand-mark span{font-size:18px;position:absolute;right:2px;top:6px;color:#eaa775}.nav{display:flex;justify-content:center;gap:28px;flex:1}.nav button{font-size:13px;font-weight:550;position:relative;white-space:nowrap}.nav button:hover,.nav button.active{color:#a8512d}.nav button.active:after{content:'';height:2px;position:absolute;bottom:-8px;left:0;right:0;background:var(--orange)}.header-actions{display:flex;gap:24px;align-items:center}.login-link{font-size:13px;font-weight:650}.menu-button{display:none}.button{min-height:48px;padding:13px 22px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:20px;font-size:13px;font-weight:650;line-height:1.4;border:1px solid transparent;transition:transform .2s,background .2s}.button:hover:not(:disabled){transform:translateY(-2px)}.button.dark{background:var(--ink);color:var(--paper)}.button.dark:hover{background:#365644}.button.orange{background:var(--orange);color:#253c2e}.button.orange:hover{background:#e9a078}.button.outline{border-color:#abb6a5;background:transparent}.button.light{background:var(--paper);color:var(--ink)}.button.compact{min-height:40px;padding:10px 17px;font-size:12px;gap:16px}.button.full{width:100%}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:650;line-height:1.5}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.account-link{border:1px solid var(--line);background:var(--sage);border-radius:50%;height:34px;width:34px;font-size:13px}.skip-link{position:fixed;top:-100px;background:var(--ink);color:#fff;padding:12px;z-index:100}.skip-link:focus{top:0}
.hero{display:grid;grid-template-columns:1.04fr 1fr;gap:50px;padding-top:76px;padding-bottom:91px;align-items:center}.hero-copy .eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:25px;font-size:9px;letter-spacing:1.5px}.little-star{font-size:24px;line-height:1;color:#60836b}.hero h1{font-size:clamp(48px,5.5vw,74px);line-height:1.02;letter-spacing:-3px;margin-bottom:26px;font-weight:600}.hero h1 .serif{color:#3b654a;letter-spacing:-2px}.hero-copy>p{font-size:14px;line-height:1.85;max-width:465px}.hero-actions{display:flex;align-items:center;gap:23px;margin-top:29px}.hero-actions .text-link{font-size:12px}.hero-foot{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);margin-top:19px}.drawn-check{font-size:18px;color:#638861}.hero-art{position:relative;margin-top:30px;padding:0 0 70px}.game-frame{border:1px solid #70826d;border-radius:8px;overflow:hidden;box-shadow:9px 12px 0 #e5e7dc;transform:rotate(-3deg)}.window-bar{display:flex;align-items:center;justify-content:space-between;background:#e9ecde;padding:9px 11px;font-family:monospace;font-size:9px;color:#617561;border-bottom:1px solid #84977e}.window-bar>span:first-child{display:flex;gap:4px}.window-bar i{height:6px;width:6px;border:1px solid #7d9176;border-radius:50%}.garden{position:relative;overflow:hidden;background:#cad8bd}.garden>svg{display:block;width:100%;height:auto}.game-hud{position:absolute;left:15px;right:15px;top:14px;display:flex;justify-content:space-between;color:#32513e;font-size:10px;font-weight:650}.game-hud span{display:inline-flex;align-items:center;gap:6px;background:#f7f5e8dc;border:1px solid #7a917139;border-radius:3px;padding:5px 9px}.game-caption{position:absolute;bottom:0;width:100%;background:#e9ecdee8;font-size:10px;text-align:center;padding:8px;display:flex;align-items:center;justify-content:center;gap:7px;color:#3b5842}.game-caption button{display:flex;align-items:center;gap:7px}.harvest-target{position:absolute;width:10%;height:14%;transform:translate(-50%,-50%);border-radius:50%;background:none}.harvest-target:hover:not(:disabled){border:2px dashed #f8efb5;background:#fff6bb30}.live-dot{height:5px;width:5px;background:#6d8a4d;border-radius:50%;display:inline-block}.handwritten{font-family:var(--serif);font-style:italic;font-size:20px}.art-note{position:absolute;right:8px;top:-52px;transform:rotate(6deg);color:#648287}.art-note span{font-size:46px;position:relative;top:22px}.idea-note{position:absolute;bottom:0;left:25px;width:280px;background:#fff9de;padding:24px 24px 15px;transform:rotate(4deg);box-shadow:2px 4px 6px #28392d14;border:1px solid #e6ddbc}.idea-note .eyebrow{font-size:8px;letter-spacing:1.5px;color:#7b785d}.idea-note strong{font-family:var(--serif);font-weight:400;display:block;font-size:24px;line-height:1.15;margin-top:7px}.idea-note>div{display:flex;align-items:center;gap:12px;margin-top:17px}.idea-note>div>span{font-size:6px;letter-spacing:1px;max-width:150px}.tape{position:absolute;top:-10px;left:97px;width:70px;height:21px;background:#bdc7a27c;transform:rotate(-5deg);clip-path:polygon(2% 0,97% 0,100% 16%,97% 35%,100% 60%,98% 100%,0 100%,3% 78%,0 50%,3% 20%)}.round-stamp{position:absolute;right:14px;bottom:6px;height:105px;width:105px;border:1px dashed #618168;box-shadow:0 0 0 5px var(--paper),0 0 0 6px #618168;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:8px;letter-spacing:1.2px;line-height:1.3;transform:rotate(10deg);color:#52715a}.round-stamp b{font-size:10px}
.manifesto{border-block:1px solid var(--line)}.manifesto>.wrap{padding-block:19px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px}.manifesto span{display:flex;align-items:center;gap:8px}.manifesto span:first-child{font-family:var(--serif);font-size:17px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:36px}.section-heading h2{margin-top:13px;font-size:41px}.section-heading>p{font-size:13px}.beginning{padding-block:77px 73px}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.steps article{position:relative;padding:32px 35px 5px 0}.steps article+article{border-left:1px solid var(--line);padding-left:35px}.steps article:last-child{padding-right:0}.step-number{font-family:monospace;font-size:11px;color:#71816d;display:block}.steps article>svg{position:absolute;right:35px;top:28px;stroke-width:1.4;width:27px;height:27px;color:#5a785b}.steps article:last-child>svg{right:0}.steps h3{font-size:23px;margin-top:40px;letter-spacing:-.65px}.steps p{font-size:13px;margin:16px 0 25px;max-width:300px;line-height:1.8}.learn-band{background:#eceee4;padding-block:65px 70px}.featured-lessons{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.lesson-preview{text-align:left}.lesson-art{height:208px;position:relative;overflow:hidden;border-radius:3px}.peach{background:#ead9bd}.sage{background:#d3deca}.yellow{background:#ebd58c}.blue{background:#d4e2df}.lilac{background:#dfd8e1}.sketch-big{position:absolute;font-family:var(--serif);font-size:135px;line-height:1;left:30%;top:6px;transform:rotate(-12deg);color:#927047}.sketch-label{position:absolute;bottom:28px;left:29%;font-family:var(--serif);font-size:30px;font-style:italic;transform:rotate(-7deg)}.sketch-arrow{position:absolute;font-size:85px;right:18%;top:26%;font-weight:300;transform:rotate(12deg);color:#9b7954}.art-index{position:absolute;bottom:15px;right:17px;font-size:9px;letter-spacing:2px;opacity:.5}.speech{position:absolute;box-shadow:2px 3px 0 #23432b16;font-size:13px;border:1px solid #72866d;border-radius:6px;padding:14px 17px;background:#f5f4df;transform:rotate(-6deg)}.speech.one{top:45px;left:27px}.speech.two{top:106px;right:25px;transform:rotate(4deg);background:#89a88b;color:#f9f8ec}.coin{width:88px;height:88px;border-radius:50%;border:6px solid #f5e4a8;outline:2px solid #b68a36;background:#c59c43;position:absolute;left:calc(50% - 44px);top:33px;display:grid;place-items:center;font-size:50px;color:#f9e5a7;box-shadow:7px 8px 0 #bc913e;transform:rotate(-8deg)}.coin-trail{position:absolute;font-family:var(--serif);font-style:italic;bottom:28px;left:0;right:0;text-align:center;font-size:23px;color:#81632b;transform:rotate(-4deg)}.lesson-meta{font-size:8px;font-weight:700;letter-spacing:1.3px;display:flex;justify-content:space-between;margin:19px 0 9px;color:#62725e}.lesson-preview h3{font-size:22px;max-width:285px;line-height:1.2}.lesson-end{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #cdd4c4;margin-top:21px;padding-top:12px;font-size:11px}.lesson-preview:hover .lesson-art{filter:brightness(1.025)}.lesson-preview:hover h3{text-decoration:underline;text-underline-offset:4px}
.own-ai{padding-block:85px;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:90px}.own-ai h2{font-size:39px;margin:15px 0 21px}.own-ai p{font-size:13px;max-width:430px;line-height:1.9}.own-ai .text-link{margin-top:23px}.own-ai small{margin-top:16px;font-size:10px}.ai-paper{background:#fffdf5;border:1px solid #d9decd;box-shadow:7px 9px 0 #e6e9dc;transform:rotate(-2deg);padding:25px 27px}.paper-top{font-size:8px;letter-spacing:1.4px;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:12px}.paper-line{display:flex;gap:18px;border-bottom:1px solid #e6e6dc;padding:13px 0}.paper-line>span{font-size:10px;font-family:monospace;color:#9ba68f}.paper-line strong{font-size:18px;font-family:var(--serif);font-weight:400}.paper-line p{font-size:12px}.paper-button{margin-top:20px;background:#e3e8d8;min-height:38px;width:100%;font-size:11px;padding:10px}.join-strip{background:var(--ink);color:var(--paper)}.join-strip>.wrap{padding-block:44px;display:flex;justify-content:space-between;align-items:center;gap:30px}.join-strip .eyebrow{color:#c8d4b8;font-size:9px}.join-strip h2{font-size:36px;margin-top:10px;font-family:var(--serif);font-weight:400}.footer{padding-top:45px}.footer-main{display:grid;grid-template-columns:1.9fr 1fr 1fr;gap:60px;padding-bottom:35px}.footer-main .brand{font-size:27px}.footer-main .brand-mark{width:29px;height:29px;font-size:26px}.footer-main p{font-size:11px;margin-top:14px}.footer-main>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start;gap:9px;font-size:11px}.footer-main button:hover{color:#a45430}.footer-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);padding-block:17px;font-size:9px;color:var(--muted)}.footer-bottom>div{display:flex;gap:22px;align-items:center}.footer-bottom button,.preview-label{display:inline-flex;align-items:center;gap:6px}
.page-section{padding-block:65px 90px;min-height:65vh}.page-heading{margin-bottom:45px}.page-heading h1{font-size:54px;margin:15px 0 22px;line-height:1.08}.page-heading>p{max-width:600px;font-size:15px;line-height:1.8}.page-heading.centered{text-align:center}.page-heading.centered p{margin:auto}.filter-row{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:30px 0 10px}.filter-options{display:flex;gap:7px}.filter-options button{font-size:12px;padding:8px 14px;border-radius:4px;border:1px solid transparent}.filter-options .selected{background:var(--ink);color:var(--paper)}.search{display:flex;align-items:center;gap:10px;border-bottom:1px solid #a8b49f;font-size:12px}.search input{background:none!important;border:0!important;padding:9px 0!important;min-height:0!important;min-width:0}.lesson-row{display:flex;text-align:left;align-items:center;gap:28px;width:100%;border-bottom:1px solid var(--line);padding:27px 0}.lesson-row:hover h3{color:#a4512d}.lesson-count{height:86px;width:86px;display:grid;place-items:center;font-size:37px;font-family:var(--serif);border-radius:4px}.lesson-row .eyebrow{font-size:8px}.lesson-row h3{font-size:24px;margin:6px 0 7px}.lesson-row p{font-size:12px}.lesson-row>div:nth-child(2){flex:1}.row-meta{display:flex;flex-direction:column;align-items:flex-end;gap:11px;font-size:11px;min-width:150px}.badge{font-size:9px;letter-spacing:1px;font-weight:650;background:#e1e8d8;padding:5px 8px;border-radius:3px;display:inline-flex;align-items:center;gap:5px;line-height:1.4}.badge.premium{background:#efe1bf;color:#755a32}.editorial-note{margin-top:42px;background:#e8ecde;display:flex;gap:20px;align-items:center;padding:25px 30px}.editorial-note>svg{stroke-width:1.4}.editorial-note>div{flex:1}.editorial-note strong{font-family:var(--serif);font-weight:400;font-size:23px}.editorial-note p{font-size:12px;margin-top:6px}.empty{padding:38px;text-align:center}.tool-list article{border-top:1px solid var(--line);display:flex;align-items:center;gap:35px;padding:32px 0}.tool-list article:last-child{border-bottom:1px solid var(--line)}.tool-number{font-family:monospace;font-size:11px;color:var(--muted)}.tool-list article>div{flex:1}.tool-list h3{font-size:28px}.tool-list p{font-size:13px;margin-top:9px}.circle-button{height:43px;width:43px;border:1px solid #a7b39c;border-radius:50%;display:grid;place-items:center}.circle-button:hover{background:var(--sage)}
.plans{max-width:930px;margin:0 auto 70px;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}.plan{padding:38px;border:1px solid var(--line);position:relative;border-radius:6px}.plan.free{background:var(--cream)}.plan.studio{background:#e8ebdc;border-color:#93a584}.plan h2{margin-top:20px;font-size:39px;display:flex;justify-content:space-between}.plan h2>span{color:#6d8a55}.price{font-family:var(--serif);font-size:55px;margin:18px 0 6px;line-height:1.2}.price>span{font-family:var(--sans);font-size:13px;margin-left:10px;color:var(--muted)}.price.upcoming{font-size:36px;line-height:66px}.plan>p{font-size:13px}.plan ul{padding:24px 0 20px;list-style:none;border-top:1px solid #ced6c1;margin-top:26px}.plan li{display:flex;gap:9px;align-items:center;margin:13px 0;font-size:12px}.plan>.button{width:100%}.plan>small{text-align:center;margin-top:12px;font-size:10px}.plan-tag{position:absolute;top:-13px;right:25px;background:var(--ink);color:var(--paper);padding:6px 10px;border-radius:3px;font-size:8px;letter-spacing:1px}.faq{max-width:850px;margin:auto}.faq h2{font-size:33px;margin-bottom:25px}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq summary{display:flex;justify-content:space-between;cursor:pointer;list-style:none;font-size:14px;font-weight:600}.faq summary::-webkit-details-marker{display:none}.faq details p{padding-top:15px;font-size:13px;max-width:700px;line-height:1.8}
.community-layout{display:grid;grid-template-columns:1fr 290px;gap:65px}.section-heading.small{align-items:center;margin-bottom:22px}.section-heading.small h2{font-size:27px;margin:0}.community-empty{text-align:center;padding:55px 20px;border-block:1px solid var(--line)}.empty-doodle{font-size:70px;color:#7e9363;line-height:1;display:block;margin-bottom:20px}.community-empty h3{font-family:var(--serif);font-weight:400;font-size:35px}.community-empty p{font-size:13px;margin:20px 0;line-height:1.8}.community-aside{background:#e6e8d9;padding:29px;align-self:start;transform:rotate(1deg)}.community-aside .eyebrow{font-size:8px}.community-aside h3{font-family:var(--serif);font-size:34px;font-weight:400;margin:20px 0}.community-aside p{font-size:12px;line-height:1.8}.community-aside .badge{margin-top:12px}.showcase{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;border-top:1px solid var(--line);padding-top:40px;margin-top:65px}.showcase .garden{border-radius:4px;max-height:300px}.showcase h2{font-family:var(--serif);margin:12px 0 15px}.showcase p{max-width:400px;font-size:13px}.showcase .text-link{margin-top:23px}.post{padding:25px 0;border-top:1px solid var(--line)}.post-meta{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:13px}.post h3{font-size:25px;margin-bottom:12px}.post p{white-space:pre-wrap;font-size:14px;overflow-wrap:anywhere}.small-link{font-size:10px;margin-top:18px}
.workshop-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:40px}.workshop-heading h1{font-size:46px;margin:13px 0}.empty-workshop{border-block:1px solid var(--line);padding:70px 30px;text-align:center}.empty-workshop h2{margin:20px 0;font-family:var(--serif);font-weight:400}.empty-workshop p{max-width:450px;margin:0 auto 25px}.project-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-block:1px solid var(--line)}.project-bar>label{display:flex;align-items:center;gap:20px;font-size:10px;letter-spacing:1px;font-weight:700}.project-bar select{border:0;background:transparent;font-size:17px;font-weight:600;max-width:350px;padding:6px}.project-bar>div{display:flex;align-items:center;gap:20px}.save-state{font-size:11px;color:var(--muted)}.workshop-nav{display:flex;gap:24px;overflow-x:auto;border-bottom:1px solid var(--line);padding-top:15px;margin-bottom:25px}.workshop-nav button{display:flex;align-items:center;gap:6px;white-space:nowrap;padding:10px 0 17px;font-size:12px;border-bottom:2px solid transparent}.workshop-nav .selected{border-color:var(--ink);font-weight:700}.project-paper{background:#fffdf6;border:1px solid #e0e1d6;padding:40px;box-shadow:4px 5px 0 #eceee3;min-height:400px}.project-paper h2{font-family:var(--serif);font-size:35px;font-weight:400;margin:8px 0 25px}.brief-layout{display:grid;grid-template-columns:1fr 280px;gap:55px}label{font-size:12px;font-weight:600}label>input:not([type=checkbox]),label>textarea,label>select{display:block;margin-top:7px;width:100%}input:not([type=range]):not([type=checkbox]),textarea,select{background:#f9f9f1;border:1px solid #cbd3c1;border-radius:4px;padding:11px 12px;font-size:13px;line-height:1.5;min-width:0}input:not([type=range]):not([type=checkbox]),select{min-height:42px}textarea{resize:vertical;line-height:1.8}input::placeholder,textarea::placeholder{color:#8b9585}.brief-layout label{display:block;margin-bottom:19px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.handoff{background:#e9eedd;align-self:start;padding:27px;position:sticky;top:20px}.handoff>svg{margin-bottom:22px;stroke-width:1.4}.handoff h3{font-family:var(--serif);font-size:27px;font-weight:400}.handoff p{font-size:12px;line-height:1.9;margin:18px 0 25px}.handoff .button{width:100%;font-size:11px;gap:14px;padding-inline:10px;margin-bottom:10px}.handoff .text-link{font-size:11px;margin-top:4px}.handoff small{font-size:10px;margin-top:25px}.project-bottom{display:flex;justify-content:space-between;margin-top:25px}.project-bottom .text-link{font-size:11px}.danger{color:#ac4e38}.notebook-text{width:100%;min-height:330px;margin:20px 0;font-size:15px;line-height:2.3;background:repeating-linear-gradient(#fdfcf4,#fdfcf4 33px,#e2e6d9 34px)!important}.add-row{display:flex;gap:10px;margin:25px 0}.add-row>input{flex:1}.task-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.task-groups section{border-top:2px solid #91a477;padding-top:17px}.task-groups h3{font-size:17px;display:flex;justify-content:space-between}.task-groups h3>span{font-size:12px;color:var(--muted)}.task{display:flex;gap:6px;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding:16px 0}.task label{display:flex;align-items:flex-start;gap:8px;font-size:12px;font-weight:400}.task input{accent-color:#527150;flex-shrink:0;margin-top:4px}.task label span{overflow-wrap:anywhere}.completed{text-decoration:line-through;opacity:.6}.empty-group{font-size:12px;font-style:italic;margin-top:20px}
.loop-canvas{display:flex;gap:38px;flex-wrap:wrap;padding:50px 25px;margin:28px 0;background-color:#edf0e2;background-image:radial-gradient(#b9c6ad .8px,transparent .8px);background-size:15px 15px;border:1px solid #d6decd}.loop-step{position:relative;background:#fffdf3;border:1px solid #9eac8f;padding:20px 15px;width:180px;box-shadow:3px 4px 0 #ced8c2}.loop-step>span{font-size:9px;display:block;margin-bottom:14px}.loop-step input{width:100%;background:transparent!important;border:0!important;border-bottom:1px solid var(--line)!important;padding:5px 0!important;font-family:var(--serif);font-size:22px!important}.loop-step>button{position:absolute;right:9px;top:9px}.loop-arrow{position:absolute;right:-33px;top:50%}.loop-step:last-child .loop-arrow{transform:rotate(45deg);opacity:.4}.button-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.story-map{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:25px 0}.story-map article{padding:22px;background:#e9eee0;border:1px solid #c7d3b8}.story-map label{display:block;margin:13px 0}.story-map .text-link{font-size:10px}.balance-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:30px 0}.balance-grid>section{background:#edf0e3;padding:30px}.balance-grid h3{margin-bottom:25px}.balance-grid label{display:block;margin:20px 0}.balance-grid input[type=range]{accent-color:var(--ink);margin-top:15px}.balance-result{border-block:1px solid #cbd5bb;margin:25px 0 15px;padding:18px 0;font-size:14px}.balance-result strong{font-family:var(--serif);font-size:45px;font-weight:400;margin-right:7px}.balance-result span{display:block;font-size:11px}.balance-grid small{font-size:10px}.asset-form{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:18px;margin:30px 0}.asset-form .button{grid-column:3;justify-self:end}.asset-list{margin-bottom:25px}.asset-list>div{display:grid;grid-template-columns:1fr 1fr 1.5fr auto;gap:18px;align-items:center;padding:18px 0;border-top:1px solid var(--line);font-size:13px}.asset-list small{overflow-wrap:anywhere}
.narrow{max-width:800px}.account-sheet{padding:35px;background:#e9eddf;border:1px solid #d4ddc8}.account-avatar{width:70px;height:70px;background:#c7d3b9;border:1px solid #a9ba94;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:38px;margin-bottom:20px}.account-sheet h2{font-size:29px}.account-sheet p{margin:12px 0 20px;font-size:13px}.account-options{margin-top:35px}.account-options button{display:flex;width:100%;align-items:center;gap:17px;border-bottom:1px solid var(--line);padding:20px 0;text-align:left;font-size:13px}.account-options button svg:last-child{margin-left:auto}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;font-size:10px;letter-spacing:1px;font-weight:600;color:var(--muted);padding:15px;border-block:1px solid var(--line)}td{padding:18px 15px;border-bottom:1px solid var(--line)}td small{font-size:10px;margin-top:4px}.status{font-size:10px;border-radius:3px;padding:4px 8px;text-transform:capitalize;background:#e2e9d8}.status.banned,.status.suspended{background:#f3ddd0;color:#9c4934}.subheading{font-size:27px;margin:45px 0 20px}.report{padding:20px;border:1px solid var(--line);margin-top:12px}.report h3{margin:12px 0}.report p{font-size:13px;margin-bottom:20px}.audit-list>div{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:20px;padding:17px 0;border-bottom:1px solid var(--line);font-size:12px}.audit-list small{font-size:10px}.toast{position:fixed;z-index:100;bottom:25px;left:50%;transform:translateX(-50%);background:#243f32;color:#fbfaef;border:1px solid #6c866b;box-shadow:0 8px 28px #18352533;border-radius:6px;max-width:calc(100% - 32px);width:max-content;padding:14px 18px;display:flex;align-items:center;gap:12px;font-size:12px}.toast button{margin-left:15px;display:flex}
dialog{padding:0;border:1px solid #ced7c1;border-radius:7px;background:#fffdf5;color:var(--ink);max-width:min(630px,calc(100vw - 28px));width:100%;max-height:90vh;box-shadow:0 15px 80px #16271e40}dialog::backdrop{background:#19352977;backdrop-filter:blur(3px)}.dialog-body{padding:45px;position:relative}.close-dialog{position:absolute;right:18px;top:17px;display:flex;padding:4px}.dialog-body h2{font-family:var(--serif);font-weight:400;font-size:36px;margin:15px 0 20px}.dialog-body>p{font-size:13px;line-height:1.8;margin-bottom:22px}.dialog-body>small{margin-top:20px;font-size:11px}.dialog-body label{display:block;margin-bottom:19px}.dialog-body label small{font-weight:400;margin-top:5px;font-size:10px}.dialog-body form>.button{margin-top:9px}.form-error{background:#f7e4d8!important;color:#98402c!important;font-size:12px!important;padding:12px;margin:15px 0!important;border-radius:4px}.dialog-switch{text-align:center;margin:25px 0 0!important;font-size:12px!important}.dialog-switch button{text-decoration:underline;color:var(--ink)}.dialog-body>form+.text-link{font-size:11px;margin-top:18px}.preview-message{padding:22px;background:#ecefde;margin:25px 0;font-size:14px}.preview-message p{font-size:12px;margin-top:9px}.prose-list{padding-left:20px;font-size:14px;line-height:1.8}.prose-list li{margin:15px 0}.lesson-steps{padding:0;list-style:none;margin:30px 0}.lesson-steps li{display:flex;gap:20px;padding:18px 0;border-top:1px solid var(--line)}.lesson-steps li>span{font-family:var(--serif);font-size:27px;color:#7f956e}.lesson-steps li p{font-size:14px;line-height:1.8}.lesson-prompt{background:#e9eddf;padding:25px}.lesson-prompt p{font-size:13px;line-height:1.8;margin:15px 0 22px}.danger-button{background:#a64b37;color:#fff8ee}
@media(min-width:1500px){.hero{padding-top:95px;padding-bottom:110px;gap:70px}.hero h1{font-size:78px}.hero-copy>p{font-size:15px}}
@media(max-width:1100px){.header-inner{gap:20px;padding-inline:30px}.nav{gap:20px}.header-actions{gap:18px}.wrap{padding-inline:30px}.hero{gap:30px}.hero h1{font-size:61px}.hero-actions{gap:16px}.hero-actions .button{padding-inline:16px}.hero-copy>p{font-size:13px}.hero-art{padding-bottom:65px}.idea-note{width:240px;left:5px}.idea-note strong{font-size:22px}.round-stamp{right:5px;width:85px;height:85px;font-size:7px}.round-stamp b{font-size:8px}.own-ai{gap:55px}.steps h3{font-size:21px}.community-layout{gap:35px}.brief-layout{gap:30px;grid-template-columns:1fr 250px}.project-paper{padding:28px}.workshop-nav{gap:20px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1px}.manifesto span:first-child{font-size:15px}.manifesto>.wrap{font-size:10px}.hero-actions .text-link{font-size:11px}.story-map{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.nav{gap:15px}.header-inner{gap:20px}.header-actions{gap:15px}.brand{font-size:27px}.brand-mark{width:29px;height:29px;font-size:28px}.nav button{font-size:11px}.header-actions .compact{font-size:11px;padding:9px 12px}.hero{gap:25px;padding-block:65px}.hero h1{font-size:50px;letter-spacing:-2px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-art{padding-bottom:100px}.art-note{font-size:17px;right:0}.idea-note{bottom:23px;left:12px;width:220px;padding:20px}.round-stamp{display:none}.manifesto>.wrap{flex-wrap:wrap;justify-content:flex-start;column-gap:30px;row-gap:9px}.manifesto span:first-child{width:100%;font-size:17px}.section-heading h2{font-size:35px}.steps article{padding-right:22px}.steps article+article{padding-left:22px}.steps article>svg{right:20px}.steps h3{font-size:20px}.steps p{font-size:12px}.featured-lessons{gap:20px}.lesson-art{height:180px}.speech.one{left:10px;top:35px}.speech.two{right:10px;top:100px;font-size:10px}.speech{padding:12px 10px;font-size:11px}.sketch-big{font-size:115px;left:23%}.sketch-label{font-size:23px;left:23%}.sketch-arrow{right:13%;font-size:70px}.coin-trail{font-size:18px;bottom:22px}.coin{width:70px;height:70px;left:calc(50% - 35px);top:28px}.lesson-preview h3{font-size:19px}.lesson-meta{font-size:7px;letter-spacing:.6px}.own-ai{gap:35px}.own-ai h2{font-size:32px}.ai-paper{padding:22px}.footer-main{gap:30px;grid-template-columns:1.5fr 1fr 1fr}.page-heading h1{font-size:45px}.lesson-row{gap:18px}.lesson-count{height:65px;width:65px;font-size:28px}.lesson-row h3{font-size:21px}.row-meta{min-width:110px;font-size:10px}.community-layout{grid-template-columns:1fr}.community-aside{transform:none}.community-aside h3 br{display:none}.community-aside hr{margin:15px 0}.brief-layout{grid-template-columns:1fr}.handoff{position:static;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.handoff>svg,.handoff>h3,.handoff>p{grid-column:1/-1}.handoff p{margin:5px 0 10px;max-width:500px}.handoff h3 br{display:none}.handoff small{margin-top:5px;grid-column:1/-1}.task-groups{gap:15px}.asset-form{grid-template-columns:1fr 1fr}.asset-form .button{grid-column:2}.balance-grid{gap:20px}.balance-grid>section{padding:23px}}
@media(max-width:640px){body{font-size:14px}.wrap{padding-inline:22px}.header-inner{padding:18px 20px;justify-content:space-between}.brand{font-size:27px}.nav{display:none}.nav.mobile-open{position:absolute;top:70px;left:0;right:0;padding:22px;background:var(--paper);display:flex;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line);box-shadow:0 8px 15px #18352512;gap:23px}.nav button{font-size:14px}.header-actions{gap:14px}.header-actions .button{display:none}.menu-button{display:flex}.login-link{font-size:12px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:60px;padding-top:39px;padding-bottom:48px}.hero-copy .eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:23px}.hero h1{font-size:59px;line-height:1.02;letter-spacing:-2px;margin-bottom:24px}.hero h1 .serif{letter-spacing:-1px}.hero-copy>p{font-size:13px;max-width:390px}.desktop-break{display:none}.hero-actions{flex-direction:row;align-items:center;gap:18px;margin-top:25px}.hero-actions .button{font-size:11px;padding:13px 16px;gap:10px}.hero-actions .text-link{font-size:10px;gap:7px}.hero-foot{font-size:10px;margin-top:15px}.hero-art{max-width:480px;margin:0 auto;width:100%;padding:0 8px 80px}.game-frame{transform:rotate(-2deg)}.art-note{top:-43px;right:16px;font-size:18px}.art-note span{font-size:32px;top:15px}.idea-note{width:215px;left:22px;bottom:0;padding:17px 20px 13px}.idea-note strong{font-size:22px}.idea-note>div{margin-top:10px}.idea-note .tape{left:80px}.round-stamp{display:flex;width:76px;height:76px;right:13px;bottom:0;font-size:6px;box-shadow:0 0 0 4px var(--paper),0 0 0 5px #618168}.round-stamp b{font-size:7px}.game-hud{top:9px;left:9px;right:9px;font-size:8px}.game-caption{font-size:8px}.game-hud span{padding:4px 7px}.window-bar{padding:8px;font-size:7px}.manifesto>.wrap{padding-block:19px;gap:10px 20px;font-size:9px}.manifesto span:first-child{font-size:16px;margin-bottom:3px}.manifesto span svg{height:13px;width:13px}.beginning{padding-block:47px}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:35px;margin-top:12px}.section-heading>p{margin-top:20px;font-size:12px}.steps{display:block}.steps article,.steps article+article,.steps article:last-child{padding:25px 0;border-left:0}.steps article+article{border-top:1px solid var(--line)}.steps article>svg,.steps article:last-child>svg{right:5px;top:25px}.steps h3{margin-top:22px;font-size:24px}.steps p{font-size:13px;max-width:400px;margin:12px 0 17px}.learn-band{padding-block:45px}.learn-band .section-heading>.text-link{margin-top:20px}.featured-lessons{grid-template-columns:1fr;gap:35px}.lesson-art{height:220px}.lesson-preview h3{font-size:26px;max-width:100%}.lesson-meta{font-size:8px;margin-top:16px}.lesson-end{margin-top:15px}.speech.one{top:49px;left:52px;font-size:15px}.speech.two{top:112px;right:32px;font-size:14px}.speech{padding:14px 19px}.sketch-big{font-size:140px;left:30%;top:12px}.sketch-label{font-size:29px;left:30%}.sketch-arrow{font-size:90px;right:20%}.coin{width:95px;height:95px;left:calc(50% - 47px);top:30px;font-size:55px}.coin-trail{font-size:25px;bottom:27px}.own-ai{grid-template-columns:1fr;gap:42px;padding-block:50px}.ai-paper{max-width:420px;transform:rotate(-1deg);padding:25px}.own-ai h2{font-size:35px}.own-ai p{font-size:13px}.join-strip>.wrap{flex-direction:column;align-items:flex-start;padding-block:37px;gap:22px}.join-strip h2{font-size:33px}.join-strip .button{font-size:12px}.footer{padding-top:35px}.footer-main{grid-template-columns:1fr 1fr;gap:30px;padding-bottom:30px}.footer-main>div:first-child{grid-column:1/-1}.footer-main p{font-size:12px}.footer-main>div:not(:first-child){font-size:12px;gap:12px}.footer-bottom{align-items:flex-start;flex-direction:column;padding-block:20px;gap:15px;font-size:9px}.footer-bottom>div{justify-content:space-between;gap:25px;flex-wrap:wrap}.page-section{padding-block:40px 55px}.page-heading{margin-bottom:30px}.page-heading h1{font-size:41px;margin:13px 0 18px}.page-heading>p{font-size:13px}.filter-row{align-items:stretch;flex-direction:column;gap:15px}.filter-options{gap:3px}.filter-options button{padding:7px 10px;font-size:11px}.search{width:100%}.search input{width:100%}.lesson-row{gap:13px;flex-wrap:wrap;padding:22px 0}.lesson-count{height:51px;width:51px;font-size:24px;align-self:flex-start;margin-top:4px}.lesson-row>div:nth-child(2){min-width:calc(100% - 65px)}.lesson-row h3{font-size:23px}.lesson-row p{font-size:12px}.row-meta{margin-left:64px;flex-direction:row;gap:17px;align-items:center;flex:1}.lesson-row>svg{width:18px;height:18px}.editorial-note{padding:22px;flex-wrap:wrap;gap:15px}.editorial-note strong{font-size:21px}.editorial-note>div{min-width:calc(100% - 45px)}.editorial-note p{font-size:11px}.editorial-note>.text-link{margin-left:40px}.tool-list article{gap:15px;padding:23px 0;flex-wrap:wrap}.tool-number{display:none}.tool-list article>svg{width:26px;height:26px;align-self:flex-start;margin-top:5px}.tool-list article>div{min-width:calc(100% - 45px)}.tool-list h3{font-size:24px}.tool-list p{font-size:12px}.tool-list .badge{margin-left:41px}.circle-button{height:35px;width:35px;margin-left:auto}.circle-button svg{height:20px}.plans{grid-template-columns:1fr;gap:35px;margin-bottom:45px}.plan{padding:28px}.plan h2{font-size:35px}.faq h2{font-size:29px}.faq summary{font-size:13px;gap:15px}.faq details p{font-size:12px}.community-layout{gap:30px}.section-heading.small{display:flex;gap:15px;align-items:flex-start}.section-heading.small h2{font-size:22px}.section-heading.small .button{font-size:10px;gap:8px;padding:9px 11px}.community-empty{padding:40px 10px}.community-empty h3{font-size:30px}.community-empty p{font-size:12px}.community-aside{padding:25px}.showcase{grid-template-columns:1fr;gap:28px;margin-top:40px}.showcase .eyebrow{font-size:8px}.workshop-heading{align-items:flex-start;flex-direction:column;gap:20px}.workshop-heading h1{font-size:37px;overflow-wrap:anywhere}.workshop-heading p{font-size:13px}.empty-workshop{padding:45px 0}.empty-workshop h2{font-size:30px}.empty-workshop p{font-size:13px}.project-bar{align-items:stretch;flex-direction:column;gap:15px}.project-bar>label{justify-content:space-between;font-size:9px}.project-bar select{max-width:230px;font-size:15px}.project-bar>div{justify-content:space-between}.save-state{font-size:10px}.workshop-nav{gap:22px;margin-bottom:20px;padding-top:10px}.workshop-nav button{font-size:11px}.project-paper{padding:23px 18px;box-shadow:3px 4px 0 #eceee3}.project-paper h2{font-size:30px}.brief-layout{gap:25px}.form-grid{grid-template-columns:1fr;gap:0}.handoff{padding:22px;display:block}.handoff>h3{margin-top:15px;font-size:25px}.handoff>p{margin:13px 0 20px}.handoff>.text-link{margin-bottom:15px}.project-bottom{gap:20px}.project-bottom .text-link{font-size:10px}.add-row{flex-wrap:wrap;gap:8px}.add-row>input{flex-basis:100%}.add-row>select{flex:1;font-size:11px}.add-row .button{font-size:11px;gap:7px;padding:10px 16px}.task-groups{grid-template-columns:1fr;gap:28px}.task-groups h3{font-size:19px}.task label{font-size:13px}.loop-canvas{padding:27px 20px;gap:23px}.loop-step{width:100%;max-width:240px}.loop-arrow{right:-30px;top:60%}.loop-step input{font-size:23px!important}.button-row .button{font-size:11px;padding:11px 15px}.story-map{grid-template-columns:1fr}.balance-grid{grid-template-columns:1fr;gap:20px}.balance-grid>section{padding:23px}.asset-form{grid-template-columns:1fr;gap:15px}.asset-form .button{grid-column:1}.asset-list>div{grid-template-columns:1fr auto;gap:8px}.asset-list strong,.asset-list span,.asset-list small{grid-column:1}.asset-list button{grid-column:2;grid-row:1/4}.account-sheet{padding:27px}.account-sheet h2{font-size:26px;overflow-wrap:anywhere}.account-sheet p{overflow-wrap:anywhere}.table-scroll{margin-inline:-5px}table{min-width:650px}.audit-list>div{grid-template-columns:1fr;gap:6px}.toast{bottom:15px;font-size:11px;gap:8px;padding:13px}.toast>svg{height:17px;width:17px}.toast button{margin-left:8px}.dialog-body{padding:35px 23px 28px}.dialog-body h2{font-size:30px}.dialog-body>p{font-size:12px}.dialog-body .eyebrow{font-size:8px}.dialog-body .form-grid{grid-template-columns:1fr}.dialog-body label{font-size:12px}.lesson-steps li{gap:14px}.lesson-steps li p{font-size:13px}.lesson-prompt{padding:20px}.lesson-prompt p{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.art-note{z-index:2;top:-62px}.idea-note strong{font-size:22px}.idea-note{width:290px}@media(max-width:1100px){.idea-note{width:240px}.idea-note strong{font-size:21px}}@media(max-width:640px){.art-note{top:-47px}.idea-note{width:215px}.idea-note strong{font-size:21px}}
.hero-art{padding-bottom:115px}.idea-note{pointer-events:none}@media(max-width:640px){.hero-art{padding-bottom:170px}.hero h1{font-size:clamp(43px,13vw,55px)}}

/* Firstplay: midnight blue, soft blue type, and coral actions.
   Game illustrations retain their own in-world colors. */
:root {
  color-scheme: dark;
  --paper: #101827;
  --ink: #edf3ff;
  --muted: #aebcd2;
  --line: #34445f;
  --orange: #ff927e;
  --cream: #182338;
  --sage: #22314a;
  --surface: #182338;
  --surface-raised: #22314a;
  --surface-hover: #293b57;
  --accent: #ff927e;
  --accent-hover: #ffb09f;
  --blue-accent: #9bbcff;
  --lilac-accent: #c4b4f0;
  --on-accent: #171f30;
  --shadow: #090f1c;
  --control-line: #637590;
}

::selection { background: #ff927e; color: #171f30; }
button:focus-visible, a:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible, summary:focus-visible {
  outline-color: var(--blue-accent);
}
.brand-mark { background: transparent; padding: 0; border-radius: 0; flex-shrink: 0; }
.brand-mark img { display: block; width: 100%; height: 100%; }
.brand-period, .nav button:hover, .nav button.active,
.footer-main button:hover, .lesson-row:hover h3 { color: var(--accent); }
.button.dark, .button.orange, .button.light {
  background: var(--accent); color: var(--on-accent);
}
.button.dark:hover, .button.orange:hover, .button.light:hover {
  background: var(--accent-hover);
}
.button.outline, .circle-button { border-color: var(--control-line); }
.button.outline:hover, .circle-button:hover { background: var(--surface-hover); }
.skip-link { background: var(--accent); color: var(--on-accent); }
.hero h1 .serif, .little-star, .drawn-check, .art-note,
.steps article>svg, .empty-doodle, .plan h2>span { color: var(--blue-accent); }
.game-frame { border-color: var(--control-line); box-shadow: 9px 12px 0 var(--shadow); }
.window-bar { background: var(--surface-raised); color: var(--muted); border-color: var(--control-line); }
.window-bar i { border-color: var(--muted); }
.game-hud { color: var(--ink); }
.game-hud span { background: #182338ee; border-color: #63759099; }
.game-caption { background: #182338f2; color: var(--ink); }
.live-dot { background: #8ad4bd; }
.idea-note { background: #efaa98; color: var(--on-accent); border-color: #efaa98; box-shadow: 3px 6px 0 var(--shadow); }
.idea-note .eyebrow { color: #463b44; }
.tape { background: #a4b8dc90; }
.round-stamp { color: var(--blue-accent); border-color: var(--blue-accent); box-shadow: 0 0 0 5px var(--paper), 0 0 0 6px var(--blue-accent); }
.step-number, .lesson-meta, .paper-line>span { color: var(--muted); }
.learn-band { background: #151f31; }
.peach { background: #b1c8ec; color: #233451; }
.sage { background: #b9b1dc; color: #302b4e; }
.yellow { background: #edac99; color: #59382f; }
.blue { background: #9dc9dc; color: #203a4b; }
.lilac { background: #c7b7df; color: #39304c; }
.sketch-big, .sketch-arrow { color: #425b83; }
.speech { background: #e7e3f3; color: #302b4e; border-color: #6f638e; box-shadow: 2px 3px 0 #42375030; }
.speech.two { background: #63547f; color: #fff5ff; }
.coin { background: #ab5141; color: #ffe0bf; border-color: #ffd2a5; outline-color: #9c483a; box-shadow: 7px 8px 0 #873b33; }
.coin-trail { color: #63342e; }
.lesson-end, .paper-line, .search, .plan ul { border-color: var(--line); }
.ai-paper { background: var(--surface); border-color: var(--line); box-shadow: 7px 9px 0 var(--shadow); }
.paper-button { background: var(--surface-raised); }
.paper-button:hover { background: var(--surface-hover); }
.join-strip { background: #243858; color: var(--ink); border-block: 1px solid #3c5274; }
.join-strip .eyebrow { color: var(--blue-accent); }
.filter-options .selected, .plan-tag { background: var(--blue-accent); color: var(--on-accent); }
.badge, .result-tag, .status { background: #293d57; color: #c4d8f7; }
.badge.premium { background: #463344; color: #ffb7a7; }
.editorial-note, .community-aside, .handoff, .balance-grid>section,
.preview-message, .lesson-prompt { background: var(--surface-raised); }
.plan.studio { background: #1d2d47; border-color: #829ed0; }
.project-paper { background: var(--surface); border-color: var(--line); box-shadow: 4px 5px 0 var(--shadow); }
input:not([type=range]):not([type=checkbox]), textarea, select {
  background: #101a2c; border-color: var(--control-line); color: var(--ink);
}
input::placeholder, textarea::placeholder { color: #9baac2; }
select option { background: #101a2c; color: var(--ink); }
input[type=checkbox], input[type=range], .task input,
.sample-checklist input, .balance-grid input[type=range] { accent-color: var(--accent); }
.danger { color: #ffa899; }
.notebook-text { background: repeating-linear-gradient(#182338, #182338 33px, #34445f 34px)!important; }
.task-groups section { border-color: #6989b8; }
.loop-canvas { background-color: #152238; background-image: radial-gradient(#4a6384 .8px, transparent .8px); border-color: var(--line); }
.loop-step { background: var(--surface-raised); border-color: var(--control-line); box-shadow: 3px 4px 0 var(--shadow); }
.story-map article { background: var(--surface-raised); border-color: var(--line); }
.balance-result { border-color: var(--line); }
.account-sheet { background: var(--surface); border-color: var(--line); }
.account-avatar { background: #293e60; border-color: #6989b8; color: #c3d7ff; }
.status.banned, .status.suspended { background: #4b2931; color: #ffb9ad; }
.toast { background: #243858; color: var(--ink); border-color: #8099bf; box-shadow: 0 8px 28px #0006; }
dialog { background: var(--surface); color: var(--ink); border-color: var(--control-line); box-shadow: 0 15px 80px #0009; }
dialog::backdrop { background: #060d1dcc; }
.form-error { background: #4b2931!important; color: #ffc5ba!important; }
.lesson-steps li>span { color: var(--blue-accent); }
.danger-button { background: #f39888; color: #29191c; }

/* Project intake and sample workshop. */
.entry-paths>button:hover { background: var(--surface); }
.path-index, .entry-paths>button>span:last-child, .intake-note,
.success-check, .step-editor small, .step-history summary>span,
.step-history small, .sample-heading>div>p, .sample-ticket>span,
.sample-loop>p, .sample-loop-line label>span, .sample-finish p { color: var(--muted); }
.intake-note, .pending-plan { background: var(--surface-raised); }
.next-session { background: var(--surface); border-color: var(--line); }
.next-session:before { background: var(--blue-accent); }
.session-actions { background: var(--surface-raised); border-color: var(--line); }
.step-editor, .step-history li { border-color: var(--line); }
.result-form, .step-history { background: #141f32; border-color: var(--line); }
.sample-ticket { background: var(--surface-raised); border-color: var(--accent); }
.sample-play { background: var(--surface-raised); border-color: var(--line); }
.sample-brief textarea { background: #101a2c; }
.sample-message { color: #a5d5c8; }
.sample-loop-line label { background: var(--surface-raised); }
.sample-loop-line input { background: transparent; border-bottom-color: var(--control-line)!important; }

/* Mechanic shelf: the illustrated garden keeps its original game palette. */
.kit-edition { border-color: #6989b8; outline-color: #6989b8; color: var(--blue-accent); }
.kit-stage { border-color: var(--surface-raised); box-shadow: 6px 8px 0 var(--shadow); }
.kit-principles li>span, .kit-chapter summary>span:first-child { color: var(--muted); }
.grove-inspector pre { background: var(--surface); color: var(--ink); }
.kit-package { background: var(--surface-raised); border-color: var(--accent); }
.kit-package>small, .kit-compatibility { color: var(--muted); }
.kit-compatibility { border-color: var(--control-line); }
.resource-gate { background: var(--surface); border-color: var(--line); }
.resource-gate p { color: var(--muted); }
.kit-prompt { background: var(--surface-raised); }

/* Playtest table, including forms, feedback and moderation. */
.playtest-invitation { background: #b1c8ec; color: #233451; }
.playtest-heading>.playtest-invitation p { color: #344965; }
.playtest-process span, .request-meta, .build-host { color: var(--muted); }
.example-art { background: var(--surface-raised); }
.example-art>span { color: var(--muted); }
.playtest-verification { background: #45354a; color: #ffd5cb; }
.playtest-form, .playtest-report { background: var(--surface); box-shadow: 5px 6px 0 var(--shadow); }
.playtest-row:hover { background: var(--surface); }
.test-duration { background: var(--surface-raised); color: var(--blue-accent); }
.empty-playtests { border-color: var(--control-line); }
.playtest-detail { background: var(--surface); }
.test-brief aside, .feedback-three, .playtest-moderation>form { background: var(--surface-raised); }
.feedback-compose { background: #1d2d47; border-color: #637590; }
.new-resource-row { background: var(--surface-raised); border-color: var(--blue-accent); }

@media(max-width:640px) {
  .nav.mobile-open { box-shadow: 0 8px 15px #0004; }
  .round-stamp { box-shadow: 0 0 0 4px var(--paper), 0 0 0 5px var(--blue-accent); }
  .project-paper { box-shadow: 3px 4px 0 var(--shadow); }
  .session-actions { border-top-color: var(--line); }
}