@import "https://fonts.googleapis.com/css2?family=DynaPuff:wght@600;700&family=Epilogue:wght@400;600;700;800&family=Space+Grotesk:wght@500;700&family=Unbounded:wght@600;800;900&display=swap";:root{--paper:#f6efd9;--sheet:#fff9df;--ink:#20233a;--muted:#5f6473;--tomato:#e75d43;--cobalt:#2775bd;--gold:#f2ba3d;--mint:#69c2a3;--lavender:#b78be4;--display:"Unbounded", ui-sans-serif, system-ui, sans-serif;--kids-display:"DynaPuff", "Comic Sans MS", ui-rounded, system-ui, sans-serif;--body:"Space Grotesk", ui-sans-serif, system-ui, sans-serif;color:var(--ink);background:var(--paper);font-family:var(--body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}body.kids-mode-body{background:#f3f3f3}button,a,select,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px}::selection{color:var(--paper);background:var(--tomato)}.page{background:linear-gradient(#faf2dd14, #faf2dd14), var(--main-background-image,url(/assets/sketchbook-background.png)) center / cover no-repeat;place-items:center;min-height:100svh;padding:clamp(18px,4vw,56px);transition:background-image .22s;display:grid}.page.is-kids-mode{background:linear-gradient(#ffffff14,#ffffff14),url(/assets/kids-mode.png) 50%/cover no-repeat,#f3f3f3}.card-shell{filter:drop-shadow(0 28px 70px #36261433);width:min(520px,100%);position:relative}.tab-nav{align-items:flex-end;gap:0;padding-left:18px;display:flex}.tab-btn{color:#2f2a2280;font:inherit;font-family:"Epilogue", var(--display);cursor:pointer;background:#eee3c5db;border:1px solid #362c1f38;border-radius:10px 10px 0 0;justify-content:center;align-items:center;margin-bottom:-1px;padding:11px 26px 13px;font-size:1.02rem;font-weight:700;line-height:1;transition:color .16s,background .16s,padding .16s;display:flex;position:relative}.tab-btn+.tab-btn{margin-left:-1px}.tab-btn:not(.is-active){padding-top:9px;padding-bottom:11px}.tab-btn:not(.is-active):hover{color:#2f2a22bd;background:#f4eacdeb}.tab-btn.is-active{z-index:2;color:#2f2a22;background:#fff8e2f5;border-bottom-color:#fff8e2f5;padding-bottom:14px}.prompt-card{z-index:1;width:100%;font-family:"Epilogue", var(--display);background:#fff8e2f5;border:1px solid #362c1f38;border-radius:10px;padding:clamp(22px,4vw,34px);position:relative;box-shadow:inset 0 0 0 1px #ffffff59}.is-kids-mode .prompt-card{font-family:var(--body)}.is-kids-mode .card-shell{filter:drop-shadow(0 28px 70px #1f4a7e2e)}.is-kids-mode .prompt-card{background:#fffffff5;border-color:#3066a43d;border-radius:20px;box-shadow:inset 0 0 0 1px #ffffff7a}.is-kids-mode .tab-btn{color:#26344780;background:#deecf8db;border-color:#3066a43d;border-radius:16px 16px 0 0}.is-kids-mode .tab-btn:not(.is-active):hover{color:#263447bd;background:#e8f3fceb}.is-kids-mode .tab-btn.is-active{color:#263447;background:#fffffff5;border-bottom-color:#fffffff5}.kids-toggle{color:#685439;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;min-height:28px;font-size:.74rem;font-weight:900;line-height:1;display:inline-flex;position:absolute;top:14px;right:14px}.kids-toggle input{accent-color:#2b8bd7;cursor:pointer;width:16px;height:16px;margin:0}.kids-toggle input:disabled,.kids-toggle input:disabled+span{cursor:wait;opacity:.62}.is-kids-mode .kids-toggle{color:#285a96}.label{color:#816a43;letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:.75rem;font-weight:800}.is-kids-mode .label,.is-kids-mode dt{color:#2b78bb}h1{color:#2f2a22;font-family:"Epilogue", var(--display);margin:0;font-size:clamp(1.6rem,4vw,2.6rem);font-weight:600;line-height:1}.is-kids-mode h1{color:#263447;font-family:var(--kids-display);font-size:clamp(2.2rem,5.3vw,3.65rem);font-weight:700;line-height:.96}.is-kids-mode dd{color:#263447}.title-easter-egg{color:inherit;font:inherit;line-height:inherit;cursor:pointer;background:0 0;border:0;padding:0;transition:color .16s,text-shadow .16s,transform .16s;display:inline}.title-easter-egg:hover{color:#2b8bd7;text-shadow:0 2px #fffc,0 5px 18px #2b8bd752}.title-easter-egg:active{transform:translateY(1px)}.main-title-easter-egg:hover{color:#c95636;text-shadow:0 2px #fff8e2d1,0 5px 18px #c9563647}.result-list{gap:12px;margin:26px 0;display:grid}.result-item{border-top:1px solid #362c1f33;padding:12px 0;position:relative}.is-kids-mode .result-item{border-color:#2b78bb33}.result-item:first-child{border-top:0}.result-item:last-child{border-bottom:1px solid #362c1f33}.rolling-char{opacity:.65;display:inline-block}.result-item.is-filled:not(.is-rolling) dd{animation:.22s ease-out both ink-in}.result-item:not(.is-filled):not(.is-rolling) dd:before{content:" "}dt{color:#8b744e;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;font-size:.72rem;font-weight:800;display:flex}dd{color:#2f2a22;min-height:1.4em;margin:4px 0 0;font-size:clamp(1.1rem,2.2vw,1.45rem);font-weight:800;line-height:1.18}.generate-button{color:#fff8e4;width:100%;min-height:52px;font:inherit;cursor:pointer;background:#c95636;border:0;border-radius:3px;font-weight:900;transition:transform .16s,box-shadow .16s,background .16s;box-shadow:0 5px #7f3524}.generate-button:hover{background:#b9482d;transform:translateY(-2px);box-shadow:0 7px #7f3524}.generate-button:active{transform:translateY(2px);box-shadow:0 3px #7f3524}.generate-button:disabled{cursor:wait;background:#9b6b4a;box-shadow:0 4px #6b4a36}.is-kids-mode .generate-button{color:#fff;background:#2b8bd7;border-radius:32px;box-shadow:0 5px #1f5482}.is-kids-mode .generate-button:hover{background:#2379bd;box-shadow:0 7px #1f5482}.is-kids-mode .generate-button:active{box-shadow:0 3px #1f5482}.is-kids-mode .generate-button:disabled{background:#7297b7;box-shadow:0 4px #4d6d88}.info-button{color:#6f5d40;width:20px;height:20px;font:inherit;cursor:pointer;background:#fff8e2b8;border:1px solid #362c1f47;border-radius:50%;place-items:center;font-size:.72rem;font-style:italic;font-weight:900;line-height:1;display:inline-grid}.info-button:hover{color:#fff8e4;background:#8b744e}.is-kids-mode .info-button{color:#285a96;background:#ffffffad;border-color:#2b78bb47}.is-kids-mode .info-button:hover{color:#fff;background:#2b78bb}.info-note{color:#6f5d40;margin:8px 0 0;font-size:.88rem;line-height:1.4;animation:.18s ease-out both ink-in}.is-kids-mode .info-note{color:#465a73}.info-search-link{color:#c95636;margin-top:6px;font-size:.82rem;font-weight:800;text-decoration:none;transition:color .14s;display:inline-block}.info-search-link:hover{color:#a03f24;text-decoration:underline}.is-kids-mode .info-search-link{color:#2b8bd7}.is-kids-mode .info-search-link:hover{color:#1f6aaa}.hint{color:#6f5d40;margin:16px 0 0;font-size:.9rem;line-height:1.45}.fluffy-modal{z-index:20;background:radial-gradient(#fff 0% 36%,#ffffffdb 58%,#ffffff75 100%);place-items:center;padding:22px;animation:.16s ease-out both ink-in;display:grid;position:fixed;inset:0}.fluffy-window{width:min(720px,100%);box-shadow:none;background:0 0;border:0;border-radius:0;line-height:0;position:relative;overflow:hidden}.fluffy-close{z-index:2;color:#fff;width:34px;height:34px;font:inherit;cursor:pointer;background:#263447c7;border:0;border-radius:50%;place-items:center;font-size:1rem;font-weight:900;line-height:1;display:grid;position:absolute;top:10px;right:10px}.fluffy-close:hover{background:#2b8bd7}.fluffy-video{width:calc(100% + 2px);max-height:calc(min(72svh,560px) + 2px);box-shadow:none;-webkit-appearance:none;background:0 0;border:0;outline:0;margin:-1px;display:block}@keyframes char-flip{0%{opacity:.3;filter:blur(.5px);transform:rotateX(76deg)translateY(-5px)}40%{opacity:1;filter:blur();transform:rotateX(0)translateY(0)}to{opacity:.3;filter:blur(.5px);transform:rotateX(-56deg)translateY(5px)}}@keyframes ink-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.rolling-char,.result-item.is-filled:not(.is-rolling) dd{animation:none}}.help-fab{z-index:10;color:#362c1fb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:44px;height:44px;font:inherit;cursor:pointer;background:#fff8e2d1;border:0;border-radius:50%;place-items:center;font-size:1.15rem;font-weight:900;transition:background .16s,color .16s,transform .16s,box-shadow .16s;display:grid;position:fixed;bottom:28px;right:28px;box-shadow:0 4px 14px #3626142e,inset 0 0 0 1px #362c1f24}.help-fab:hover{color:#c95636;background:#fff8e2f5;transform:translateY(-2px);box-shadow:0 7px 20px #36261438,inset 0 0 0 1px #362c1f2e}.is-kids-mode .help-fab{color:#285a96;background:#ffffffe0;border-radius:50%;box-shadow:0 4px 14px #1f4a7e33,inset 0 0 0 1px #2b78bb33}.is-kids-mode .help-fab:hover{color:#2b8bd7;background:#fffffffa;box-shadow:0 7px 20px #1f4a7e42,inset 0 0 0 1px #2b78bb47}.help-modal{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1e160c6b;place-items:center;padding:22px;animation:.16s ease-out both ink-in;display:grid;position:fixed;inset:0}.help-panel{background:#fffaeaf7;border:1px solid #362c1f2e;border-radius:6px;width:min(480px,100%);padding:36px 36px 32px;animation:.18s ease-out both ink-in;position:relative;box-shadow:0 24px 64px #36261447,inset 0 0 0 1px #ffffff80}.help-close{color:#8b744e;width:30px;height:30px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;font-size:1.3rem;line-height:1;transition:background .14s,color .14s;display:grid;position:absolute;top:14px;right:14px}.help-close:hover{color:#2f2a22;background:#362c1f1a}.help-title{color:#2f2a22;font-family:var(--display);margin:0 0 18px;font-size:1.55rem;line-height:1}.help-body{color:#4a3e2c;margin:0 0 14px;font-size:.92rem;line-height:1.55}.help-body:last-child{margin-bottom:0}.is-kids-mode .help-panel{background:#fffffff7;border-color:#2b78bb33;border-radius:32px;box-shadow:0 24px 64px #1f4a7e38,inset 0 0 0 1px #fff9}.is-kids-mode .help-title{color:#263447;font-family:var(--kids-display);font-weight:700}.is-kids-mode .help-body{color:#465a73}.is-kids-mode .help-close{color:#285a96}.is-kids-mode .help-close:hover{color:#263447;background:#2b78bb1a}.challenge-date{color:#2f2a22;font-family:"Epilogue", var(--display);margin:0;font-size:clamp(2rem,5vw,3.4rem);line-height:1}.challenge-twist{background:#fff8e280;border:1px dashed #362c1f4d;border-radius:3px;margin:0 0 20px;padding:12px 14px}.challenge-twist-label{color:#816a43;letter-spacing:.14em;text-transform:uppercase;margin:0 0 5px;font-size:.68rem;font-weight:800}.challenge-twist-text{color:#2f2a22;margin:0;font-size:.97rem;font-weight:800;line-height:1.3}.challenge-loader{flex-direction:column;align-items:center;gap:18px;padding:38px 0 42px;display:flex}.challenge-loader-shape{background:#c95636;border-radius:5px;width:40px;height:40px;animation:.5s linear infinite challenge-box-jump}.challenge-loader-text{color:#816a43;letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:800;animation:1s ease-in-out infinite challenge-loader-pulse}@keyframes challenge-box-jump{15%{border-bottom-right-radius:3px}25%{transform:translateY(9px)rotate(22.5deg)}50%{border-bottom-right-radius:40px;transform:translateY(18px)scaleY(.9)rotate(45deg)}75%{transform:translateY(9px)rotate(67.5deg)}to{transform:translateY(0)rotate(90deg)}}@keyframes challenge-loader-pulse{0%,to{opacity:.45}50%{opacity:1}}.generate-button.is-challenge-done{cursor:default;background:#5a7a4e;box-shadow:0 5px #3a5230}.generate-button.is-challenge-done:hover{background:#5a7a4e;transform:none;box-shadow:0 5px #3a5230}.is-challenge-tab .result-list{margin-bottom:20px}@media (width<=700px){.page{background:linear-gradient(#faf2dd14,#faf2dd14),url(/assets/sketchbook-mobile.png) top/cover no-repeat;align-items:end;padding:18px}.page.is-kids-mode{background:linear-gradient(#ffffff14,#ffffff14),url(/assets/kids-mobile.png) top/cover no-repeat,#f3f3f3}.prompt-card{background:#fff8e2d1}.is-kids-mode .prompt-card{background:#ffffffdb}.kids-toggle{top:12px;right:12px}.help-fab{display:none}}