:root{color:#2f2942;background:#fff8e8;font-family:Trebuchet MS,Avenir Next,ui-rounded,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:linear-gradient(90deg,rgba(98,143,120,.07) 1px,transparent 1px),linear-gradient(rgba(98,143,120,.07) 1px,transparent 1px),radial-gradient(circle at 10% 8%,rgba(255,224,138,.48),transparent 26%),radial-gradient(circle at 94% 18%,rgba(189,224,254,.54),transparent 28%),radial-gradient(circle at 75% 92%,rgba(255,198,213,.46),transparent 32%),#fff8e8;background-size:22px 22px,22px 22px,auto,auto,auto,auto}button{min-height:36px;padding:7px 12px;border:2px solid #2f2942;border-radius:8px;color:#241b3a;font:inherit;font-size:.92rem;font-weight:900;background:#ff9db5;box-shadow:3px 3px #2f2942;cursor:pointer}button:hover,button:focus-visible{background:#ffe08a}button:active{transform:translate(2px,2px);box-shadow:1px 1px #2f2942}button.secondary{width:fit-content;background:#aee8d3}.page{width:100%;min-height:100vh;padding:8px}.sketchbook{width:min(100%,860px);margin:0 auto;padding:10px;border:2px solid #3b3352;border-radius:8px;background:#fffcf2f5;box-shadow:5px 5px #2f294221}.page-header{display:grid;gap:6px;margin-bottom:6px}.kicker,.today-label{margin:0;color:#635879;font-size:.68rem;font-weight:800;letter-spacing:0}.kicker{color:#6e637c;max-width:690px;font-size:clamp(.88rem,3vw,1rem);line-height:1.38}.instruction,.pack-note{margin:0;color:#4d4263;font-size:.82rem;font-weight:800;line-height:1.35}.pack-note{margin-top:8px;padding:9px 10px;border:2px dashed rgba(47,41,66,.34);border-radius:8px;background:#fff7c9}.primary-action{width:100%;background:#ff9db5}.builder-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}.result-hero{margin-top:8px}.today-label{color:#94664d;font-weight:900}.builder-title{margin:0;color:#241b3a;font-size:clamp(1.35rem,6vw,2rem);line-height:1.04;letter-spacing:0}.result-hero h2{margin:2px 0 0;color:#241b3a;font-size:clamp(1.05rem,5vw,1.52rem);line-height:1.08;letter-spacing:0}h3,h4{letter-spacing:0}h2{margin:0 0 6px;color:#241b3a;font-size:.8rem;line-height:1.2}.detail-card h2 span,.palette-card h2 span{display:inline-block;padding:4px 8px;border:1.5px solid rgba(47,41,66,.22);border-radius:999px;background:#d9efe6;box-shadow:2px 2px #2f29421f}h3{margin:0;font-size:.98rem}h4{margin:0;font-size:.88rem}.prompt-card,.detail-card,.sketch-preview-card,.snapshot-card,.palette-card{margin-top:8px;padding:8px;border:2px solid #3b3352;border-radius:8px;background:linear-gradient(rgba(47,41,66,.048) 1px,transparent 1px),#fffefa;background-size:100% 24px}.prompt-card{padding:8px 10px;background:radial-gradient(circle at 100% 0,rgba(255,224,138,.3),transparent 34%),linear-gradient(rgba(47,41,66,.045) 1px,transparent 1px),#fffefa;background-size:auto,100% 26px,auto}.snapshot-card{order:-1;display:grid;gap:10px;padding:10px;background:radial-gradient(circle at 92% 0,rgba(255,157,181,.26),transparent 32%),linear-gradient(rgba(47,41,66,.045) 1px,transparent 1px),#fffefa;background-size:auto,100% 26px,auto}.snapshot-main{display:grid;gap:3px;padding:6px 0}.snapshot-energy,.snapshot-pose{margin:0;color:#241b3a;line-height:1.06;letter-spacing:0}.snapshot-energy{font-size:clamp(1.15rem,5vw,1.65rem);font-weight:950}.snapshot-pose{font-size:clamp(.98rem,4.2vw,1.28rem);font-weight:900;color:#7a3e58}.snapshot-details{display:grid;gap:8px;margin:0}.snapshot-details div{display:grid;gap:2px}.snapshot-details dt{color:#6a5d7b;font-size:.62rem;font-weight:900}.snapshot-details dd{display:block;margin:0;color:#2f2942;font-size:.88rem;font-weight:800;line-height:1.28}.prompt-text{display:grid;gap:6px}.prompt-text p{width:95%;margin:0;font-size:clamp(.86rem,3.1vw,.94rem);line-height:1.34;white-space:pre-line}.recipe-strip{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.recipe-strip span{padding:4px 7px;border:1.5px solid rgba(47,41,66,.52);border-radius:999px;background:#f7d7e2;color:#2f2942;font-size:.68rem;font-weight:850;line-height:1.1}.recipe-strip span:nth-child(3n+2){background:#d9efe6}.recipe-strip span:nth-child(3n){background:#ffe8a9}.feature-grid{display:grid;gap:8px;margin-top:8px}.prompt-column{display:grid;align-content:start;gap:6px}.copy-action{display:grid;grid-template-columns:1fr;gap:4px;margin-top:0}.copy-status{min-height:1.2em;margin:6px 0 0;color:#3f7a59;font-size:.78rem;font-weight:800}.palette-card{display:grid;gap:6px;background:radial-gradient(circle at 96% 0,rgba(174,232,211,.28),transparent 34%),linear-gradient(rgba(47,41,66,.048) 1px,transparent 1px),#fffefa;background-size:auto,100% 24px,auto}.palette-card h3{font-size:.9rem}.palette-swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:min(100%,320px)}.palette-swatches span{min-height:22px;border:2px solid #2f2942;border-radius:7px}.sketch-preview-card{background:radial-gradient(circle at 50% 35%,rgba(174,232,211,.2),transparent 42%),linear-gradient(rgba(47,41,66,.045) 1px,transparent 1px),#fffefa;background-size:auto,100% 24px,auto}.section-heading{display:grid;gap:2px;margin-bottom:6px}.section-heading h2{margin:0}.section-heading p{margin:0;color:#6e637c;font-size:.7rem;line-height:1.3}.sketch-stage{position:relative;width:min(100%,330px);aspect-ratio:39 / 25;margin:0 auto;overflow:hidden;border:2px dashed rgba(47,41,66,.42);border-radius:8px;background:#fffefa80}.sketch-layer{position:absolute;display:block;max-width:none;object-fit:contain;filter:grayscale(1) contrast(1.18);opacity:.92;pointer-events:none}.sketch-body{z-index:2;left:29%;top:25%;width:46%;height:58%}.sketch-head{z-index:4;left:38%;top:17%;width:28%;height:34%}.sketch-crest{z-index:6;left:42%;top:8%;width:20%;height:21%}.sketch-tail{z-index:1;left:63%;top:42%;width:27%;height:31%}.sketch-wing{z-index:5;left:39%;top:43%;width:28%;height:32%}.sketch-eyes{z-index:7;left:43%;top:38%;width:17%;height:12%}.eye-size-tiny .sketch-eyes{left:48%;width:8%;height:7%}.eye-size-small .sketch-eyes{left:47%;width:10%;height:8%}.eye-size-medium .sketch-eyes{left:45%;width:14%;height:10%}.eye-size-large .sketch-eyes{left:43%;width:18%;height:13%}.eye-size-huge .sketch-eyes{left:41%;width:22%;height:15%}.eye-size-gigantic .sketch-eyes{left:39%;width:27%;height:18%}.expression-wide-eyed-gasp .sketch-eyes,.expression-confused-stare .sketch-eyes{left:39%;top:34%;width:26%;height:18%}.expression-skeptical-squint .sketch-eyes,.expression-grumpy-glare .sketch-eyes,.expression-sleepy-blink .sketch-eyes{left:44%;top:39%;width:15%;height:8%;transform:rotate(-4deg)}.expression-worried-side-glance .sketch-eyes,.expression-curious-peek .sketch-eyes{left:41%;top:36%;width:20%;height:12%;transform:translate(-3%) rotate(5deg)}.sketch-beak{z-index:8;left:55%;top:34%;width:13%;height:10%}.sketch-legs{z-index:3;left:42%;top:77%;width:22%;height:16%}.sketch-feet{z-index:4;left:39%;top:90%;width:28%;height:9%}.sketch-critter{z-index:9;left:13%;top:73%;width:14%;height:15%;opacity:.86}.pose-splayed-stance .sketch-feet,.pose-splayed-stance .sketch-body{transform:scaleX(1.08)}.pose-pigeon-toed-stand .sketch-feet{transform:rotate(-8deg) scaleX(.86)}.pose-one-foot-up .sketch-feet,.pose-mid-step .sketch-feet{transform:rotate(8deg) translateY(-5%)}.pose-tiny-hop .sketch-body{top:20%;transform:rotate(-4deg)}.pose-tiny-hop .sketch-feet{top:94%}.pose-proud-chest-puff .sketch-body{transform:scale(1.08) translateY(-2%)}.pose-leaning-forward .sketch-body,.pose-wing-flap .sketch-body{transform:rotate(6deg);transform-origin:bottom center}.pose-tiptoe-sneak .sketch-body,.pose-looking-over-shoulder .sketch-body{transform:rotate(-6deg) translate(-2%);transform-origin:bottom center}.pose-belly-sit .sketch-body,.pose-tucked-and-cozy .sketch-body{top:34%;height:49%;transform:scaleX(1.1)}.pose-slouched .sketch-body{transform:rotate(-8deg) scaleY(.94)}.leg-pose-splayed .sketch-legs{transform:rotate(10deg) scaleX(1.28);transform-origin:top center}.leg-pose-pigeon-toed .sketch-legs,.leg-pose-pigeon-toed .sketch-feet{transform:rotate(-7deg) scaleX(.86);transform-origin:top center}.leg-pose-one-foot-up .sketch-legs{transform:rotate(-12deg);transform-origin:top center}.leg-pose-mid-step .sketch-legs,.leg-pose-tiny-hop .sketch-legs{transform:rotate(8deg);transform-origin:top center}.leg-pose-belly-sit .sketch-legs{top:82%;height:10%;opacity:.72}.leg-pose-belly-sit .sketch-feet{top:88%}.leg-pose-flamingo .sketch-legs{left:46%;width:16%;transform:rotate(-9deg);transform-origin:top center}.energy-confused .sketch-head{transform:rotate(-9deg);transform-origin:bottom center}.energy-confused .sketch-crest{transform:rotate(13deg);transform-origin:bottom center}.energy-confused .sketch-eyes{transform:rotate(8deg) translate(-4%)}.energy-confused .sketch-beak{transform:rotate(-8deg) translateY(8%)}.energy-confused .sketch-body{transform:rotate(3deg);transform-origin:center}.energy-confused .sketch-legs{transform:rotate(-12deg) scaleX(1.12);transform-origin:top center}.sketch-stage.one-part .sketch-body{left:30%;top:26%;width:45%;height:58%}.sketch-stage.one-part .sketch-crest{left:42%;top:8%;width:20%;height:21%}.sketch-stage.one-part .sketch-tail{left:65%;top:39%;width:26%;height:32%}.sketch-stage.one-part .sketch-wing{left:39%;top:42%;width:28%;height:32%}.sketch-stage.one-part .sketch-eyes{left:43%;top:37%;width:15%;height:11%}.sketch-stage.one-part.eye-size-tiny .sketch-eyes{left:47%;width:8%;height:7%}.sketch-stage.one-part.eye-size-large .sketch-eyes{left:41%;width:19%;height:13%}.sketch-stage.one-part.eye-size-huge .sketch-eyes{left:39%;width:23%;height:16%}.sketch-stage.one-part.eye-size-gigantic .sketch-eyes{left:37%;width:28%;height:19%}.sketch-stage.one-part.eye-placement-high .sketch-eyes{top:32%}.sketch-stage.one-part.eye-placement-middle .sketch-eyes{top:38%}.sketch-stage.one-part.eye-placement-low .sketch-eyes{top:44%}.sketch-stage.one-part .sketch-beak{left:55%;top:43%;width:13%;height:10%}.sketch-stage.one-part .sketch-legs{left:42%;top:78%;width:22%;height:16%}.card-grid{display:grid;grid-template-columns:1fr;gap:8px;margin-top:10px}.shuffle-card{display:grid;align-content:start;gap:8px;min-height:150px;margin-top:0;padding:10px;border:2px solid #3b3352;border-radius:8px;background:radial-gradient(circle at 100% 0,rgba(255,224,138,.24),transparent 34%),linear-gradient(rgba(47,41,66,.04) 1px,transparent 1px),#fffefa;background-size:auto,100% 24px,auto;box-shadow:3px 3px #2f29421a}.shuffle-card:nth-child(3n+2){background:radial-gradient(circle at 100% 0,rgba(174,232,211,.28),transparent 34%),linear-gradient(rgba(47,41,66,.04) 1px,transparent 1px),#fffefa;background-size:auto,100% 24px,auto}.shuffle-card:nth-child(3n){background:radial-gradient(circle at 100% 0,rgba(255,157,181,.22),transparent 34%),linear-gradient(rgba(47,41,66,.04) 1px,transparent 1px),#fffefa;background-size:auto,100% 24px,auto}.shuffle-card-header{display:flex;align-items:start;justify-content:space-between;gap:8px}.shuffle-card-header h2{margin:0;color:#241b3a;font-size:.98rem}.shuffle-card-content{display:grid;gap:7px;margin:0}.card-field{display:grid;gap:2px}.card-field dd{justify-content:start;font-size:.94rem}.card-field-primary dd{color:#241b3a;font-size:clamp(1rem,4.2vw,1.15rem);font-weight:950}.card-answer,.card-note{margin:0;color:#6a5d7b;font-size:.72rem;font-weight:850;line-height:1.25}.card-list{display:grid;gap:2px;margin:0;padding-left:16px}.card-list li{padding-left:2px}.summary-actions{display:grid;gap:8px;margin-top:10px}.detail-card dl{display:grid;gap:5px;margin:0}.detail-row{display:grid;gap:2px}dt{color:#6a5d7b;font-size:.62rem;font-weight:900}dd{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:0;color:#241b3a;font-size:.84rem;font-weight:800;line-height:1.18}.detail-value{display:inline-flex;align-items:center;gap:6px;min-width:0}.detail-thumb{flex:0 0 auto;width:28px;height:28px;object-fit:contain;filter:grayscale(1) contrast(1.14);opacity:.9}.shuffle-button{min-height:24px;padding:3px 7px;border-width:1.5px;border-radius:999px;background:#fff7c9;box-shadow:2px 2px #2f294240;color:#4d4263;font-size:.66rem;font-weight:850}.card-actions{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:end;gap:6px}.lock-button{min-height:24px;padding:3px 7px;border-width:1.5px;border-radius:999px;background:#d9efe6;box-shadow:2px 2px #2f294240;color:#4d4263;font-size:.66rem;font-weight:850}.lock-button.is-locked{background:#ff9db5;color:#241b3a}.palette-heading-row{display:flex;align-items:center;justify-content:space-between;gap:8px}@media(min-width:620px){.page{padding:16px}.sketchbook{padding:14px}.primary-action{width:auto;min-width:220px}.builder-actions .secondary{width:auto}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:760px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-grid{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:stretch}.snapshot-card{order:0}.feature-grid .prompt-card,.feature-grid .snapshot-card,.feature-grid .sketch-preview-card{margin-top:0}.feature-grid .prompt-column{order:-1}.feature-grid .sketch-preview-card{display:grid;align-content:start}}