:root{--color-cream:#fdfbf7;--color-orange:#f4a261;--color-yellow:#ffd166;--color-blue:#a2d2ff;--color-teal:#06d6a0;--color-red:#e63946;--color-charcoal:#2b2d42;--color-white:#fff;--font-display:"Fredoka", sans-serif;--font-bold:"Space Grotesk", sans-serif;--font-body:"Poppins", sans-serif;--font-hand:"Caveat", cursive;--font-rounded:"Baloo 2", cursive}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--color-charcoal);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-color:#e0e0e0;overflow-x:hidden}.presentation{display:block}@media screen{body{background-color:#2b2d42;margin:0;overflow:hidden}.presentation{width:100vw;height:100vh;position:relative}.slide-wrapper{transform-origin:50%;width:1920px;height:1080px;display:none;position:absolute;top:50%;left:50%}.slide-wrapper.active{animation:.4s cubic-bezier(.16,1,.3,1) fadeInSlide;display:block}.slide-controls{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;font-size:1.2rem;font-family:var(--font-bold);z-index:1000;background:#2b2d42cc;border-radius:30px;align-items:center;gap:15px;padding:10px 25px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 5px 15px #0003}.print-hint{opacity:.6;font-size:.9rem;font-family:var(--font-body)}}@media print{.slide-wrapper{display:block!important}.slide-controls{display:none!important}}@keyframes fadeInSlide{0%{opacity:0}to{opacity:1}}.slide{background-color:var(--color-cream);transform-origin:top;border:1px solid #0000000d;flex-shrink:0;width:1920px;height:1080px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000001a}@media print{@page{size:1920px 1080px;margin:0}body{background-color:#fff}.presentation{gap:0;padding:0;display:block}.slide{width:100vw;height:100vh;box-shadow:none;page-break-after:always;page-break-inside:avoid;transform:none!important}}.dotted-bg{background-image:radial-gradient(var(--color-charcoal) 1px, transparent 1px);opacity:.1;pointer-events:none;background-size:20px 20px;position:absolute;inset:0}.text-huge{font-family:var(--font-display);letter-spacing:-.02em;font-size:8rem;font-weight:700;line-height:1.1}.text-large{font-family:var(--font-bold);font-size:5rem;line-height:1.2}.text-hand{font-family:var(--font-hand);color:var(--color-red);font-size:3rem;transform:rotate(-5deg)}.highlight-marker{z-index:1;display:inline-block;position:relative}.highlight-marker:after{content:"";background-color:var(--color-yellow);z-index:-1;width:110%;height:40%;position:absolute;bottom:10%;left:-5%;transform:rotate(-2deg)}.placeholder-polaroid{background:#fff;border:1px dashed #ccc;flex-direction:column;justify-content:center;align-items:center;padding:20px 20px 80px;display:flex;position:relative;box-shadow:0 10px 25px #00000026}.placeholder-polaroid:after{content:"Tape";-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:120px;height:30px;font-family:var(--font-hand);color:#999;background-color:#fff9;border:1px solid #0000000d;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:absolute;top:-15px;transform:rotate(-3deg)}.placeholder-mockup{border:4px solid var(--color-charcoal);box-shadow:15px 15px 0 var(--color-orange);background:#f5f5f5;border-radius:20px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.placeholder-mockup:before{content:"•••";letter-spacing:2px;color:var(--color-charcoal);font-size:2rem;line-height:.5;position:absolute;top:10px;left:20px}.placeholder-sticky{background-color:var(--color-yellow);font-family:var(--font-hand);color:var(--color-charcoal);text-align:center;border-bottom-right-radius:60px 5px;justify-content:center;align-items:center;padding:30px;font-size:2.5rem;display:flex;position:relative;box-shadow:5px 10px 15px #0000001a}.tape{background-color:#fff6;width:100px;height:30px;position:absolute;box-shadow:0 1px 3px #0003}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(2deg)}to{transform:translateY(0)rotate(0)}}.animate-float{animation:6s ease-in-out infinite float}.comp-polaroid{background:#fff;border:1px solid #eee;flex-direction:column;align-items:center;padding:20px 20px 80px;transition:transform .3s;display:flex;position:relative;transform:rotate(-2deg);box-shadow:5px 15px 30px #00000026}.comp-polaroid:hover{transform:scale(1.02)rotate(0)}.comp-polaroid-tape{z-index:2;background-color:#ffffffb3;border:1px solid #0000000d;width:120px;height:35px;position:absolute;top:-15px;transform:rotate(-3deg);box-shadow:0 2px 5px #0000000d}.comp-polaroid-image{background-color:#f0f0f0;border:2px dashed #ccc;justify-content:center;align-items:center;width:100%;height:100%;min-height:200px;display:flex}.comp-polaroid-icon{opacity:.3;font-size:3rem}.comp-polaroid-text{font-family:var(--font-hand);color:var(--color-charcoal);text-align:center;width:100%;font-size:1.8rem;position:absolute;bottom:25px}.comp-browser{border:4px solid var(--color-charcoal);box-shadow:15px 15px 0 var(--color-blue);background:#fff;border-radius:15px;flex-direction:column;transition:transform .3s;display:flex;position:relative;overflow:hidden}.comp-browser:hover{transform:translateY(-5px)}.comp-browser-header{background-color:var(--color-cream);border-bottom:4px solid var(--color-charcoal);align-items:center;height:40px;padding:0 15px;display:flex}.comp-browser-dots{gap:8px;display:flex}.comp-browser-dots span{border:2px solid var(--color-charcoal);border-radius:50%;width:12px;height:12px}.comp-browser-dots span:first-child{background-color:var(--color-red)}.comp-browser-dots span:nth-child(2){background-color:var(--color-yellow)}.comp-browser-dots span:nth-child(3){background-color:var(--color-teal)}.comp-browser-content{min-height:250px;font-family:var(--font-bold);color:#888;text-align:center;background-color:#f9f9f9;border:3px dashed #ddd;border-radius:10px;flex-grow:1;justify-content:center;align-items:center;margin:15px;padding:2rem;display:flex}.comp-sticky{font-family:var(--font-hand);color:var(--color-charcoal);text-align:center;border-bottom-right-radius:60px 5px;justify-content:center;align-items:center;min-width:250px;min-height:250px;padding:30px;font-size:2.5rem;display:flex;position:relative;transform:rotate(3deg);box-shadow:5px 10px 15px #0000001a}.comp-sticky.color-yellow{background-color:var(--color-yellow)}.comp-sticky.color-orange{background-color:var(--color-orange)}.comp-sticky.color-blue{background-color:var(--color-blue)}.comp-sticky.color-teal{background-color:var(--color-teal)}.comp-sticky-pin{background-color:var(--color-red);border-radius:50%;width:15px;height:15px;position:absolute;top:15px;left:50%;transform:translate(-50%);box-shadow:0 3px 5px #0003,inset -2px -2px 5px #0000004d}.comp-mobile{border:8px solid var(--color-charcoal);box-shadow:15px 15px 0 var(--color-orange);background:#fff;border-radius:40px;flex-direction:column;width:300px;height:600px;display:flex;position:relative;overflow:hidden}.comp-mobile-notch{background-color:var(--color-charcoal);z-index:2;border-bottom-right-radius:20px;border-bottom-left-radius:20px;width:120px;height:30px;position:absolute;top:0;left:50%;transform:translate(-50%)}.comp-mobile-content{font-family:var(--font-bold);color:#888;text-align:center;background-color:#f9f9f9;border:3px dashed #ddd;border-radius:20px;flex-grow:1;justify-content:center;align-items:center;margin:45px 15px 15px;padding:1rem;display:flex}.comp-scrapbook{background-color:#fff;padding:15px;position:relative;transform:rotate(-1deg);box-shadow:2px 5px 15px #0000001a}.comp-scrapbook-content{width:100%;height:100%;min-height:250px;font-family:var(--font-bold);color:#888;background-color:#f0f0f0;border:2px dashed #ccc;justify-content:center;align-items:center;display:flex}.comp-scrapbook-tape{z-index:2;background-color:#fff9;border:1px solid #0000000d;width:80px;height:25px;position:absolute;box-shadow:0 1px 3px #0000001a}.comp-scrapbook-tape.top-left{top:-10px;left:-20px;transform:rotate(-45deg)}.comp-scrapbook-tape.bottom-right{bottom:-10px;right:-20px;transform:rotate(-45deg)}