@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&family=Architects+Daughter&family=Mansalva&family=Kalam:wght@300;400;700&display=swap");*,:after,:before{margin:0;padding:0;box-sizing:border-box}.grecaptcha-badge{visibility:hidden!important}:root{--ink:#1a1a1a;--ink2:#3a3a3a;--ink3:#5e5e5e;--ink4:#8a8a8a;--ghost:#c2bdb2;--paper:#f2ede4;--grid:#ddd8cc;--grid2:#ccc7bb;--hl:rgba(255,238,88,.38);--red:#c0392b;--purple:#a926d9}html{scroll-behavior:smooth}body{font-family:Kalam,cursive;background:var(--paper);color:var(--ink);overflow-x:hidden;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6'%3E%3Ccircle cx='3' cy='3' r='1.5' fill='%231a1a1a' opacity='.6'/%3E%3C/svg%3E") 3 3,crosshair}a,button{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Ccircle cx='4' cy='4' r='2.5' fill='%23c0392b' opacity='.7'/%3E%3C/svg%3E") 4 4,pointer}.paperBg{z-index:-2;background:repeating-linear-gradient(0deg,transparent,transparent 19px,var(--grid) 19px,var(--grid) 20px),repeating-linear-gradient(90deg,transparent,transparent 19px,var(--grid) 19px,var(--grid) 20px);opacity:.28}.paperBg,.paperGrain{position:fixed;inset:0}.paperGrain{z-index:-1;opacity:.05;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence baseFrequency='0.8' numOctaves='5' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}.nb,.paperGrain{pointer-events:none}.nb{position:fixed;left:0;top:0;bottom:0;width:55px;z-index:50}.nb .h{position:absolute;left:12px;width:22px;height:22px;border:2px solid var(--grid2);border-radius:50%;background:hsla(45,15%,75%,.2)}.nb .h:first-child{top:15%}.nb .h:nth-child(2){top:50%}.nb .h:nth-child(3){top:85%}.nb .ml{position:absolute;left:48px;top:0;bottom:0;width:1.5px;background:rgba(200,70,70,.15)}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}@keyframes pageSlideIn{0%{transform:translateY(105%) rotate(1.1deg)}62%{transform:translateY(-1.6%) rotate(-.18deg)}80%{transform:translateY(.5%) rotate(.04deg)}to{transform:translateY(0) rotate(0deg)}}@keyframes pageSlideOut{0%{transform:translateY(0) rotate(0deg);opacity:1}to{transform:translateY(108%) rotate(-.7deg);opacity:0}}.applyOverlay{position:fixed;inset:0;z-index:199;background:rgba(10,7,3,.52);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.applyOverlay.in{animation:overlayFade .3s ease both}.applyOverlay.out{animation:overlayFade .28s ease reverse both;pointer-events:none}.applyPage{position:fixed;inset:0;z-index:200;overflow-y:auto;background:var(--paper);background-image:repeating-linear-gradient(0deg,transparent,transparent 19px,var(--grid) 19px,var(--grid) 20px),repeating-linear-gradient(90deg,transparent,transparent 19px,var(--grid) 19px,var(--grid) 20px);box-shadow:0 -12px 60px rgba(0,0,0,.22)}.applyPage.in{animation:pageSlideIn .56s cubic-bezier(.22,.88,.36,1) both}.applyPage.out{animation:pageSlideOut .34s cubic-bezier(.55,.05,.68,.2) both;pointer-events:none}.tornEdge{position:absolute;top:-5px;left:0;width:100%;height:10px;z-index:3;pointer-events:none;overflow:visible}@media (max-width:640px){.applyPage{-webkit-overflow-scrolling:touch}.applyPage .nb{display:none}}@keyframes twinkle{0%,to{opacity:.1;transform:scale(.7)}50%{opacity:.65;transform:scale(1.2)}}@keyframes float1{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-14px) rotate(1.5deg)}}@keyframes float2{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(6px,-12px) rotate(-2deg)}66%{transform:translate(-5px,-8px) rotate(1deg)}}@keyframes float3{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes shootStar{0%{transform:translate(0);opacity:.8}to{transform:translate(200px,120px);opacity:0}}@keyframes spinSlow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes driftRight{0%{transform:translateX(-5%)}to{transform:translateX(105%)}}.sd{stroke-dashoffset:var(--len);stroke-dasharray:var(--len);transition:none;will-change:stroke-dashoffset}.aFade{opacity:0;transform:translateY(20px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.aFade.v{opacity:1;transform:translateY(0)}.aPop{opacity:0;transform:scale(.85) rotate(-2deg);transition:opacity .6s cubic-bezier(.34,1.56,.64,1),transform .6s cubic-bezier(.34,1.56,.64,1)}.aPop.v{opacity:1;transform:scale(1) rotate(0deg)}.aLeft{opacity:0;transform:translateX(-40px) rotate(-1deg);transition:opacity .7s ease-out,transform .7s ease-out}.aLeft.v{opacity:1;transform:translateX(0) rotate(0deg)}.aRight{opacity:0;transform:translateX(40px) rotate(1deg);transition:opacity .7s ease-out,transform .7s ease-out}.aRight.v{opacity:1;transform:translateX(0) rotate(0deg)}.aScribble{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);transition:-webkit-clip-path 1s cubic-bezier(.25,.46,.45,.94);transition:clip-path 1s cubic-bezier(.25,.46,.45,.94);transition:clip-path 1s cubic-bezier(.25,.46,.45,.94),-webkit-clip-path 1s cubic-bezier(.25,.46,.45,.94)}.aScribble.v{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}.d5{transition-delay:.5s}.d6{transition-delay:.65s}nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:14px 40px;justify-content:space-between;background:hsla(39,35%,92%,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1.5px solid var(--ghost)}.navBrand,nav{display:flex;align-items:center}.navBrand{gap:10px;text-decoration:none;color:var(--ink)}.navBrand .t{font-family:Mansalva,cursive;font-size:20px;letter-spacing:4px}.navBrand small{font-family:Kalam,cursive;font-size:12px;color:var(--ink4);letter-spacing:1px;top:-10px;position:relative}.navLinks{display:flex;gap:26px;list-style:none}.navLinks a{font-size:16px;color:var(--ink3);text-decoration:none;transition:color .3s}.navLinks a:hover{color:var(--ink)}.navApplyBtn{font-size:16px;color:var(--red);background:none;border:none;cursor:pointer;font-family:Kalam,cursive;padding:0;transition:color .3s}.navApplyBtn:hover{color:var(--ink)}@media (max-width:640px){nav{padding:12px 16px}.navLinks,.nb{display:none}}.hero{min-height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px 60px;overflow:hidden;z-index:5}.starField{inset:0;pointer-events:none;overflow:hidden}.star,.starField{position:absolute}.star{border-radius:50%;background:var(--ink4)}.shootingStar{position:fixed;pointer-events:none;z-index:0;width:2px;height:2px;background:var(--ink3);border-radius:50%;box-shadow:-4px -2px 0 0 rgba(0,0,0,.05)}.heroCt{position:relative;z-index:2;text-align:center;max-width:800px}.heroDashes{font-size:15px;color:var(--ink4);letter-spacing:10px;margin-bottom:10px}.heroLogo{font-family:Mansalva,cursive;font-size:clamp(70px,12vw,140px);letter-spacing:clamp(10px,3vw,30px);line-height:1;position:relative;display:inline-block}.heroLogoBar{position:absolute;bottom:6px;left:-12px;right:-12px;height:18px;background:var(--hl);transform:rotate(-.8deg);z-index:-1;border-radius:2px;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);transition:-webkit-clip-path .8s ease .6s;transition:clip-path .8s ease .6s;transition:clip-path .8s ease .6s,-webkit-clip-path .8s ease .6s}.heroLogoBar.v{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.heroSub{font-family:Caveat,cursive;font-size:22px;color:var(--ink3);letter-spacing:8px;margin:4px 0 28px}.heroSub .w{-webkit-text-decoration:underline wavy var(--purple);text-decoration:underline wavy var(--purple);text-underline-offset:5px;text-decoration-thickness:1.5px}.heroSub a{text-decoration:none;color:var(--ink3);text-decoration-thickness:1.5px;cursor:pointer}.heroTag{font-size:clamp(19px,2.8vw,26px);color:var(--ink3);line-height:1.6;max-width:540px;margin:0 auto 16px}.heroTag strong{color:var(--ink);font-weight:700;background:linear-gradient(180deg,transparent 55%,var(--hl) 55%);padding:0 3px}.heroTag .w{-webkit-text-decoration:underline wavy var(--red);text-decoration:underline wavy var(--red);text-underline-offset:5px;text-decoration-thickness:1.5px}.badge{display:inline-block;margin-bottom:32px;padding:8px 22px;font-family:Caveat,cursive;font-size:18px;color:var(--red);letter-spacing:1px;position:relative;transform:rotate(-1.5deg)}.badge svg{position:absolute;inset:-4px -8px;width:calc(100% + 16px);height:calc(100% + 8px);overflow:visible}.badge span{position:relative;z-index:2}.ctaBtn{display:inline-block;position:relative;font-family:Architects Daughter,cursive;font-size:22px;letter-spacing:3px;color:var(--ink);text-decoration:none;padding:16px 52px;background:transparent;border:none;transition:transform .25s;cursor:pointer}.ctaBtn:hover{transform:scale(1.05) rotate(-.6deg)}.ctaBtn svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.ctaBtn .bt{position:relative;z-index:2}.ctaNote{display:block;margin-top:14px;font-size:15px;color:var(--ink4)}.ctaNote a{color:var(--ink3);-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.sketchImg{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.75}.sketchImg.heroIl{position:absolute}.sketchImg.heroLeft{left:1%;top:12%;width:clamp(160px,22vw,300px)}.sketchImg.heroRight{right:1%;top:10%;width:clamp(160px,22vw,300px)}@media (max-width:960px){.sketchImg.heroIl{opacity:.2}}@media (max-width:600px){.sketchImg.heroIl{display:none}}.deco{position:absolute;pointer-events:none;opacity:.12;z-index:10}.deco img{width:100%;height:auto}.sec{padding:80px 20px 100px;max-width:1100px;margin:0 auto;position:relative;z-index:5}.sh{text-align:center;margin-bottom:60px}.sh h2{font-family:Architects Daughter,cursive;font-size:clamp(34px,5vw,54px);display:inline-block;position:relative}.sh h2 .hl{position:absolute;bottom:2px;left:-8px;right:-8px;height:12px;background:var(--hl);z-index:-1;transform:rotate(.5deg);-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);transition:-webkit-clip-path .8s ease;transition:clip-path .8s ease;transition:clip-path .8s ease,-webkit-clip-path .8s ease}.sh h2.v .hl{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.sh p{font-size:19px;color:var(--ink3);margin-top:8px}.dv{max-width:900px;margin:0 auto;padding:0 20px;overflow:visible;z-index:5;position:relative}.dv svg{width:100%;height:14px}.fg{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:48px;gap:48px}.fc{position:relative;padding:40px 28px 32px;text-align:center;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.fc:hover{transform:rotate(-1.2deg) scale(1.02)}.fc svg.cf{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.fc .ico{width:120px;height:120px;margin:0 auto 16px;object-fit:contain}.fc h3{font-family:Architects Daughter,cursive;font-size:24px;margin-bottom:8px}.fc p{font-size:17px;color:var(--ink3);line-height:1.55}.scr{display:flex;gap:36px;justify-content:center;flex-wrap:wrap;margin-top:50px}.sci{width:190px;text-align:center;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.sci:hover{transform:rotate(-2deg) translateY(-6px) scale(1.05)}.sci img{width:100%;height:auto;max-height:200px;object-fit:contain}.scl{font-family:Caveat,cursive;font-size:21px;margin-top:10px;color:var(--ink3)}.artSec{padding:80px 20px 100px;max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:5}.faces{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin:40px 0 50px}.face{width:110px;height:130px;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.face:hover{transform:scale(1.15) rotate(6deg)}.aq{font-family:Caveat,cursive;font-size:30px;color:var(--ink3);font-style:italic;max-width:600px;margin:0 auto 12px;line-height:1.4}.aa{font-size:17px;color:var(--ink4)}.rules{padding:60px 20px 80px;max-width:700px;margin:0 auto;text-align:center;z-index:5}.rules,.rulesBox{position:relative}.rulesBox{padding:40px 32px;margin-top:40px}.rulesBox svg.rb{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.rulesBox .inner{position:relative;z-index:2}.rule{margin-bottom:20px;font-size:20px;color:var(--ink);line-height:1.5;text-align:left}.rule .num{font-family:Architects Daughter,cursive;font-size:28px;color:var(--red);margin-right:8px}.rule em{font-style:normal;-webkit-text-decoration:underline wavy var(--red);text-decoration:underline wavy var(--red);text-underline-offset:4px;text-decoration-thickness:1.2px}.final{padding:80px 20px 60px;text-align:center;position:relative;overflow:hidden;z-index:5}.final h2{font-family:Architects Daughter,cursive;font-size:clamp(40px,7vw,76px);letter-spacing:3px;line-height:1.2;margin-bottom:16px}.final h2 .hli{position:relative;display:inline-block}.final h2 .hli:after{content:"";position:absolute;bottom:2px;left:-6px;right:-6px;height:16px;background:var(--hl);z-index:-1;transform:rotate(-1deg)}.final>p{font-size:21px;color:var(--ink3);max-width:500px;margin:0 auto 36px;line-height:1.5}footer{padding:36px 20px;text-align:center;border-top:1.5px dashed var(--ghost);margin-top:40px;z-index:5;position:relative}footer p{font-size:16px;color:var(--ink4)}footer a{color:var(--ink3);-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-underline-offset:3px}.cloudDrift{position:fixed;top:0;pointer-events:none;z-index:0;opacity:.06;animation:driftRight 60s linear infinite}.cloudDrift:nth-child(2){top:30%;animation-duration:80s;animation-delay:-30s;opacity:.04}#cc{z-index:-1;opacity:.08}#cc,#pencilTrail{position:fixed;inset:0;pointer-events:none}#pencilTrail{z-index:999;opacity:.2}.ann{position:absolute;pointer-events:none;font-family:Caveat,cursive;font-size:16px;color:var(--red)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--paper)}::-webkit-scrollbar-thumb{background:var(--ghost);border-radius:4px}.faqItem{border-bottom:1.2px dashed var(--ghost)}.faqItem:last-child{border-bottom:none}.faqQ{width:100%;display:flex;align-items:center;gap:10px;background:none;border:none;padding:18px 0;font-family:Kalam,cursive;font-size:19px;color:var(--ink);text-align:left;transition:color .25s}.faqQ:hover{color:var(--red)}.faqArrow{font-size:14px;color:var(--ink4);flex-shrink:0;transition:transform .35s cubic-bezier(.34,1.56,.64,1),color .25s}.faqArrowOpen{transform:rotate(45deg);color:var(--red)}.faqA{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.16,1,.3,1)}.faqAOpen{max-height:200px}.faqA p{font-size:17px;color:var(--ink3);line-height:1.55;padding-bottom:18px;padding-left:54px}.fgFeat{grid-template-columns:repeat(2,1fr)}@media (max-width:640px){.fgFeat{grid-template-columns:1fr}}.fcFeatured{background:none}.fcIco{width:80px;height:80px;margin:0 auto 16px}.fcBadge{display:inline-block;margin-bottom:8px;font-family:Caveat,cursive;font-size:14px;color:var(--red);background:rgba(192,57,43,.08);border:1px dashed rgba(192,57,43,.35);border-radius:20px;padding:2px 12px;letter-spacing:.5px}.demoWrap{position:relative;max-width:760px;margin:0 auto}.demoBrowser{position:relative;border-radius:12px;background:hsla(39,35%,92%,.9);box-shadow:0 8px 40px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.04);overflow:hidden}.demoBar{display:flex;align-items:center;gap:14px;padding:12px 20px;border-bottom:1.2px solid var(--ghost);background:hsla(42,20%,83%,.35)}.demoDots{display:flex;gap:6px;flex-shrink:0}.demoDots span{width:11px;height:11px;border-radius:50%;opacity:.7}.demoUrl{flex:1 1;background:hsla(39,35%,92%,.9);border:1.2px solid var(--ghost);border-radius:20px;padding:4px 14px;text-align:center;font-family:Kalam,cursive;font-size:13px;color:var(--ink3)}.demoContent{padding:28px 32px 32px}.demoContent img{max-width:100%;max-height:100%;border-radius:25px}.demoArtist{display:flex;align-items:center;gap:18px;margin-bottom:28px;flex-wrap:wrap}.demoCommBtn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:10px 22px;background:none;border:none;margin-left:auto;font-family:Architects Daughter,cursive;font-size:14px;letter-spacing:1px;color:var(--ink);transition:transform .25s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}.demoCommBtn:hover{transform:scale(1.05) rotate(-.5deg)}.demoProds{display:flex;gap:20px;flex-wrap:wrap}.demoAnn{position:absolute;top:-10px;right:-140px;transform:rotate(-12.5deg);font-size:21px;z-index:10}@media (max-width:640px){.demoContent{padding:20px 18px 24px}.demoCommBtn{margin-left:0}}#colorCanvas{position:absolute;top:0;left:0;width:100%;z-index:2;pointer-events:none;touch-action:none}#colorCanvas.active{pointer-events:auto;cursor:none}.artSec,.dv,.final,.hero,.rules,.sec,footer{position:relative;z-index:5}body.coloringMode .artSec,body.coloringMode .dv,body.coloringMode .final,body.coloringMode .hero,body.coloringMode .rules,body.coloringMode .sec,body.coloringMode footer,body.coloringMode nav{pointer-events:none}body.coloringMode .colorToolbar,body.coloringMode .paletteBtn{pointer-events:auto}.paletteBtn{position:fixed;bottom:24px;right:24px;z-index:1001;width:56px;height:56px;border-radius:50%;border:2px solid var(--ink);background:var(--paper);box-shadow:0 2px 12px rgba(0,0,0,.12);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s}.paletteBtn:hover{transform:scale(1.1) rotate(-8deg);box-shadow:0 4px 20px rgba(0,0,0,.18)}.paletteBtn.active{background:var(--ink);border-color:var(--ink)}.paletteBtn.active svg circle,.paletteBtn.active svg path{stroke:var(--paper);fill:none}.paletteBtn.active svg .dot{fill:var(--paper)}.colorToolbar{position:fixed;bottom:24px;right:92px;z-index:1001;background:var(--paper);border:2px solid var(--ink);border-radius:16px;padding:14px 18px;display:flex;align-items:center;gap:14px;opacity:0;transform:translateX(20px) scale(.9);pointer-events:none;transition:all .35s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 24px rgba(0,0,0,.12)}.colorToolbar.open{opacity:1;transform:translateX(0) scale(1);pointer-events:auto}.ctSection{display:flex;align-items:center;gap:6px}.ctDivider{width:1.5px;height:32px;background:var(--ghost);margin:0 4px}.ctSwatch{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .2s,border-color .2s;position:relative}.ctSwatch:hover{transform:scale(1.2)}.ctSwatch.sel{border-color:var(--ink);transform:scale(1.15)}.ctSwatch.sel:after{content:"";position:absolute;inset:-5px;border:1.5px dashed var(--ink);border-radius:50%;animation:spinSlow 8s linear infinite}.ctBrush{width:32px;height:32px;border-radius:8px;border:1.5px solid var(--ghost);background:var(--paper);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:16px}.ctBrush:hover{border-color:var(--ink3)}.ctBrush.sel{border-color:var(--ink);background:rgba(26,26,26,.06)}.ctCol{flex-direction:column;gap:2px}.ctLabel{font-family:Caveat,cursive;font-size:11px;color:var(--ink4)}.ctSize{width:70px;accent-color:var(--ink)}.ctAction{width:32px;height:32px;border-radius:8px;border:1.5px solid var(--ghost);background:var(--paper);cursor:pointer;font-size:16px;transition:all .2s}.ctAction:hover{border-color:var(--ink3)}.ctAction.danger:hover{border-color:var(--red);color:var(--red)}.brushCursor{position:fixed;z-index:1002;pointer-events:none;border-radius:50%;border:1.5px solid;transform:translate(-50%,-50%);display:none;mix-blend-mode:multiply}#colorCanvas.active~.brushCursor{display:block}.undoToast{position:fixed;bottom:92px;right:24px;z-index:1002;font-family:Caveat,cursive;font-size:16px;color:var(--ink3);background:var(--paper);border:1.5px solid var(--ghost);padding:6px 14px;border-radius:8px;opacity:0;transform:translateY(8px);transition:all .3s;pointer-events:none}.undoToast.show{opacity:1;transform:translateY(0)}.clearConfirmOverlay{position:fixed;inset:0;z-index:1003;background:rgba(10,7,3,.38);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:overlayFade .2s ease both}.clearConfirmDialog{position:fixed;z-index:1004;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);background:var(--paper);border:2px solid var(--ink);border-radius:16px;padding:28px 32px 24px;box-shadow:0 8px 40px rgba(0,0,0,.18);font-family:Kalam,cursive;animation:clearConfirmPop .25s cubic-bezier(.34,1.56,.64,1) both;min-width:260px;text-align:center}@keyframes clearConfirmPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.88)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.clearConfirmTitle{font-size:20px;font-weight:700;color:var(--ink);margin-bottom:8px}.clearConfirmMsg{font-size:15px;color:var(--ink3);margin-bottom:24px}.clearConfirmActions{display:flex;gap:12px;justify-content:center}.clearConfirmCancel{padding:8px 20px;border-radius:8px;border:1.5px solid var(--ghost);background:var(--paper);font-family:Kalam,cursive;font-size:16px;color:var(--ink3);cursor:pointer;transition:border-color .2s,color .2s}.clearConfirmCancel:hover{border-color:var(--ink3);color:var(--ink)}.clearConfirmDelete{padding:8px 20px;border-radius:8px;border:1.5px solid var(--red);background:var(--red);font-family:Kalam,cursive;font-size:16px;color:#fff;cursor:pointer;transition:opacity .2s}.clearConfirmDelete:hover{opacity:.85}@media (max-width:700px){.colorToolbar{right:16px;bottom:92px;flex-wrap:wrap;max-width:calc(100vw - 32px)}.paletteBtn{bottom:16px;right:16px}.clickHint{bottom:20px!important;right:80px!important}.nb{display:none}}@keyframes retroMatrixFall{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes retroBlink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes retroMarquee{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes retroRainbow{0%{color:red}14%{color:#f90}28%{color:#ff0}42%{color:#0f0}57%{color:#0ff}71%{color:#00f}85%{color:#f0f}to{color:red}}@keyframes retroScanline{0%{background-position:0 0}to{background-position:0 4px}}@keyframes retroGlitch{0%,to{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-1px,2px)}80%{transform:translate(1px,-2px)}}.retroOverlay{position:fixed;inset:0;z-index:9999;background:#000 url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0L60 30L30 60L0 30Z' fill='none' stroke='%23003300' stroke-width='.5'/%3E%3C/svg%3E");overflow:hidden;animation:retroGlitch .3s ease-in-out}.retroScanlines{z-index:2;background:repeating-linear-gradient(0deg,rgba(0,255,0,.03),rgba(0,255,0,.03) 1px,transparent 0,transparent 3px);animation:retroScanline .1s linear infinite}.retroMatrix,.retroScanlines{position:absolute;inset:0;pointer-events:none}.retroMatrix{z-index:1;overflow:hidden}.retroMatrixCol{position:absolute;top:0;width:20px;font-family:Courier New,monospace;font-size:14px;color:#0f0;animation:retroMatrixFall 4s linear infinite;opacity:.3}.retroContent,.retroMatrixCol{display:flex;flex-direction:column;align-items:center}.retroContent{position:relative;z-index:3;justify-content:center;height:100%;padding:40px 20px;text-align:center}.retroMarquee{width:100%;overflow:hidden;background:navy;padding:6px 0;border:2px outset silver;margin-bottom:32px}.retroMarqueeInner{white-space:nowrap;font-size:16px;color:#ff0;letter-spacing:2px;animation:retroMarquee 12s linear infinite}.retroMarqueeInner,.retroTitle{font-family:Comic Sans MS,Kalam,cursive}.retroTitle{font-size:clamp(28px,6vw,56px);margin-bottom:24px;text-shadow:3px 3px #f0f,-2px -2px #0ff}.retroRainbow{animation:retroRainbow 2s linear infinite}.retroBlink{animation:retroBlink .6s step-end infinite}.retroConstruction{font-family:Comic Sans MS,Kalam,cursive;font-size:clamp(18px,3vw,28px);color:red;background:#ff0;padding:8px 20px;border:3px dashed red;margin-bottom:24px;font-weight:700;letter-spacing:3px}.retroVisitor{margin-bottom:16px}.retroGuestbook{font-size:18px}body.retro-mode{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Ctext y='12' font-size='12'%3E%E2%9C%A8%3C/text%3E%3C/svg%3E") 8 8,auto!important}