:root{color-scheme:light;--bg:#f7efdf;--surface:#fffaf0;--surface-strong:#fffdf7;--text:#18314e;--muted:#526474;--primary:#b83b65;--primary-dark:#6f2448;--primary-ink:#fff8e9;--accent:#d77b3f;--accent-soft:#f2c09f;--sun:#f1cf75;--sky:#7db7c5;--mint:#a9c98f;--lavender:#d6c5df;--border:#aa9b88;--focus:#0c5c72;--paper-glass:#fffaf0db;--paper-glass-strong:#fffdf7f0;--shadow:0 18px 42px #0e263e38;--shadow-soft:0 7px 20px #0e263e21;--radius:1.3rem;--max-width:1220px;--reading-width:66ch;color:var(--text);background:var(--bg);font-synthesis:none;font-family:Atkinson Hyperlegible Next,Atkinson Hyperlegible,Verdana,Segoe UI,Tahoma,ui-sans-serif,system-ui,sans-serif;font-size:100%}*{box-sizing:border-box}html{scroll-behavior:smooth;text-size-adjust:100%;background:#112c47}body{min-width:320px;min-height:100vh;color:var(--text);letter-spacing:.01em;word-spacing:.025em;text-rendering:optimizelegibility;background:linear-gradient(#f7efdf2e,#f7efdf47),url(/images/site/studio-collage-background.webp) top/cover fixed;margin:0;font-size:.98rem;line-height:1.62}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:.1em}::selection{background:var(--accent-soft);color:var(--text)}:where(a,button,[tabindex]):focus-visible{outline:3px solid var(--focus);outline-offset:4px;border-radius:.35rem}img,svg{max-width:100%;display:block}.skip-link{z-index:100;background:var(--primary-dark);color:#fff;border-radius:.7rem;padding:.7rem 1rem;font-weight:750;text-decoration:none;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.site-header{z-index:20;backdrop-filter:blur(18px);background:#122b44eb;border-bottom:1px solid #f1cf755c;position:sticky;top:0;box-shadow:0 5px 20px #0a1c2f3d}.header-inner,.footer-inner,.section,.article-shell{width:min(calc(100% - 2rem), var(--max-width));margin-inline:auto}.header-inner{justify-content:space-between;align-items:center;gap:2rem;min-height:4.15rem;display:flex}.brand{letter-spacing:.005em;color:var(--primary-ink);align-items:center;gap:.65rem;font-weight:780;text-decoration:none;display:inline-flex}.brand-mark{border:2px solid var(--primary-ink);background:var(--sun);width:2.15rem;height:2.15rem;color:var(--text);box-shadow:4px 4px 0 var(--accent);border-radius:42% 58% 48% 52%;place-items:center;display:grid;transform:rotate(-4deg)}.brand-copy{line-height:1.05;display:grid}.brand-copy strong{font-size:.98rem}.brand-copy small{color:#c9dadd;letter-spacing:.025em;margin-top:.24rem;font-size:.68rem;font-weight:650}nav ul{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}nav a{color:var(--muted);letter-spacing:.015em;border-radius:999px;padding:.42rem .58rem;font-size:.84rem;font-weight:650;text-decoration:none;display:inline-block}.site-header nav a{color:#e7f0ef}nav a:hover,nav a[aria-current=page]{color:var(--primary-dark);background:#fffdf7f5}nav a[aria-current=page]{box-shadow:0 0 0 2px var(--lavender) inset}main{overflow:hidden}.section{border-radius:calc(var(--radius) + .3rem);background:var(--paper-glass);box-shadow:var(--shadow-soft);backdrop-filter:blur(11px)saturate(.9);border:1px solid #6f564340;padding-block:3.25rem;padding-inline:clamp(1rem,2.4vw,1.6rem)}.section+.section,.article-shell+.section,.app-page>.section+.section{margin-top:.85rem}.hero{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:center;gap:clamp(1.5rem,4vw,3.5rem);min-height:54vh;display:grid}.hero-copy{max-width:720px}.kicker,.eyebrow{background:var(--lavender);width:fit-content;color:var(--primary-dark);letter-spacing:.075em;border-radius:999px;padding:.28rem .58rem;font-size:.72rem;font-weight:800}h1,h2,h3{letter-spacing:-.012em;text-wrap:balance;margin-top:0;line-height:1.16}h1{margin-bottom:1.05rem;font-size:clamp(2.4rem,4.7vw,4.1rem);font-weight:800}h2{margin-bottom:.8rem;font-size:clamp(1.75rem,3.3vw,2.9rem)}h3{margin-bottom:.6rem;font-size:1.2rem;line-height:1.28}p{max-width:var(--reading-width);margin-top:0}.hero-text,.page-intro>p:last-child,.article-summary{max-width:65ch;color:var(--muted);font-size:clamp(1rem,1.6vw,1.14rem);line-height:1.62}.button-row{flex-wrap:wrap;gap:.8rem;margin-top:1.45rem;display:flex}.button{letter-spacing:.015em;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:2.65rem;padding:.6rem .95rem;font-size:.9rem;font-weight:760;text-decoration:none;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s;display:inline-flex}.button.primary{background:var(--primary);color:var(--primary-ink);box-shadow:0 7px #74304a}.button.primary:hover{background:var(--primary-dark);color:#fff;box-shadow:0 4px #45162c}.button.secondary{border-color:var(--border);color:var(--primary-dark);background:#ffffffd1}.button:hover{transform:translateY(-2px)}.button.secondary:hover{border-color:var(--primary);background:var(--surface-strong)}.hero-art{background:radial-gradient(circle at 72% 24%, var(--accent-soft), transparent 27%), radial-gradient(circle at 28% 72%, var(--sky), transparent 33%), linear-gradient(145deg, #ffffffeb, #a9c98f94);min-height:320px;box-shadow:9px 10px 0 var(--sun);border:2px solid #203156cc;border-radius:46% 54% 50% 45%;position:relative}.floating-card{letter-spacing:.015em;background:#fffefdeb;border:2px solid #203156c7;border-radius:1.1rem;place-items:center;min-width:6.4rem;min-height:3.55rem;padding:.75rem;font-weight:760;display:grid;position:absolute;box-shadow:4px 5px #20315629}.card-one{top:12%;left:5%;transform:rotate(-7deg)}.card-two{top:17%;right:6%;transform:rotate(6deg)}.card-three{bottom:12%;left:10%;transform:rotate(5deg)}.card-four{bottom:18%;right:2%;transform:rotate(-5deg)}.card-one{background:var(--sky)}.card-two{background:var(--accent-soft)}.card-three{background:var(--mint)}.card-four{background:var(--sun)}.orbit{border:2px dashed #b83b6561;border-radius:50%;position:absolute;inset:28% 31%}.section-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.35rem;display:flex}.text-link{color:var(--primary-dark);font-weight:750;text-decoration-color:#9f174bb3;text-decoration-thickness:2px}.text-link:hover{color:var(--accent)}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.resource-groups{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:.9rem;padding-bottom:2.6rem;display:grid}.resource-block{border-radius:calc(var(--radius) + .3rem);border:2px solid #20315624;padding:clamp(.95rem,1.8vw,1.35rem);position:relative;overflow:hidden;box-shadow:5px 6px #20315614}.resource-block:after{content:"";z-index:0;pointer-events:none;border:2px dashed #b83b6538;border-radius:50%;width:8rem;height:8rem;position:absolute;top:-2.4rem;right:-2.4rem}.resource-block-digital{background:linear-gradient(135deg,#7db7c5b8,#b83b652e)}.resource-block-printable{background:linear-gradient(135deg,#a9c98f9e,#f1cf75b8)}.resource-block-heading,.resource-block .card-grid{z-index:1;position:relative}.resource-block-heading{align-items:flex-start;gap:.7rem;margin-bottom:.85rem;display:flex}.resource-block-icon{background:var(--sky);border:2px solid #203156b3;border-radius:.8rem;flex:0 0 2.35rem;place-items:center;width:2.35rem;height:2.35rem;font-size:.78rem;font-weight:850;display:grid;transform:rotate(-3deg);box-shadow:3px 3px #20315621}.resource-block-printable .resource-block-icon{background:var(--sun);transform:rotate(3deg)}.resource-block-heading .kicker{margin-bottom:.18rem;font-size:.7rem}.resource-block-heading h2{margin:0;font-size:clamp(1.4rem,2.4vw,1.85rem)}.resource-block-heading p:last-child{max-width:62ch;color:var(--muted);margin:.28rem 0 0;font-size:.84rem;line-height:1.45}.resource-block .card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.resource-block .content-card>a{padding:.78rem .82rem}.resource-block .card-topline{gap:.4rem;margin-bottom:.5rem}.resource-block .content-card h3{margin-bottom:.32rem;font-size:1rem}.resource-block .content-card p{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:.15rem;font-size:.8rem;line-height:1.42;display:-webkit-box;overflow:hidden}.resource-block .card-link{padding-top:.45rem;font-size:.76rem}.writing-layout{grid-template-columns:minmax(0,1fr) minmax(18rem,22rem);align-items:start;gap:clamp(1rem,2.6vw,2rem);display:grid}.writing-list .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-sidebar{position:sticky;top:5.5rem}.reading-card{border-radius:var(--radius);background:radial-gradient(circle at 100% 0,#f1cf759e,#0000 9rem),linear-gradient(155deg,#fffffff7,#7db7c552);border:2px solid #20315629;padding:1.2rem;position:relative;overflow:hidden;box-shadow:5px 6px #b83b6529}.reading-card:after{content:"";pointer-events:none;border:2px dashed #b83b6547;border-radius:50%;width:5rem;height:5rem;position:absolute;bottom:7rem;right:-1.7rem}.reading-card-heading{align-items:center;gap:.8rem;margin-bottom:1rem;display:flex}.reading-card-heading .kicker{margin-bottom:.12rem;font-size:.7rem}.reading-card-heading h2{margin:0;font-size:clamp(1.3rem,2vw,1.65rem)}.book-stack{background:var(--sky);border:2px solid #203156b8;border-radius:.75rem;flex:0 0 3rem;width:3rem;height:3rem;position:relative;transform:rotate(-3deg);box-shadow:3px 3px #20315624}.book-stack:before,.book-stack:after,.book-stack span{content:"";border:1.5px solid #203156b8;border-radius:999px;height:.38rem;position:absolute;left:.52rem;right:.52rem}.book-stack:before{background:var(--accent-soft);top:.62rem}.book-stack span{background:var(--sun);top:1.3rem}.book-stack:after{background:var(--mint);top:1.98rem}.current-book,.reading-recommendation{z-index:1;border-radius:.9rem;padding:.9rem;position:relative}.current-book{border-left:4px solid var(--primary);background:#ffffffb8}.current-book h3{margin:.12rem 0 .18rem;font-size:1.08rem}.reading-live-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.3rem .7rem;margin-bottom:.55rem;display:flex}.reading-live-status{color:var(--muted);align-items:center;gap:.32rem;margin:0;font-size:.64rem;display:inline-flex}.reading-live-status>span:first-child{background:#28a66a;border-radius:50%;width:.48rem;height:.48rem;animation:2.2s ease-out infinite reading-live-pulse;box-shadow:0 0 #28a66a61}@keyframes reading-live-pulse{60%,to{box-shadow:0 0 0 .34rem #28a66a00}}.live-reading-list{gap:.62rem;display:grid}.live-book{border-top:1px dashed #2031562e;align-items:flex-start;gap:.7rem;padding-top:.62rem;display:flex}.live-book:first-child{border-top:0;padding-top:0}.live-book img{object-fit:cover;border:1px solid #20315629;border-radius:.35rem;flex:none;width:3.2rem;height:4.8rem;box-shadow:2px 3px #2031561a}.live-book-copy{min-width:0}.live-book-copy>p{color:var(--muted);margin:0 0 .55rem;font-size:.86rem}.live-book-copy .text-link{display:inline-block}.current-book .text-link{font-size:.82rem}.reading-shelf-count{color:var(--muted);margin:.62rem 0 0;font-size:.68rem;line-height:1.4}.reading-label{color:var(--primary-dark);letter-spacing:.09em;text-transform:uppercase;margin:0;font-size:.69rem;font-weight:800}.reading-recommendation{background:#f1cf75a8;margin-top:.75rem}.reading-recommendation>p:last-child{margin:.34rem 0 0;font-size:.88rem;line-height:1.55}.reading-stats{grid-template-columns:1fr 1fr;gap:.48rem;margin:.8rem 0;display:grid}.reading-stats div{background:#ffffff85;border:1px solid #2031561c;border-radius:.7rem;padding:.58rem .65rem}.reading-stats dt{color:var(--muted);font-size:.68rem;line-height:1.25}.reading-stats dd{color:var(--primary-dark);margin:.1rem 0 0;font-size:.88rem;font-weight:800}.reading-profile-link{text-align:center;justify-content:center;width:100%}.reading-note{color:var(--muted);text-align:center;margin:.55rem 0 0;font-size:.66rem}.content-card{min-height:100%}.content-card>a{border-radius:var(--radius);background:#fffef9f0;border:2px solid #2031561f;flex-direction:column;min-height:100%;padding:1.2rem;text-decoration:none;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;position:relative;box-shadow:0 4px #20315614}.content-card>a:hover{box-shadow:var(--shadow);border-color:#b83b6594;transform:translateY(-3px)rotate(-.25deg)}.content-card:nth-child(3n+1)>a{background:linear-gradient(145deg, var(--surface-strong), #7db7c585)}.content-card:nth-child(3n+2)>a{background:linear-gradient(145deg, var(--surface-strong), #d77b3f75)}.content-card:nth-child(3n)>a{background:linear-gradient(145deg, var(--surface-strong), #a9c98f80)}.card-topline,.article-meta{flex-wrap:wrap;align-items:center;gap:.7rem;margin-bottom:.85rem;display:flex}.status{background:var(--sun);width:fit-content;color:var(--primary-dark);border:1px solid #2031561f;border-radius:999px;padding:.24rem .55rem;font-size:.77rem;font-weight:760;display:inline-flex}.content-card p{color:var(--muted);line-height:1.58}.card-link{color:var(--primary);margin-top:auto;padding-top:.9rem;font-weight:800}.split-panel,.now-panel{border-radius:calc(var(--radius) * 1.25);box-shadow:var(--shadow);background:#fffef9db;border:2px solid #20315624}.split-panel{background:linear-gradient(115deg,#fffef9f5,#7db7c557);grid-template-columns:1.1fr .9fr;align-items:center;gap:2rem;padding-inline:clamp(1.35rem,4vw,3rem);display:grid}.split-panel p:not(.kicker){max-width:620px;color:var(--muted)}.number-cloud{grid-template-columns:repeat(5,1fr);place-items:center;min-height:210px;display:grid}.number-cloud span{font-size:clamp(2.15rem,5.5vw,4.2rem);font-weight:800}.number-cloud span:nth-child(2n){color:var(--accent);transform:translateY(2rem)rotate(7deg)}.number-cloud span:nth-child(odd){color:var(--primary);transform:translateY(-1rem)rotate(-5deg)}.now-panel{width:min(calc(100% - 2rem), var(--max-width));background:linear-gradient(135deg,#a9c98f9e,#7db7c585);margin-bottom:3.5rem;padding:clamp(1.4rem,4vw,3rem)}.now-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.35rem;display:grid}.now-grid>div{border-left:4px solid var(--accent);background:#ffffff5c;border-radius:.3rem;padding:1rem}.now-grid p{color:var(--muted);margin:.35rem 0 0}.page-intro{padding-bottom:1.75rem}.page-writing .page-intro,.page-for-kabbo .page-intro{background-position:50% 42%;background-size:cover;flex-direction:column;justify-content:center;min-height:13.5rem;display:flex}.page-writing .page-intro{background-image:linear-gradient(90deg,#fffaf0f7 0%,#fffaf0e6 42%,#fffaf061 72%,#fffaf02e),url(/images/site/studio-collage-writing.webp)}.page-for-kabbo .page-intro{background-image:linear-gradient(90deg,#fffaf0f7 0%,#fffaf0e0 42%,#fffaf05c 72%,#fffaf029),url(/images/site/studio-collage-smile.webp)}.page-writing .page-intro>*,.page-for-kabbo .page-intro>*{z-index:1;position:relative}.page-intro h1{margin-bottom:1rem;font-size:clamp(2.4rem,4.8vw,4.1rem)}.compact-top{padding-top:1.2rem}.article-shell{border-radius:calc(var(--radius) + .35rem);background:var(--paper-glass-strong);max-width:860px;box-shadow:var(--shadow);backdrop-filter:blur(12px)saturate(.88);border:1px solid #6f564340;padding-block:4rem;padding-inline:clamp(1rem,3vw,2.4rem)}.article-header{border-bottom:2px dashed var(--border);margin-bottom:2.2rem;padding-bottom:1.5rem}.article-header h1{font-size:clamp(2.3rem,5.4vw,4.2rem)}.article-meta time{color:var(--muted);font-size:.9rem}.prose,.standalone-prose{max-width:var(--reading-width);letter-spacing:.012em;word-spacing:.035em;font-family:Atkinson Hyperlegible Next,Atkinson Hyperlegible,Verdana,Segoe UI,Tahoma,ui-sans-serif,system-ui,sans-serif;font-size:clamp(.98rem,1.1vw,1.06rem);line-height:1.7}.prose p,.standalone-prose p{margin-bottom:1.15em}.prose h2,.prose h3{margin-top:2.1rem;margin-bottom:.65rem;line-height:1.3}.prose h2{font-size:1.65rem}.prose a{color:var(--primary-dark);text-underline-offset:.18em;text-decoration-thickness:2px}.prose a:hover{color:var(--accent)}.prose ul,.prose ol{padding-left:1.4em}.prose li+li{margin-top:.35rem}.resource-lede{border-left:5px solid var(--accent);background:linear-gradient(110deg,#7db7c57a,#a9c98f6b);border-radius:.4rem 1rem 1rem .4rem;margin:0 0 1.25rem;padding:.9rem 1rem;font-size:1.05rem}.printable-actions{margin-block:1.45rem}.printable-preview{border-radius:var(--radius);background:linear-gradient(145deg,#fffffff5,#7db7c54d);border:2px solid #20315624;margin:1.6rem 0 2rem;padding:.7rem;box-shadow:5px 6px #b83b6524}.printable-preview a{border-radius:calc(var(--radius) - .35rem);display:block;overflow:hidden}.printable-preview img{background:#fff;width:100%;height:auto}.printable-preview figcaption{color:var(--muted);padding:.62rem .35rem .1rem;font-size:.78rem;line-height:1.45}.content-action{margin-top:2.5rem}.standalone-prose{max-width:760px}.site-footer{backdrop-filter:blur(14px);background:#122b44f0;border-top:1px solid #f1cf755c}.footer-inner{color:#dce8e6;justify-content:space-between;align-items:center;gap:2rem;min-height:4.25rem;display:flex}.footer-inner strong{color:var(--primary-ink)}.site-footer nav a{color:#dce8e6}.site-footer nav a:hover{color:var(--primary-dark)}@media (pointer:fine){body.page-ideas,body.page-ideas :where(a,button,summary){cursor:url(/cursors/ideas-scribble.svg) 4 5,auto}body.page-for-kabbo,body.page-for-kabbo :where(a,button,summary){cursor:url(/cursors/toy-blocks.svg) 3 3,auto}body.page-writing,body.page-writing :where(a,button,summary){cursor:url(/cursors/writing-pencil.svg) 4 28,auto}body :where(input,textarea,[contenteditable=true]){cursor:text}}.footer-inner p{margin:0}.footer-inner nav{gap:.4rem;display:flex}@media (width<=880px){.header-inner{flex-wrap:wrap;gap:.55rem 1rem;min-height:auto;padding-block:.65rem}.hero,.split-panel{grid-template-columns:1fr}.hero{padding-top:2.75rem}.hero-art{min-height:310px}.card-grid,.now-grid{grid-template-columns:1fr 1fr}.writing-layout{grid-template-columns:1fr}.reading-sidebar{position:static}.resource-groups{grid-template-columns:1fr}.resource-block .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=881px) and (width<=1050px){.resource-block .card-grid{grid-template-columns:1fr}}@media (width<=620px){.section{padding-block:2.6rem;padding-inline:1rem}.page-writing .page-intro,.page-for-kabbo .page-intro{background-position:58%;min-height:12rem}.brand{font-size:.9rem}nav ul{gap:0}nav a{padding:.32rem .38rem;font-size:.74rem}.hero{min-height:auto}.hero-art{min-height:210px}.floating-card{min-width:4.65rem;min-height:2.6rem;padding:.55rem;font-size:.71rem}.section-heading,.footer-inner{flex-direction:column;align-items:flex-start}.card-grid,.now-grid,.writing-list .card-grid,.resource-block .card-grid{grid-template-columns:1fr}.split-panel{width:min(calc(100% - 2rem), var(--max-width));padding:1.6rem 1.15rem}.number-cloud{grid-template-columns:repeat(5,1fr);min-height:170px}.footer-inner{padding-block:2rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}