@font-face{font-family:Kalam;src:url(/scrapbook/Kalam-Regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}.scrapbook{--scrap-ink:#172f2a;--scrap-blue:#23463d;--scrap-paper:#fbf8f1;min-height:100svh;background:#f4f0e7;color:var(--scrap-ink);font-family:Avenir Next,Segoe UI,sans-serif;padding:0 22px;overflow-x:clip;background-image:radial-gradient(#85775a13 .7px,transparent 0);background-size:7px 7px}.scrapbook *{box-sizing:border-box}.scrapApp{max-width:470px;min-height:100svh;margin:auto;display:flex;flex-direction:column;padding-bottom:max(14px,env(safe-area-inset-bottom))}.scrapHeader{display:flex;align-items:center;gap:10px;min-height:78px}.scrapHeader>span:first-of-type{font:700 23px Georgia,serif;letter-spacing:-.04em}.scrapBrandDot{color:#9b773e}.scrapLogo{color:#23463d;transform:rotate(-10deg)}.scrapEdition{margin-left:auto;font-size:13px;color:#68695c;font-style:italic}.scrapIntro{text-align:center;margin:7px 0 23px}.scrapIntro>p{font-size:14px;letter-spacing:.015em;color:#626b5e;margin:0 0 9px}.scrapIntro h1{font:500 clamp(38px,7vw,50px)/1.04 Georgia,serif;letter-spacing:-.045em;color:var(--scrap-ink);margin:0}.scrapIntro h1 em{color:#8b6836;font-weight:500}.scrapBookWrap{position:relative;margin:0 8px}.scrapBook{position:relative;perspective:1400px;isolation:isolate;touch-action:pan-y;border-radius:5px 16px 16px 5px;background:#fbf8f1;box-shadow:4px 4px 0 #e4dcc7,7px 7px 0 #fbf2de,10px 10px 0 #dcd6c4,0 17px 35px #34382a20;transform:rotate(-2deg)}.scrapBook:before{content:"";position:absolute;left:-7px;top:-3px;bottom:-10px;width:13px;border-radius:5px 0 0 5px;background:#23463d;z-index:3;box-shadow:inset -3px 0 3px #0002}.scrapPage{padding:18px 19px 18px 24px;background:linear-gradient(90deg,#c5b89b40,transparent 8%),var(--scrap-paper);border-radius:3px 14px 14px 3px;min-height:354px;display:flex;flex-direction:column;overflow:hidden}.scrapPageTop{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:12px;color:#6c6d60;letter-spacing:.025em;margin-bottom:16px}.scrapPageTop>span:last-child{font:italic 18px Georgia,serif;color:#897040}.scrapPhoto{position:relative;margin:0;padding:9px 9px 8px;background:#fffefa;box-shadow:0 4px 12px #443e2825;transform:rotate(2deg)}.scrapPhoto:before{content:"";position:absolute;z-index:1;width:82px;height:24px;background:#e6b850a1;top:-13px;left:calc(50% - 41px);transform:rotate(-7deg);box-shadow:inset 0 0 2px #ab8c3540}.scrapPhoto img{width:100%;aspect-ratio:1.65;object-fit:cover;display:block;background:#d1dfda;user-select:none}.scrapPhoto figcaption{text-align:center;font:italic 25px/1.25 Kalam,cursive;padding:10px 0 0;letter-spacing:-.035em}.scrapPageBottom{display:flex;flex-direction:column;align-items:center;margin-top:13px;gap:10px}.scrapPageBottom p{font-size:14px;line-height:1.4;color:#62695e;margin:0;text-align:center}.scrapStamp{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#76633f;border:1px dashed #ad9570;padding:6px 10px;transform:rotate(-3deg);border-radius:3px}.city .scrapPhoto{transform:rotate(-2deg)}.city .scrapPhoto:before{background:#b9c5ab80;transform:rotate(8deg)}.city .scrapPhoto figcaption{color:#75613d}.travel .scrapPhoto:before{background:#c9b68a80}.travel .scrapStamp{color:#456b56;border-color:#658570}.scrapTurning{position:absolute;inset:0;z-index:2;transform-origin:left center;backface-visibility:hidden;pointer-events:none;animation:scrapTurn .88s cubic-bezier(.28,.1,.25,1) both}.scrapTurning>.scrapPage{height:100%;box-shadow:12px 0 25px #3d311626}.scrapReverse{transform-origin:right center;animation-name:scrapTurnBack}.scrapBookControls{display:flex;align-items:center;justify-content:center;gap:9px;position:relative;margin-top:17px}.scrapBookControls>span{font-size:13px;color:#62695e;min-width:139px;text-align:center}.scrapIconButton{display:inline-grid;place-items:center;min-width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:#23463d;cursor:pointer;transition:background .15s,transform .15s}.scrapIconButton:hover{background:#e5e0d3}.scrapIconButton:active{transform:scale(.92)}.scrapIconButton:disabled{opacity:.4;cursor:default}.scrapPlay{position:absolute;right:-8px;min-width:40px;height:40px}.scrapWelcomeAction{padding-top:13px;margin-top:auto}.scrapPrimary{display:flex;width:100%;min-height:57px;padding:15px 22px;align-items:center;justify-content:space-between;gap:12px;background:var(--scrap-blue);color:white;border:0;border-radius:17px;box-shadow:0 4px 0 #142c25;font-size:17px;font-weight:650;cursor:pointer;transition:transform .16s,background .16s}.scrapPrimary:hover{background:#19392f}.scrapPrimary:active{transform:translateY(3px);box-shadow:0 1px 0 #142c25}.scrapPrimary:disabled{background:#92998a;box-shadow:0 4px 0 #747e6d;cursor:default}.scrapWelcomeAction>p{text-align:center;color:#62695e;font:italic 16px Georgia,serif;margin:17px 0 6px}.scrapFooter{text-align:center;color:#6d7062;font-size:12px;line-height:1.5;margin:12px 0 0}.scrapJournal{background:var(--scrap-paper);border-radius:4px 16px 16px 4px;padding:28px 25px;box-shadow:4px 4px 0 #dfd7c4,0 12px 30px #2c425c12;border-left:5px solid #52799b;animation:scrapJournalOpen .65s ease-out both;transform-origin:left center;margin-top:10px}.scrapJournalKicker{font:italic 17px Kalam,cursive;color:#897040;margin:0 0 18px}.scrapJournal h1{font:400 clamp(25px,5.5vw,33px)/1.25 Georgia,serif;color:#172f2a;letter-spacing:-.025em;margin:0 0 16px}.scrapJournalHint{font-size:15px;line-height:1.6;color:#62695e;margin:0 0 24px}.scrapJournal label{font-size:15px;color:#23463d;font-weight:600}.scrapJournal textarea{background:repeating-linear-gradient(transparent,transparent 31px,#b5c8d56b 0,#b5c8d56b 32px);border:0;border-radius:0;min-height:164px;padding:0 4px;resize:vertical;margin:10px 0 27px;box-shadow:none}.scrapDone{display:flex;gap:8px;align-items:flex-start;font-size:15px;line-height:1.5;color:#356048}.scrapDone svg{flex-shrink:0;margin-top:2px}.scrapbook :is(button,textarea,.scrapBook):focus-visible{outline:3px solid #9b773e;outline-offset:5px}.scrapbook h1:focus{outline:none}@keyframes scrapTurn{0%{transform:rotateY(0deg);filter:brightness(1)}65%{opacity:1}to{transform:rotateY(-115deg);filter:brightness(.8);opacity:0}}@keyframes scrapTurnBack{0%{transform:rotateY(0deg);filter:brightness(1)}65%{opacity:1}to{transform:rotateY(115deg);filter:brightness(.8);opacity:0}}@keyframes scrapJournalOpen{0%{opacity:0;transform:perspective(1100px) rotateY(-12deg) translateX(15px)}to{opacity:1;transform:perspective(1100px) rotateY(0deg) translateX(0)}}@media(min-width:800px){.scrapApp{max-width:510px}.scrapHeader{min-height:90px}.scrapIntro{margin:8px 0 28px}.scrapBookWrap{margin:0 23px}.scrapPage{padding:21px 23px 21px 28px;min-height:398px}.scrapPhoto img{aspect-ratio:1.7}.scrapIntro h1{font-size:51px}.scrapWelcomeAction{padding-top:24px}.scrapFooter{margin-top:15px}.scrapApp{padding-bottom:20px}}@media(max-width:370px){.scrapbook{padding:0 17px}.scrapEdition{font-size:11px}.scrapIntro h1{font-size:37px}.scrapBookWrap{margin:0 4px}.scrapPage{padding:16px 14px 16px 20px;min-height:325px}.scrapPhoto figcaption{font-size:21px}.scrapPlay{right:-12px}.scrapBookControls{gap:3px}.scrapPrimary{font-size:16px;padding:14px 18px}.scrapJournal{padding:24px 19px}}@media(max-height:740px) and (min-width:371px){.scrapHeader{min-height:66px}.scrapIntro{margin:0 0 19px}.scrapIntro h1{font-size:37px}.scrapIntro>p{margin-bottom:6px}.scrapPage{min-height:310px;padding-top:13px;padding-bottom:13px}.scrapPhoto img{aspect-ratio:1.95}.scrapPhoto figcaption{font-size:23px}.scrapPageTop{margin-bottom:13px}.scrapPageBottom{gap:7px}.scrapWelcomeAction{padding-top:5px}.scrapBookControls,.scrapWelcomeAction>p{margin-top:13px}.scrapFooter{margin-top:8px}}@media(prefers-reduced-motion:reduce){.scrapbook *{animation:none!important;transition:none!important}.scrapBook{transform:none}}.scrapMusic{margin-left:auto;display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 11px;border:1px solid #aa9b7855;border-radius:30px;color:#23463d;background:#fbf8f1;font-size:13px;white-space:nowrap;cursor:pointer}.scrapMusic.isPlaying{background:#e1e9dc;border-color:#91a489;color:#3f603c}.scrapMusic:disabled{opacity:.65;cursor:wait}.scrapMusicError{margin:0 0 14px;color:#9e392d;font-size:14px;text-align:center}.scrapCredits{margin:8px auto 0;max-width:390px;font-size:12px;line-height:1.6}.scrapCredits summary{cursor:pointer;min-height:32px}.scrapCredits p{margin:6px 0}.scrapCredits a{text-decoration:underline}.forest .scrapPhoto:before{background:#8baf9099}.forest .scrapStamp{border-color:#658570;color:#456b56}.paris .scrapPhoto{transform:rotate(-2deg)}.paris .scrapPhoto:before{background:#c9b68a80}.scrapWriting{background-color:#f4f0e7}.scrapJournal{position:relative;margin:12px 6px 8px;padding:23px 24px 26px 29px;border:0;box-shadow:4px 4px 0 #e4dcc7,7px 7px 0 #fbf2de,10px 10px 0 #dcd6c4,0 17px 35px #34382a20;background:linear-gradient(90deg,#c5b89b40,transparent 8%),var(--scrap-paper);border-radius:3px 14px 14px 3px}.scrapJournal:before{content:"";position:absolute;left:-7px;top:-3px;bottom:-10px;width:13px;border-radius:5px 0 0 5px;background:#23463d;box-shadow:inset -3px 0 3px #0002}.scrapJournalMemento{display:grid;grid-template-columns:1fr 44%;gap:14px;align-items:center;margin:0 0 27px;min-height:148px}.scrapJournalKicker{display:block;font:12px/1.5 Avenir Next,Segoe UI,sans-serif;color:#6c6d60;margin:0 0 9px}.scrapJournalNote>p{font:21px/1.15 Kalam,cursive;color:#23463d;margin:0}.scrapJournalNote em{font-style:normal}.scrapKeepsake{padding:6px 6px 4px;transform:rotate(6deg)}.scrapKeepsake img{object-fit:cover}.scrapKeepsake figcaption{font-size:15px;line-height:1.2;padding-top:7px;letter-spacing:0}.scrapKeepsake:before{width:58px;height:18px;left:calc(50% - 29px);top:-10px;background:#c9a45177}.scrapJournal h1{font-size:clamp(25px,5.7vw,31px);line-height:1.27;margin-bottom:14px}.scrapJournalHint{font-size:16px;line-height:1.5;margin-bottom:23px}.scrapWritingPaper{position:relative;background:#fffdfa;box-shadow:1px 3px 9px #473b2012;border-top:1px solid #e6dfd0;padding:17px 13px 13px 20px;margin-bottom:25px;transform:rotate(-.5deg);background-image:linear-gradient(90deg,transparent 12px,#dba5a24a 0,#dba5a24a 13px,transparent 0)}.scrapJournal label{font:19px/1.4 Kalam,cursive;color:#897040}.scrapJournal textarea{display:block;width:100%;min-height:135px;height:135px;line-height:32px;padding:0 2px;margin:8px 0 10px;font-size:18px}.scrapJournal textarea::placeholder{color:#777c70;opacity:1}.scrapPaperNote{display:block;font:15px/1.4 Kalam,cursive;color:#706b59}.scrapWrittenMemory{white-space:pre-wrap;overflow-wrap:anywhere;font:21px/1.6 Kalam,cursive;color:#23463d;padding:18px 17px;margin:20px 0;background:repeating-linear-gradient(#fffdfa,#fffdfa 32px,#bbcbd477 33px,#fffdfa 34px);box-shadow:1px 3px 9px #473b2012;transform:rotate(-1deg)}.scrapDone{margin-bottom:22px}.scrapJournalFinished{animation-name:scrapJournalOpen}.scrapFooter{padding-top:5px}.scrapPhoto img{object-position:center}@media(max-width:370px){.scrapHeader{gap:6px}.scrapHeader>span:first-of-type{font-size:21px}.scrapMusic{font-size:12px;padding:7px 9px;gap:5px}.scrapJournal{padding:20px 17px 23px 23px;margin-right:2px}.scrapJournalMemento{gap:10px}.scrapJournalNote>p{font-size:19px}.scrapKeepsake figcaption{font-size:14px}}@media(prefers-reduced-motion:reduce){.scrapWritingPaper,.scrapWrittenMemory{transform:none}}.scrapAudioControls{display:flex;align-items:center;gap:5px;margin-left:auto}.scrapAudioControls .scrapMusic{margin-left:0}.scrapHeader{gap:8px}.scrapHeader>span:first-of-type{font-size:21px;white-space:nowrap}.scrapMusic{padding:8px 10px}.scrapIntro h1 em{color:#897040}.scrapbook{background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,#8b795709 0,#8b795709 4px),repeating-linear-gradient(90deg,transparent,transparent 3px,#8b795709 0,#8b795709 4px);background-size:4px 4px}.scrapPhoto{padding:6px 6px 9px;box-shadow:0 3px 10px #302c201b;transform:rotate(1deg)}.scrapPhoto img{height:auto;filter:none;aspect-ratio:1.5}.scrapPhoto:before{background:#c9b68a70;width:65px;height:20px;left:calc(50% - 32px)}.scrapPhoto figcaption{font-style:normal;letter-spacing:-.015em;color:#23463d}.scrapStamp{border-style:solid;border-color:#c1b799;color:#716447;text-transform:none;letter-spacing:.015em;font-size:13px;transform:rotate(-1deg)}.original .scrapPhoto img{object-position:50% 58%}.scrapKeepsake img{aspect-ratio:1.1}.scrapJournalNote em{color:#897040}.scrapJournal textarea{color:#23463d;background:repeating-linear-gradient(transparent,transparent 31px,#a6b29c59 0,#a6b29c59 32px)}@media(max-width:370px){.scrapHeader{gap:5px}.scrapHeader>span:first-of-type{font-size:19px}.scrapMusic{font-size:12px;padding:7px 8px;gap:4px}.scrapAudioControls{gap:4px}.scrapLogo{width:22px}.scrapHeader>.scrapIconButton{min-width:35px}.scrapHeader{gap:4px}.scrapHeader>span:first-of-type{font-size:18px}.scrapMusic{padding:7px 6px}}body:has(.cleanDesignPreview) #vercel-live-feedback,body:has(.cleanDesignPreview) vercel-live-feedback{display:none!important}.cleanDesignPreview .scrapWelcomeAction{padding-top:32px}.cleanDesignPreview .scrapHeader{padding-right:0}.videoDesign .scrapApp{width:100%;max-width:580px;padding-bottom:max(22px,env(safe-area-inset-bottom))}.videoDesign .scrapHeader{min-height:80px;gap:10px}.videoDesign .scrapHeader>span:first-of-type{font-size:23px}.videoDesign .scrapIntro{margin:4px 0 26px}.videoDesign .scrapIntro h1{font-size:clamp(2.625rem,6.5vw,3.625rem);line-height:1.08;letter-spacing:-.04em}.videoDesign .scrapBookWrap{margin:0 12px 12px}.videoDesign .videoBook{transform:rotate(-1.4deg)}.videoDesign .scrapPage{min-height:0;padding:20px 23px 22px 29px}.videoDesign .scrapPageTop{font-size:.875rem;margin-bottom:20px}.videoDesign .scrapPageTop>span:last-child{font-size:1.125rem}.videoDesign .videoKeepsake{padding:7px 7px 12px;transform:rotate(1.4deg)}.livingPhoto{position:relative;aspect-ratio:3/2;overflow:hidden;background:#dbc7a1}.livingPhotoVideo,.videoDesign .livingPhoto img{display:block;width:100%;height:100%;aspect-ratio:3/2;object-fit:contain}.livingPhotoVideo{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .18s ease}.livingPhotoVideo.isVisible{opacity:1}.videoDesign .videoKeepsake figcaption{padding-top:12px;font-size:clamp(1.5rem,4vw,1.875rem);line-height:1.25}.videoDesign .scrapPageBottom{margin-top:17px}.videoDesign .scrapPageBottom p{font-size:1rem;line-height:1.45}.videoDesign .scrapWelcomeAction{width:100%;max-width:440px;align-self:center;padding-top:28px}.videoDesign .scrapPrimary{min-height:58px;border-radius:14px;font-size:1.0625rem}.videoDesign .scrapWelcomeAction>p{font-size:1rem;line-height:1.5}.videoDesign.scrapWriting .scrapApp{max-width:530px}.videoDesign .scrapJournalKicker{font-size:.875rem}.videoDesign .scrapJournal{margin-bottom:12px}.videoDesign .scrapJournalMemento{min-height:140px}.videoDesign .videoPrivacy{margin:20px 0 0;font-size:.875rem;line-height:1.5;text-align:center;color:#62695e}@media (max-width:599px){.videoDesign{padding:0 22px}.videoDesign .scrapApp{max-width:470px}.videoDesign .scrapHeader{min-height:70px}.videoDesign .scrapIntro{margin:3px 0 25px}.videoDesign .scrapBookWrap{margin:0 5px 12px}.videoDesign .scrapPage{padding:17px 15px 19px 21px}.videoDesign .scrapPageTop{gap:10px;margin-bottom:18px}.videoDesign .videoKeepsake{padding:5px 5px 9px}.videoDesign .scrapWelcomeAction{padding-top:27px}}@media (max-width:370px){.videoDesign{padding:0 17px}.videoDesign .scrapHeader>span:first-of-type{font-size:21px}.videoDesign .scrapIntro h1{font-size:2.5rem}.videoDesign .scrapPage{padding:16px 12px 17px 18px}.videoDesign .scrapPageTop{align-items:flex-start}.videoDesign .scrapPageTop>span:first-child{max-width:190px;line-height:1.4}.videoDesign .scrapJournalMemento{grid-template-columns:1fr 42%;gap:10px}}@media (max-height:760px) and (min-width:600px){.videoDesign:not(.scrapWriting) .scrapApp{max-width:475px}.videoDesign .scrapHeader{min-height:66px}.videoDesign .scrapIntro{margin-bottom:22px}.videoDesign .scrapIntro h1{font-size:2.75rem}.videoDesign .scrapWelcomeAction{padding-top:24px}}@media (prefers-reduced-motion:reduce){.videoDesign .videoBook,.videoDesign .videoKeepsake{transform:none}.livingPhotoVideo{display:none}}.redesignFour:not(.scrapWriting){padding:0;background:#f4f0e7}.redesignFour:not(.scrapWriting) .scrapApp{width:100%;max-width:none;min-height:100svh;padding-bottom:0}.redesignFour:not(.scrapWriting) .r4Header,.redesignFour:not(.scrapWriting) .r4Intro{width:min(100% - 48px,1280px);margin-left:auto;margin-right:auto}.redesignFour:not(.scrapWriting) .r4Header{min-height:74px}.redesignFour:not(.scrapWriting) .r4Intro{margin-top:2px;margin-bottom:clamp(22px,3.2vh,34px);padding:0 10px}.redesignFour:not(.scrapWriting) .r4Intro h1{max-width:1040px;margin:0 auto;font-size:clamp(2.75rem,6.2vw,5.8rem);line-height:.98;letter-spacing:-.052em;text-wrap:balance}.r4Film{position:relative;isolation:isolate;flex:1;width:100%;min-height:430px;overflow:hidden;background:#cdb889;box-shadow:inset 0 1px 0 #fff8}.r4FilmPoster,.r4FilmVideo{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 56%;user-select:none}.r4FilmVideo{z-index:1;pointer-events:none;opacity:0;transition:opacity .18s ease}.r4FilmVideo.isVisible{opacity:1}.r4FilmShade{z-index:2;inset:auto 0 0;height:38%;opacity:1;background:linear-gradient(180deg,transparent,#152c2459)}.r4BeginLayer,.r4FilmShade{position:absolute;pointer-events:none}.r4BeginLayer{z-index:3;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:clamp(28px,7vh,76px) 22px}.r4BeginButton{display:flex;align-items:center;justify-content:space-between;gap:22px;width:min(320px,100%);min-height:64px;padding:17px 22px 17px 25px;border:1px solid #fff9;border-radius:16px;color:#173b31;background:#fbf8f1f2;box-shadow:0 18px 45px #102a2342,0 3px 0 #d5c9ae;backdrop-filter:blur(12px);font:700 1.0625rem/1 Avenir Next,Segoe UI,sans-serif;cursor:pointer;pointer-events:auto;animation:r4BeginReveal .85s cubic-bezier(.2,.75,.25,1) .15s both;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.r4BeginButton:hover{background:#fffdf7;transform:translateY(-2px);box-shadow:0 21px 50px #102a234d,0 3px 0 #d5c9ae}.r4BeginButton:active{transform:translateY(2px);box-shadow:0 10px 28px #102a2338,0 1px 0 #d5c9ae}.r4BeginButton:focus-visible{outline:3px solid #f4d28c;outline-offset:5px}@keyframes r4BeginReveal{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:599px){.redesignFour:not(.scrapWriting) .r4Header,.redesignFour:not(.scrapWriting) .r4Intro{width:calc(100% - 38px)}.redesignFour:not(.scrapWriting) .r4Header{min-height:68px}.redesignFour:not(.scrapWriting) .r4Intro{margin-top:2px;margin-bottom:22px;padding:0}.redesignFour:not(.scrapWriting) .r4Intro h1{max-width:390px;font-size:clamp(2.55rem,12vw,3.55rem);line-height:1.01}.r4Film{min-height:470px}.r4FilmPoster,.r4FilmVideo{object-position:54% 56%}.r4BeginLayer{padding-bottom:max(34px,env(safe-area-inset-bottom))}}@media (max-height:700px) and (min-width:600px){.redesignFour:not(.scrapWriting) .r4Header{min-height:62px}.redesignFour:not(.scrapWriting) .r4Intro{margin-bottom:18px}.redesignFour:not(.scrapWriting) .r4Intro h1{font-size:3.25rem}.r4Film{min-height:390px}.r4BeginLayer{padding-bottom:32px}}@media (prefers-reduced-motion:reduce){.r4FilmVideo{display:none}.r4BeginButton{animation:none}}