.scrapbook-container{background-color:#fcfbf9;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E")}.scrapbook-polaroid{background:#fff;border:1px solid #eaeaea;border-radius:2px;padding:16px 16px 40px;position:relative;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014}.scrapbook-tape{z-index:10;opacity:.9;background-color:#fff6;background-image:linear-gradient(45deg,#fff3 25%,#0000 25% 50%,#fff3 50% 75%,#0000 75%,#0000);background-size:4px 4px;border:1px solid #0000000d;width:80px;height:25px;position:absolute;top:-10px;left:50%;transform:translate(-50%)rotate(-2deg);box-shadow:0 1px 3px #0000001a}.scrapbook-tape.tilt-left{transform:translate(-50%)rotate(-4deg)}.scrapbook-tape.tilt-right{transform:translate(-50%)rotate(4deg)}.scrapbook-tape.corner-top-left{top:-10px;left:-10px;transform:rotate(-45deg)}.scrapbook-tape.corner-top-right{top:-10px;left:auto;right:-10px;transform:rotate(45deg)}.scrapbook-paper{background-color:#fefdfa;border:1px solid #e2dcd0;position:relative;box-shadow:2px 3px 6px #0000000d}.scrapbook-note{border:2px solid var(--accent-secondary);background-color:#f59e0b14;border-bottom-right-radius:10px;box-shadow:2px 2px 5px #f59e0b26}.scrapbook-handwritten{font-family:var(--font-caveat), "Comic Sans MS", cursive, sans-serif;letter-spacing:.5px}.tilt-1{transform:rotate(-1deg)}.tilt-2{transform:rotate(1deg)}.tilt-3{transform:rotate(-2deg)}.tilt-4{transform:rotate(2deg)}.scrapbook-pin{z-index:10;border-radius:50%;width:12px;height:12px;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:1px 1px 2px #0000004d,inset -2px -2px 4px #0003}.pin-red{background-color:var(--accent-primary)}.pin-blue{background-color:var(--accent-tertiary)}.pin-yellow{background-color:var(--accent-secondary)}.scrapbook-checkbox{background-color:#0000;border:2px solid #333;border-radius:2px;position:relative}.scrapbook-checkbox.checked:after{content:"";border-right:3px solid var(--accent-primary);border-bottom:3px solid var(--accent-primary);width:8px;height:14px;animation:.2s ease-out forwards stampScribble;position:absolute;top:-2px;left:2px;transform:rotate(45deg)}.scrapbook-radio{background-color:#0000;border:2px solid #333;border-radius:50%;position:relative}.scrapbook-radio.checked:after{content:"";background-color:var(--accent-primary);border-radius:50%;width:10px;height:10px;animation:.2s ease-out forwards stampRadio;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes stampScribble{0%{opacity:0;transform:rotate(45deg)scale(2)}50%{opacity:1;transform:rotate(45deg)scale(.8)}to{opacity:1;transform:rotate(45deg)scale(1)}}@keyframes stampRadio{0%{opacity:0;transform:translate(-50%,-50%)scale(2)}50%{opacity:1;transform:translate(-50%,-50%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.scrapbook-progress-bg{background-color:#0000;border-bottom:2px dashed #cbd5e1;width:128px;height:10px;position:relative}.scrapbook-progress-fill{border-bottom:4px solid var(--accent-primary);background-color:#0000;border-radius:2px;height:10px}.progress-stripes{background:repeating-linear-gradient(-45deg,#b15545,#b15545 8px,#9c4335 8px 16px);border-radius:2px}.marker-highlight{z-index:1;display:inline-block;position:relative}.marker-highlight:after{content:"";z-index:-1;background-color:#a4efde;height:12px;position:absolute;bottom:-2px;left:0;right:-10px;transform:rotate(-1deg)}.scribble-underline{position:relative}.scribble-underline:after{content:"";background-color:#d18274;border-radius:4px 8px 3px 6px;height:5px;position:absolute;bottom:-2px;left:5px;right:40px;transform:rotate(1deg)}.chunky-button{color:#fff;background-color:#a23624;border-radius:8px;padding:12px 32px;font-weight:900;transition:transform .1s,box-shadow .1s;box-shadow:0 5px #6b2418}.chunky-button:active{transform:translateY(5px);box-shadow:0 0 #6b2418}.mockup-tilt-left{transform:rotate(-2deg)}.mockup-tilt-right{transform:rotate(2deg)}.mockup-tilt-slight{transform:rotate(1deg)}.mockup-bg-gradient{background-color:#d15643;background-image:radial-gradient(#ffffff26 2px,#0000 2px),radial-gradient(#ffffff26 2px,#0000 2px);background-position:0 0,16px 16px;background-size:32px 32px}