@font-face{font-family:Bad Script;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bad-script-cyrillic-ext-400-normal-CI2DVmab.woff2)format("woff2"),url(/assets/bad-script-cyrillic-ext-400-normal-CY8L6unV.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Bad Script;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bad-script-cyrillic-400-normal-DiCCMyg0.woff2)format("woff2"),url(/assets/bad-script-cyrillic-400-normal-BYMMm_td.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Bad Script;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bad-script-vietnamese-400-normal-MuYgymKV.woff2)format("woff2"),url(/assets/bad-script-vietnamese-400-normal-C5jSRoDx.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bad Script;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bad-script-latin-ext-400-normal-DjyfEC8y.woff2)format("woff2"),url(/assets/bad-script-latin-ext-400-normal-CHDdfVpG.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bad Script;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bad-script-latin-400-normal-BmdsbNWy.woff2)format("woff2"),url(/assets/bad-script-latin-400-normal-srC_ABzt.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--screen:#1c1c1e;--paper:#fbf6ec;--paper-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.42 0 0 0 0 0.34 0 0 0 0 0.22 0 0 0 0.2 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");--paper-mottle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.012' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.55 0 0 0 0 0.45 0 0 0 0 0.3 0 0 0 0.07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)'/%3E%3C/svg%3E");--paper-tooth:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='p' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch' result='n'/%3E%3CfeDiffuseLighting in='n' lighting-color='white' surfaceScale='0.5' diffuseConstant='1.18'%3E%3CfeDistantLight azimuth='225' elevation='58'/%3E%3C/feDiffuseLighting%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='0.524' intercept='0.46'/%3E%3CfeFuncG type='linear' slope='0.408' intercept='0.557'/%3E%3CfeFuncB type='linear' slope='0.156' intercept='0.769'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23p%29'/%3E%3C/svg%3E");--paper-texture:var(--paper-mottle), var(--paper-tooth), var(--paper);--cloth-weave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='h'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.02 0.9' numOctaves='2' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.35 -0.08'/%3E%3C/filter%3E%3Cfilter id='v'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9 0.02' numOctaves='2' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 -0.08'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23h)'/%3E%3Crect width='100%25' height='100%25' filter='url(%23v)'/%3E%3C/svg%3E");--cover:#c62828;--dot:#fff;--ink:#2b2b2b;--accent:#fff;--handwriting:"Bad Script", cursive;--polka-dots:radial-gradient(var(--dot) 18%, transparent 19%) 0 0 / 10% 7.5%, radial-gradient(var(--dot) 18%, transparent 19%) 5% 3.75% / 10% 7.5%, var(--cover)}*{box-sizing:border-box}body{background:var(--paper-grain), radial-gradient(ellipse 70% 60% at 50% 45%, #6b4f3a 0%, #4a3527 55%, #2a1e16 100%);background-color:var(--screen);min-height:100dvh;color:var(--ink);margin:0;font-family:system-ui,sans-serif}.handwriting{font-family:var(--handwriting);font-weight:400}.book-screen{flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100dvh;padding:56px 16px 16px;display:flex;overflow:clip}.book-frame{width:100%;max-width:min(1200px,150dvh - 210px);margin:0 auto}@media (width<640px){.book-frame{max-width:calc(75dvh - 105px)}}.book-toolbar{align-items:center;gap:10px;display:flex}.toolbar-button{border:2px solid var(--accent);background:var(--cloth-weave), var(--cover);width:40px;height:40px;color:var(--accent);cursor:pointer;border-radius:50%;place-items:center;padding:0;font-size:24px;line-height:1;display:grid}.toolbar-home{width:48px;height:48px}.toolbar-home svg{width:24px;height:24px}.language-menu{color:var(--accent);font:inherit;background:0 0;border:1px solid #fff6;border-radius:8px;padding:6px 10px;font-size:14px;position:fixed;top:12px;right:16px}.language-menu option{color:var(--ink)}.page{background:var(--paper-texture);overflow:hidden;container-type:size}.page:after{content:"";pointer-events:none;position:absolute;inset:0}.page[data-side=left]:after{background:linear-gradient(270deg,#3c281447 0%,#3c28141a 4%,#0000 12% 94%,#3c28140f 100%)}.page[data-side=right]:after{background:linear-gradient(90deg,#3c281447 0%,#3c28141a 4%,#0000 12% 94%,#3c28140f 100%)}.folio{z-index:1;color:#2b2b2b8c;font-size:3.6cqw;position:absolute;bottom:2.2%}.page[data-side=left] .folio{left:6%}.page[data-side=right] .folio{right:6%}.page[data-side=left]{box-shadow:-1px 1px #efe7d6,-2px 2px #d9cfba,-3px 3px #efe7d6,-4px 4px #cdc2aa,-12px 18px 36px #00000073}.page[data-side=right]{box-shadow:1px 1px #efe7d6,2px 2px #d9cfba,3px 3px #efe7d6,4px 4px #cdc2aa,12px 18px 36px #00000073}.page.page-cover,.page.page-back-cover{box-shadow:0 18px 40px #0000008c}.page.page-cover:after,.page.page-back-cover:after{background:linear-gradient(to var(--spine,right), transparent 0%, transparent 92%, #0000004d 100%)}.page.page-cover:after{--spine:left}.page-cover,.page-back-cover,.page-endpaper{background:var(--cloth-weave), var(--polka-dots);color:var(--accent)}.page-endpaper{background:var(--paper-grain), var(--polka-dots)}.page-filler{background:radial-gradient(circle at 50% 50%, #f7b7c3 0 1.6%, transparent 1.7%), radial-gradient(circle at 43% 50%, #fbeaa0 0 1.1%, transparent 1.2%), radial-gradient(circle at 57% 50%, #b5e2ea 0 1.1%, transparent 1.2%), var(--paper-texture)}.cover{flex-direction:column;justify-content:center;align-items:center;gap:5cqw;height:100%;padding:10cqw;display:flex}.cover-image{border:2.5cqw solid #fff;width:auto;max-width:78cqw;height:auto;max-height:62cqh;box-shadow:0 1cqw 3cqw #00000059}.cover-name{background:var(--cloth-weave), var(--cover);border-radius:2cqw;margin:0;padding:1cqw 6cqw;font-size:14cqw;line-height:1.1}.back-cover{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4cqw;height:100%;padding:10cqw 8cqw;display:flex}.closing,.signatures,.birthday{background:var(--cloth-weave), var(--cover);border-radius:2cqw;padding:2cqw 4cqw}.closing{font-size:7cqw;line-height:1.2}.closing>*{margin:.4em 0}.signatures{flex-wrap:wrap;justify-content:center;gap:.5cqw 3cqw;margin:0;font-size:4.6cqw;list-style:none;display:flex}.signatures li:nth-child(3n+1){rotate:-4deg}.signatures li:nth-child(3n+2){translate:0 1cqw;rotate:3deg}.signatures li:nth-child(3n){translate:0 -.5cqw;rotate:-1deg}.birthday{letter-spacing:.15em;margin:0;font-size:4cqw}.guard{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:10cqw;display:flex}.guard h2{color:var(--cover);margin:0 0 6cqw;font-size:13cqw}.title-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:10cqw;display:flex}.title-page h1{color:var(--cover);margin:0;font-size:16cqw;line-height:1.1}.title-page p{margin:4cqw 0 0;font-size:7cqw}.guard-image{mix-blend-mode:multiply;width:auto;max-width:70%;height:auto;max-height:70%}.credits{font-size:4cqw;line-height:1.5}.contents{flex-direction:column;height:100%;padding:7cqw 8cqw;display:flex}.contents-title{color:var(--cover);flex:none;min-height:1.2em;margin:0 0 2cqw;font-size:9cqw;line-height:1.2}.contents ol{flex:1;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:column;column-gap:4cqw;min-height:0;margin:0;padding:0;list-style:none;display:grid}.contents li{min-height:0}.contents button{width:100%;height:100%;color:inherit;font:inherit;text-align:start;overflow-wrap:anywhere;cursor:pointer;background:0 0;border:none;align-items:center;gap:2.5cqw;padding:.8cqw 0;font-size:4.2cqw;line-height:1.1;display:flex}.contents button>*{pointer-events:none}.chapter-title{border-bottom:.3cqw solid color-mix(in srgb, var(--cover) 35%, transparent);color:var(--cover);white-space:nowrap;justify-content:center;align-items:flex-end;margin:0;font-size:9cqw;line-height:1;display:flex;position:absolute}.page-chapter{padding:0}.template{position:absolute;inset:0;container-type:size}.photo,.wish,.caption,.sticker{margin:0;position:absolute}.photo-image{width:100%;height:100%;display:block;position:absolute}.photo-frame{background:#fff;box-shadow:0 .6cqw 1.6cqw #00000040}.template-collage .photo,.template-full .photo,.template-grid .photo,.template-wish:not([class*=look-]) .photo:not(.photo-frame){outline:.8cqw solid #fff;box-shadow:0 .6cqw 1.6cqw #0000004d}.template-drawing .photo-image{background:#fff;box-shadow:0 .4cqw 1.2cqw #0003}.tape{opacity:.8;width:30%;height:9%;max-height:4cqw;position:absolute;top:-4%}.caption{font-family:var(--handwriting);text-align:center;white-space:nowrap;justify-content:center;align-items:center;font-size:4cqw;line-height:1.1;display:flex;overflow:hidden}.wish{font-family:var(--handwriting);text-align:center;flex-direction:column;justify-content:safe center;font-size:5cqw;line-height:1.25;display:flex;overflow:hidden}.wish-text>:first-child{margin-top:0}.wish-signature{text-align:end;margin:0;font-size:1.1em}.look-sheet .photo,.look-taped .photo{box-shadow:0 .8cqw 2.4cqw #00000047}.handwritten-signature{font-family:var(--handwriting);justify-content:flex-end;align-items:center;font-size:7cqw;display:flex;position:absolute}@media (orientation:landscape) and (height<500px){.book-screen{flex-direction:row;gap:10px;padding:8px}.book-frame{width:min(100%,150dvh - 24px);max-width:none}.book-toolbar{flex-direction:column;gap:6px}.language-menu{width:52px;padding:4px;font-size:12px;top:auto;bottom:8px;right:8px}}