/* Gummy Edition: a complete confectionery skin over the layout system. */
:root{color-scheme:light;--paper:#fff0e5;--ink:#831d3e;--berry:#a5234e;--lilac:#ffdce4;--lime:#d2e993;--background:#fff5ed;--surface:#ffe7d9;--text:#831d3e;--muted:#936271;--line:#b84e6c30;--accent:#9f2755}
body{background:var(--background);color:var(--ink)}
::selection{background:#f3a3bc;color:#691337}
:focus-visible,.site-header :focus-visible,.creative-hero :focus-visible,.introduction :focus-visible,.about :focus-visible,.roadmap :focus-visible,.download :focus-visible,.chapter-index :focus-visible,.motion-toggle:focus-visible{outline-color:#9b2153}
.site-header{background:#fff0e5ed;color:var(--ink);border-color:#a5234e18}
.site-header .brand,.site-footer .brand{font-family:'Gummy Display',ui-rounded,sans-serif;font-size:23px;font-weight:650;letter-spacing:-.5px}
.brand img,.site-header .brand img,.download .download-mark{filter:invert(20%) sepia(32%) saturate(1933%) hue-rotate(293deg) brightness(60%)}
.desktop-nav{color:#9b6272}.desktop-nav a:hover{color:#a5234e}
.nav-download{background:linear-gradient(#da5579,#b92755);color:#fff3ed;border-radius:100px;box-shadow:inset 0 2px 2px #ffb6cb,inset 0 -3px 4px #7b15394d,0 4px 9px #a5234e18}
.nav-download:hover{background:linear-gradient(#e16589,#c23160);transform:translateY(-2px)}
.nav-download:active{transform:scale(1.04,.94)}
.site-header .icon-button:hover,.site-header .menu-toggle:hover{background:#e5547910}
.reading-progress{background:#df6489}
.creative-hero{background:#fff0e5;color:var(--ink);padding-top:126px;min-height:min(940px,100svh)}
.creative-hero::after{display:none}
.creative-hero-grid{grid-template-columns:1.05fr 1fr;min-height:570px}
.creative-hero .hero-heading [data-gummy-type]{pointer-events:auto}
.creative-hero .hero-kicker{display:inline-flex;padding:8px 12px;margin-bottom:24px;border:1px solid #b4557024;background:#fff9f480;box-shadow:inset 0 1px 1px #fff;border-radius:100px;color:#9a5067;font-size:9px;letter-spacing:1.15px}
.creative-hero .status-dot{background:#ea6c8c;box-shadow:inset 0 1px 1px #ffc1d4}
.creative-hero .hero-description{color:#976273;font-size:14px;line-height:1.85;margin-top:27px}
.hero-squish-hint{display:inline-flex;align-items:center;gap:6px;margin-top:15px;color:#aa6c7d;font-size:10px}
.hero-squish-hint svg{width:13px;height:13px}
.creative-hero .hero-actions{margin-top:24px;gap:23px}
.creative-hero .button-light{background:linear-gradient(#d84c76,#ac214e);border:1px solid #c6446b;color:#fff5f0;box-shadow:inset 0 2px 3px #ffb5c7,inset 0 -3px 5px #89133e66,0 6px 12px #a2244b1a}
.creative-hero .button-light:hover{background:linear-gradient(#e56285,#bc305e);transform:translateY(-3px) rotate(-1deg)}
.creative-hero .button-light:active{transform:scale(1.07,.92)}
.creative-hero .text-link{color:#9b4c65;border-color:#c7799059}
.creative-sculpture-wrap{margin-top:0}
.creative-sculpture{inset:-7% -8%}
.fallback-ring{border-color:#ef4877;border-radius:43%;box-shadow:inset 8px 7px 14px #ffb9cf,inset -10px -14px 20px #a71b50aa,0 30px 25px -20px #9c4c6566}
.fallback-orb{background:radial-gradient(ellipse at 30% 15%,#fffbd2,#bcd74a 35%,#7b9e2055 90%);border-radius:39%;box-shadow:inset 3px 5px 4px #fff8,inset -4px -12px 15px #75962a66,0 25px 25px -16px #7b853955}
.fallback-pebble{background:radial-gradient(circle at 30% 20%,#fff7ca,#ffb146 45%,#ec8027bb);box-shadow:inset 0 3px 4px #fffd}
.sculpture-note,.sculpture-label{color:#b0777c}
.sculpture-note{left:9%}
.creative-hero .hero-bottom{border-color:#c47f8b30;color:#a9687b;font-size:9px;letter-spacing:.3px}
.creative-hero .scroll-cue{color:#9e4966}
.creative-intro{background:#ffdae2;color:#962549;padding-block:100px}
.creative-intro .eyebrow{color:#b35974}
.creative-intro h2{font-family:'Gummy Display',ui-rounded,sans-serif;font-size:clamp(38px,4.5vw,68px);line-height:1.13;letter-spacing:-.035em;font-weight:550}
.creative-intro h2 em{font-family:inherit;font-style:normal;color:#d94e74;font-weight:550}
.creative-intro-bottom p{color:#a35a72}
.creative-sigil{color:#e65b83;filter:drop-shadow(0 3px 0 #b83d62)}
.ideas-ribbon{background:#ffbd73;color:#a83d32}
.ribbon-group span{font-family:'Gummy Display',ui-rounded,sans-serif;font-weight:550;letter-spacing:-.025em}
.ribbon-group i{color:#d65e43}
.introduction{background:#fff6ee}
.introduction .section-meta{color:#b27b82}
.introduction h2,.chapter h2,.about h2,.section-heading h2,.questions h2,.download h2{font-family:'Gummy Display',ui-rounded,sans-serif;font-weight:550;letter-spacing:-.035em}
.introduction h2{font-size:clamp(40px,5.1vw,76px);line-height:1.12}
.introduction h2>span{color:#dc6987}
.intro-copy{color:#ab7382;font-size:14px;line-height:1.85;max-width:440px}
.chapter-index{background:#fff6eeee;border-color:#c7799029}
.chapter-index a{color:#ad7183}
.chapter-index a span{color:inherit;opacity:.65}
.chapter-index a:hover,.chapter-index a[aria-current=location]{background:linear-gradient(#e16c91,#be3a67);color:#fff5f4;box-shadow:inset 0 2px 3px #ffc2d3}
.chapter{background:#fff6ee}
.chapter--vault{background:#ffe4c8}.chapter--commands{background:#fff0ed}.chapter--shield{background:#e7efc9}
.chapter-number{color:#cb577b}.chapter-number span{color:#ae7d87}.chapter-description{color:#a67682;font-size:14px}
.screenshot-button{border-radius:22px;border:7px solid #fffaf4;box-shadow:0 24px 45px -24px #a2516666,0 0 0 1px #bc7d8d1f}
.screenshot-button:hover{box-shadow:0 26px 50px -20px #a2516677,0 0 0 1px #bc7d8d55}
.chapter-bottom{color:#a47885;border-color:#bc7d8d35;font-size:11px}.chapter-bottom p:first-child{color:#99586e}.chapter-bottom span{color:#b4808d}
.command-keys{color:#c88996}.command-keys kbd{color:#a34b6b;background:linear-gradient(#fff8f1,#f6cbd5);border:1px solid #f5bacb;border-bottom:5px solid #d88caa;border-radius:25px;box-shadow:inset 0 3px 5px #fff,0 12px 25px #c76d8a25;font-family:'Gummy Display',ui-rounded,sans-serif}
.chapter-action .button{border-radius:100px;background:#ffe4df;border-color:#e7abb8;color:#a64768}.chapter-action .button:hover{background:#ffdedb}
.shield-symbol{color:#9eac4f}.shield-symbol svg{filter:drop-shadow(0 3px 1px #73832c25)}.shield-flow p{color:#94a05d}.shield-flow strong{color:#6e7e2d}
.shield-visual[data-mode=off] .shield-symbol,.shield-visual[data-mode=off] .shield-flow strong{color:#8d927d}
.shield-controls>p:first-child{color:#6e7e2d;font-family:'Gummy Display',ui-rounded,sans-serif;font-size:29px}.shield-modes legend,.demo-label{color:#8c9b56}
.mode-option label{background:#f7fbdc;border-color:#c1d088;color:#8c9e49;border-radius:100px}.mode-option input:checked+label{background:linear-gradient(#b5ce63,#93ac45);border-color:#8ca83d;color:#fffcec;box-shadow:inset 0 2px 3px #e9f5b6,inset 0 -2px 3px #67812455}
.mode-option input:checked+label::before{background:#f5fbd8;border-color:#f5fbd8}.mode-option label::before{border-color:#a6b46c}.mode-option input:focus-visible+label{outline-color:#8e2854}.mode-explanation{color:#8b995e}
.about{background:#ffdee6}.about h2>span{color:#d86687}.about-detail>div,.project-facts span{color:#aa6c81}.about-detail .text-link{color:#a03860}.project-facts{border-color:#c8829a40}
.roadmap{background:#ffe7c9}.roadmap .section-heading>p,.roadmap .section-meta,.timeline-phase,.timeline li>p{color:#b07e77}.timeline li{border-color:#dab5a4}.timeline h3{font-family:'Gummy Display',ui-rounded,sans-serif;font-size:27px}.timeline-status{color:#b67a72}.timeline li::before{background:#e5b498}.timeline .is-current::before,.timeline .status-dot{background:#d86c77}
.questions{background:#fff5ec}.question-list summary{color:#a34c6a}.question-list details>p{color:#aa7785}
.download{background:#eed6f3}.download h2{color:#97539e}.download h2>span{color:#bb87bd}.download .section-meta,.download-explanation,.release-details dt{color:#a47bab}.download-status,.release-details dd,.release-notes{color:#985b9e}.download .download-bottom{border-color:#b584c040}
.release-unavailable{border-color:#d8b1de;border-radius:100px;color:#a079a8;background:#e9cbee;box-shadow:inset 0 2px 3px #ffecff}
.site-footer{color:#9a4c6b;margin:0;padding:32px var(--gutter);background:#ffe5e9;border-color:#d29aa840}.site-footer>p,.site-footer nav{color:#b27e8e}.site-footer nav a:hover{color:#9b2550}
.motion-toggle{color:#a15a74;background:#fff5f1e8;border-color:#e6b2c2;box-shadow:inset 0 2px 2px #fff,0 4px 15px #b5657e1a}
.search-dialog{background:#fff3ee;color:#8c2a51;border-color:#e5b1c2;border-radius:26px;box-shadow:0 25px 100px #6e244666}.search-heading h2{font-family:'Gummy Display',ui-rounded,sans-serif;font-size:28px}.search-field{background:#ffe7e9;border-color:#e6adbf;border-radius:100px}.search-field input,.search-field svg{color:#954866}.search-results a{border-radius:14px}.search-results a:hover,.search-results a:focus-visible{background:#ffdee6}.search-results a>span:last-child,.search-footer,.search-empty{color:#b1788e}
.image-dialog{color:#a0617b;border-color:#e5b1c2;border-radius:24px;background:#fff3ee}.image-dialog p{color:#aa758a}dialog::backdrop{background:#70204466;backdrop-filter:blur(12px)}
.skip-link{background:#93234e;color:#fff5ef;border-radius:100px}
/* Muted information still needs enough contrast on the candy panels. */
.creative-hero .hero-description,.intro-copy,.chapter-description,.chapter-bottom,.chapter-bottom span,.question-list details>p,.search-results a>span:last-child,.search-footer,.search-empty,.about-detail>div,.project-facts span,.creative-intro-bottom p,.download-explanation,.release-details dt,.playground .playground-heading>p{color:#8e5068}
.sculpture-note,.sculpture-label{z-index:3}
@media(max-width:1000px){.creative-hero{min-height:780px;padding-top:125px}.creative-hero-grid{grid-template-columns:1.12fr 1fr;min-height:510px}}
@media(max-width:600px){
 .site-header .brand{font-size:22px}.site-header .menu-toggle{color:#a14c6d}.mobile-menu{background:#fff0e5;color:#a14c6d}.mobile-menu a{border-color:#d9a5b740}.mobile-menu p,.mobile-menu a span{color:#c48d9f}
 .creative-hero{min-height:auto;padding-top:110px}.creative-hero-grid{display:flex;min-height:auto}.creative-hero .hero-kicker{font-size:8px;letter-spacing:.8px;margin-bottom:20px;padding:7px 10px}.creative-hero .hero-description{font-size:13px;margin-top:24px}.hero-squish-hint{font-size:9px;margin-top:14px}.creative-hero .hero-actions{gap:20px;margin-top:22px}.creative-sculpture-wrap{aspect-ratio:1.05;margin-top:26px}.creative-sculpture{inset:-7% -6%}.sculpture-note{left:8%}.creative-hero .hero-bottom>span:first-child{display:block}
 .creative-intro{padding-block:70px}.creative-intro h2{font-size:36px}.introduction h2{font-size:41px}.intro-copy{font-size:13px}.screenshot-button{border-width:4px;border-radius:15px}.about h2,.section-heading h2{font-size:41px}.site-footer{padding-bottom:70px}
}