*{box-sizing:border-box}html{scroll-padding-top:10px}body{--paper:#ff8dce;--dot:#cf3890;margin:0;background-color:var(--paper);background-image:radial-gradient(var(--dot) .7px,transparent .7px);background-size:8px 8px;color:#360537;font-family:"Times New Roman",serif}body[data-bg=green]{--paper:#c8ef58;--dot:#91b933}body[data-bg=checks]{--paper:#ffe4ee;background-image:conic-gradient(#fff8c4 25%,#ff9bcf 0 50%,#fff8c4 0 75%,#ff9bcf 0);background-size:26px 26px}body.no-pattern{background-image:none}a{color:#00e}a:visited{color:#551a8b}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #2519da;outline-offset:3px}.utility{display:flex;justify-content:space-between;gap:6px;padding:8px 10px;background:#fffbc4;border-bottom:1px solid #5c1c66;font:9px "Courier New",monospace}.utility a{padding:4px 0}.homepage{max-width:740px;margin:auto;padding:0 12px}header{text-align:center;position:relative;padding-top:16px}header>p{font:9px "Courier New",monospace;margin:0 0 14px}h1{font:bold italic clamp(48px,13.2vw,87px)/.74 "Times New Roman",serif;letter-spacing:-3px;color:#5b098a;transform:rotate(-5deg);margin:24px 0 21px;text-shadow:2px 2px #fffd3b}h1 span{font:900 1.05em/.9 Arial,sans-serif;letter-spacing:-4px;color:#e51a2e}h1 b{font:normal 1.1em "Times New Roman",serif;color:#ffe841;vertical-align:top;text-shadow:2px 2px #ed1729}.buttons{display:flex;justify-content:center;gap:6px;margin:20px 0 17px}.buttons a{border:2px outset #eee;background:#ecebdc;padding:6px 10px;font:bold 10px Arial,sans-serif}.photo-window{border:2px ridge #ededed;background:#ffd3e8;box-shadow:4px 4px 0 #6b24705e}.window-bar{display:flex;justify-content:space-between;gap:5px;align-items:center;background:#5b1576;color:#fff;padding:4px 5px;font:10px "Courier New",monospace}.window-bar button{font:9px Arial,sans-serif;min-height:24px}.collage{height:400px;position:relative;overflow:hidden;background:#ffb5db}.main-photo{position:absolute;width:64%;left:5%;top:16px;transform:rotate(-5deg);border:5px ridge #fffbdc;box-shadow:2px 3px 0 #48084255}.main-photo img{display:block;width:100%;height:auto}.handwrite{position:absolute;right:5%;top:21px;width:24%;font:italic bold 23px/.95 "Times New Roman",serif;color:#5f087b;transform:rotate(8deg);margin:0;overflow-wrap:anywhere}.small-photo{position:absolute;width:40%;right:5%;bottom:23px;transform:rotate(9deg);border:5px solid #fff7ce;box-shadow:2px 3px 0 #48084255}.small-photo img{display:block;width:100%;height:auto}.sticker{position:absolute;right:11%;top:132px;font:70px/1 "Times New Roman",serif;color:#277123;background:transparent;border:0;padding:0;cursor:pointer;text-shadow:2px 2px #f5ff4e}.photo-no{position:absolute;left:5%;bottom:45px;font:10px "Courier New",monospace}.photo-next{position:absolute;left:5%;bottom:12px;font:10px Arial,sans-serif;min-height:27px}.collage.rearranged .main-photo{left:28%;top:22px;transform:rotate(4deg)}.collage.rearranged .small-photo{right:auto;left:4%;transform:rotate(-8deg)}.collage.rearranged .handwrite{right:auto;left:4%;transform:rotate(-7deg)}.collage.rearranged .sticker{right:auto;left:8%}.collage.rearranged .photo-no{left:auto;right:5%;bottom:49px}.collage.rearranged .photo-next{left:auto;right:5%}.love-note{background:#ecff58;text-align:center;font:italic 18px "Times New Roman",serif;color:#4a095b;margin:0;padding:9px 4px;border-top:1px solid}.settings{width:83%;margin:24px 0 24px auto;background:#e8e8df;border:3px outset #fafafa;padding:8px}.settings h2{font:bold 12px "Courier New",monospace;margin:0 0 8px}.settings fieldset{border:2px groove #eee;padding:7px;font:10px Arial,sans-serif}.swatches{display:flex;gap:5px;margin-bottom:10px}.swatches button{font:9px Arial,sans-serif;padding:5px 6px;min-height:29px;flex:1;min-width:0;border:2px outset #fff;cursor:pointer}.swatches button[aria-pressed=true]{border:2px inset #666;text-decoration:underline}.pink{background:#ff94cc}.green{background:#c8ee58}.checks{background:repeating-conic-gradient(#ffd69b 0 25%,#fff 0 50%) 0/12px 12px}.settings label{display:flex;gap:4px;align-items:center}.lower-collage{display:flex;gap:20px;align-items:center;padding:0 8px;margin-bottom:30px}.lower-collage figure{width:60%;margin:0;transform:rotate(-4deg);background:#fff9df;padding:5px;border:1px solid}.lower-collage img{width:100%;height:auto;display:block}.lower-collage figcaption{font:9px "Courier New",monospace;padding:7px 2px}.scrap{flex:1;min-width:0;transform:rotate(8deg)}.scrap button{display:block;font:80px/1 "Times New Roman",serif;color:#cb162f;background:transparent;border:0;padding:0;cursor:pointer}.scrap a{display:block;font:12px "Courier New",monospace;padding:12px 0}.scatter{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin:26px 0;padding:14px 10px}.scatter li{width:26%;min-width:72px;max-width:118px}.scatter a{display:block}.scatter img{width:100%;height:auto;display:block;border:4px solid #fff7ce;box-shadow:2px 3px 0 #48084255}.scatter li:nth-child(1){transform:rotate(-6deg)}.scatter li:nth-child(2){transform:rotate(4deg);margin-top:16px}.scatter li:nth-child(3){transform:rotate(-3deg)}.scatter li:nth-child(4){transform:rotate(7deg);margin-top:10px}.scatter li:nth-child(5){transform:rotate(-8deg)}.scatter li:nth-child(6){transform:rotate(5deg);margin-top:20px}.wall{background:#fff6bf;border:2px outset #fff;margin:20px 0}.wall form{padding:10px}.wall label{font:10px "Courier New",monospace;display:block;margin-bottom:7px}textarea{width:100%;resize:vertical;background:#fffae5;font:16px "Comic Sans MS",cursive;border:2px inset #ccc;min-height:90px;color:#42114a}.wall button{min-height:30px;font:11px Arial,sans-serif;margin:6px 6px 0 0;cursor:pointer}#saved{font:16px "Comic Sans MS",cursive;white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 10px 10px;background:#ffc9e2;padding:10px}.wall>small{font:9px "Courier New",monospace;display:block;margin:10px}.webring{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;border-top:1px dashed;border-bottom:1px dashed;margin:28px 0 15px;font:11px "Courier New",monospace;padding:10px 0;gap:10px}.webring a{padding:8px}.back-top{text-align:center;font:12px "Courier New",monospace;margin:20px}footer{max-width:740px;margin:auto;padding:14px 12px 24px;font:9px/1.7 "Courier New",monospace}footer a{display:inline-block;padding:7px 0}@media(min-width:650px){.homepage{padding:0 35px}.collage{height:600px}.main-photo{width:53%;left:8%}.small-photo{width:34%;right:7%;bottom:35px}.handwrite{font-size:36px;right:8%;width:23%;top:30px}.sticker{font-size:110px;top:200px}.photo-no{bottom:80px}.photo-next{bottom:35px}.collage.rearranged .main-photo{left:37%}.settings{width:58%}.lower-collage figure{width:46%}.scrap button{font-size:130px}.wall{max-width:540px;margin-left:auto}.love-note{font-size:24px}.collage.rearranged .photo-next{bottom:35px}.collage.rearranged .photo-no{bottom:80px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}