:root{--navy:#203b55;--navy-deep:#14283d;--blue:#526a7d;--blue-soft:#6f8493;--gold:#d59a32;--orange:#a33420;--ivory:#f6efe2;--ivory-deep:#e7d8c2;--ink:#17283a;--paper:#fbf4e7;--shadow:#14283d3d;color:var(--ink);letter-spacing:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}*{box-sizing:border-box}body{background:linear-gradient(180deg, #203b55f5 0 31%, #a33420f2 31% 47%, #f6efe2fa 47%), var(--ivory);min-height:100svh;color:var(--ink);margin:0}button,input,select,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}.app{place-items:center;min-height:100svh;padding:18px;display:grid;position:relative;overflow:hidden}.app:before{content:"DEAR SUITCASE";color:#f6efe214;pointer-events:none;font-family:Georgia,Times New Roman,serif;font-size:min(12vw,86px);font-weight:800;line-height:.86;position:fixed;top:28px;right:22px}.app:after,.paper-grain{content:"";pointer-events:none;opacity:.46;mix-blend-mode:multiply;background-image:radial-gradient(circle at 22px 18px,#203b5526 0 1px,#0000 1.4px),radial-gradient(circle at 72px 62px,#d59a3233 0 1px,#0000 1.5px),linear-gradient(90deg,#14283d0b 1px,#0000 1px),linear-gradient(0deg,#14283d0a 1px,#0000 1px);background-size:96px 96px,84px 84px,18px 18px,18px 18px;position:absolute;inset:0}.guide-screen,.library-screen,.phone{z-index:1;background:linear-gradient(180deg, #f6efe2f2, #e8d8c2fa), var(--ivory);border:1px solid #f6efe247;border-radius:30px;width:min(430px,100%);height:min(900px,100svh - 36px);min-height:720px;position:relative;overflow:hidden;box-shadow:0 28px 70px #0c182457}.app[data-view=guide] .library-screen,.app[data-view=guide] .phone,.app[data-view=library] .guide-screen,.app[data-view=library] .phone,.app[data-view=suitcase] .guide-screen,.app[data-view=suitcase] .library-screen{display:none}.guide-screen{background:radial-gradient(circle at 78% 8%, #d59a3247 0 86px, transparent 87px), linear-gradient(160deg, #203b55f2 0 37%, #a33420f2 37% 50%, #f6efe2f7 50%), var(--ivory);grid-template-rows:auto auto 1fr auto;gap:16px;padding:24px 20px;display:grid}.guide-screen:before{content:"";pointer-events:none;border:1px dashed #f6efe247;border-radius:22px;position:absolute;inset:16px}.guide-stamp{z-index:1;color:#f6efe2db;letter-spacing:0;text-transform:uppercase;border:1px solid #f6efe285;border-radius:999px;width:max-content;max-width:100%;padding:7px 10px;font-family:Georgia,Times New Roman,serif;font-size:11px;font-weight:900;position:relative}.guide-hero{z-index:1;color:var(--ivory);gap:12px;display:grid;position:relative}.guide-copy .eyebrow{margin-bottom:7px}.guide-copy h1{max-width:320px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:58px;line-height:.92}.guide-lede{color:#f6efe2d1;max-width:330px;margin:12px 0 0;font-size:14px;font-weight:720;line-height:1.45}.guide-suitcase{filter:drop-shadow(0 25px 20px #0c182452);justify-self:center;width:min(310px,86%);margin-top:-6px}.guide-suitcase img{width:100%;height:auto;display:block}.guide-steps{z-index:1;align-self:end;gap:8px;padding-right:2px;display:grid;position:relative;overflow:auto}.guide-steps article{background:#fbf4e7e6;border:1px solid #203b5524;border-radius:12px;grid-template-columns:36px 1fr;gap:2px 10px;padding:10px 11px;display:grid;box-shadow:0 10px 18px #14283d1a}.guide-steps article span{background:var(--navy);width:32px;height:32px;color:var(--ivory);border-radius:50%;grid-row:span 2;place-items:center;font-family:Georgia,Times New Roman,serif;font-size:12px;font-weight:900;display:grid}.guide-steps article strong{color:var(--navy-deep);font-size:13px;font-weight:920}.guide-steps article p{color:#17283aa8;margin:0;font-size:11px;font-weight:720;line-height:1.36}.guide-actions{z-index:1;gap:8px;display:grid;position:relative}.guide-primary{background:var(--gold);min-height:48px;color:var(--navy-deep);border:0;border-radius:12px;font-size:14px;font-weight:950;box-shadow:0 14px 24px #14283d3d}.guide-actions p{color:#17283aa8;text-align:center;margin:0;font-size:11px;font-weight:780}.library-screen{padding:22px 18px 18px}.library-poster{min-height:250px;color:var(--ivory);background:linear-gradient(#203b55f5,#14283dfa);border-radius:22px;padding:22px 22px 18px;position:relative;overflow:hidden}.library-poster:before{content:"";background:#d59a32f2;border-radius:50%;width:210px;height:210px;position:absolute;top:-54px;left:-42px;transform:scaleX(.42)}.library-poster:after{content:"";background:var(--orange);border-radius:70px 70px 0 0;width:170px;height:170px;position:absolute;bottom:-42px;right:-24px}.eyebrow{z-index:1;color:#f6efe2c2;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:850;position:relative}.library-poster h1{z-index:1;max-width:245px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:58px;line-height:.88;position:relative}.library-poster p:not(.eyebrow){z-index:1;color:#f6efe2d1;max-width:292px;margin:12px 0 0;font-size:13px;font-weight:650;line-height:1.35;position:relative}.home-meta{z-index:2;flex-wrap:wrap;gap:7px;margin-top:13px;display:flex;position:relative}.home-meta span{color:#f6efe2db;background:#f6efe21f;border:1px solid #f6efe238;border-radius:999px;padding:6px 8px;font-size:11px;font-weight:850}.palette-row{z-index:2;gap:7px;margin-top:15px;display:flex;position:relative}.swatch{border:2px solid #f6efe275;border-radius:50%;width:23px;height:23px}.swatch-navy{background:var(--navy-deep)}.swatch-blue{background:var(--blue)}.swatch-gold{background:var(--gold)}.swatch-orange{background:var(--orange)}.master-suitcase-card{background:linear-gradient(135deg, #ffffff42, transparent 48%), var(--paper);width:100%;min-height:184px;color:var(--ink);text-align:left;border:1px solid #203b5529;border-radius:14px;grid-template-columns:170px 1fr;align-items:center;gap:14px;margin-top:12px;padding:12px;display:grid;box-shadow:0 16px 24px #14283d21}.master-suitcase-image{background:#203b5514;border-radius:12px;height:156px;position:relative;overflow:hidden}.master-suitcase-image img{width:190%;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.master-copy strong{font-family:Georgia,Times New Roman,serif;font-size:24px;line-height:.98;display:block}.master-copy small{background:var(--gold);color:var(--navy-deep);border-radius:999px;margin-top:10px;padding:7px 9px;font-size:11px;font-weight:900;display:inline-flex}.chapter-drawer{background:#fbf4e7c7;border:1px solid #203b5529;border-radius:12px;margin-top:12px;padding:13px}.drawer-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.drawer-title h2{color:var(--navy-deep);margin:0;font-family:Georgia,Times New Roman,serif;font-size:20px}.drawer-title button{background:var(--gold);min-height:30px;color:var(--navy-deep);border:1px solid #203b5533;border-radius:8px;font-size:12px;font-weight:900}.chapter-list{scrollbar-width:none;gap:8px;min-height:120px;max-height:calc(100svh - 610px);margin-top:10px;display:grid;overflow:auto}.chapter-list::-webkit-scrollbar{display:none}.suitcase-library{scrollbar-width:none;gap:10px;max-height:calc(100% - 278px);margin-top:12px;padding-bottom:14px;display:grid;overflow:auto}.suitcase-library::-webkit-scrollbar{display:none}.chapter-chip{width:100%;color:var(--ink);text-align:left;background:#f6efe2d6;border:1px dashed #203b5538;border-radius:9px;gap:3px;padding:10px 11px;display:grid}.chapter-chip strong{font-size:13px;font-weight:900}.chapter-chip small{color:#17283aa3;font-size:11px;font-weight:750}.suitcase-card{background:linear-gradient(135deg, #fff3, transparent 48%), var(--paper);min-height:128px;color:var(--ink);text-align:left;border:1px solid #203b5529;border-radius:12px;grid-template-columns:116px 1fr;align-items:center;gap:12px;padding:12px;display:grid;position:relative;box-shadow:0 14px 22px #14283d1f}.suitcase-card.is-create{background:#203b5512;border-style:dashed;grid-template-columns:1fr;min-height:78px}.mini-suitcase{background:#f6efe2bd;border-radius:10px;height:98px;position:relative;overflow:hidden}.mini-suitcase img{width:165%;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}.card-copy strong{font-family:Georgia,Times New Roman,serif;font-size:22px;line-height:1;display:block}.card-copy p{color:#17283aad;margin:6px 0 9px;font-size:12px;font-weight:650;line-height:1.24}.card-stats,.theme-pills{flex-wrap:wrap;gap:5px;display:flex}.card-stats span,.theme-pills span{color:var(--navy-deep);background:#d59a322e;border-radius:999px;padding:5px 7px;font-size:10px;font-weight:850}.phone{background:linear-gradient(180deg, #f6efe2fa, #e5d8c4fa), var(--ivory)}.topbar{z-index:14;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:16px 16px 4px;display:grid;position:relative}.brand-lockup{justify-content:center;align-items:center;gap:9px;min-width:0;display:flex}.brand-mark{background:var(--gold);width:34px;height:34px;color:var(--navy-deep);border:1px solid #14283d3d;border-radius:50%;flex:none;place-items:center;font-family:Georgia,Times New Roman,serif;font-size:13px;font-weight:900;display:grid}.brand-kicker{max-width:184px;color:var(--navy-deep);text-overflow:ellipsis;white-space:nowrap;margin:0;font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:900;line-height:1;overflow:hidden}h2{color:#17283a9e;margin:3px 0 0;font-size:11px;font-weight:800}.back-chip,.edit-chip,.close-sheet,.pack-button,.remove-button{background:var(--paper);min-height:36px;color:var(--navy-deep);border:1px solid #203b5533;border-radius:8px;font-size:12px;font-weight:900;box-shadow:0 8px 14px #14283d14}.back-chip,.edit-chip{padding:0 10px}.edit-chip.is-active{background:var(--orange);color:var(--ivory)}.theme-ribbon{z-index:12;width:max-content;max-width:calc(100% - 40px);color:var(--ivory);background:#203b55eb;border-radius:999px;margin:3px auto 0;padding:6px 11px;font-size:11px;font-weight:850;position:relative}.journey-strip{z-index:12;grid-template-columns:repeat(4,1fr);gap:7px;padding:7px 17px 0;display:grid;position:relative}.age-stamp{color:#17283ab8;min-height:31px;transform:rotate(var(--tilt,-1deg));background:#fbf4e7d1;border:1px dashed #203b555c;border-radius:7px;font-family:Georgia,Times New Roman,serif;font-size:11px;font-weight:900}.age-stamp:nth-child(2){--tilt:1.6deg}.age-stamp:nth-child(3){--tilt:-.8deg}.age-stamp:nth-child(4){--tilt:1deg}.age-stamp.is-active{background:var(--gold);color:var(--navy-deep);border-style:solid}.suitcase-scene{z-index:5;touch-action:none;outline:none;width:100%;height:calc(100% - 142px);min-height:512px;margin:0 auto;position:relative}.scene-backdrop{filter:blur(2px);background:radial-gradient(circle at 52% 45%,#d59a3257,#0000 43%),radial-gradient(circle at 18% 64%,#526a7d40,#0000 34%),radial-gradient(circle at 82% 28%,#a334202e,#0000 32%);border-radius:42% 42% 28% 28%;position:absolute;inset:2% 0 7%}.open-glow{z-index:2;opacity:0;background:radial-gradient(circle,#d59a32a3,#d59a321f 42%,#0000 70%);border-radius:50%;height:48%;transition:opacity .64s,transform .8s;position:absolute;top:24%;left:8%;right:8%;transform:scale(.7)}.suitcase-img{z-index:3;filter:drop-shadow(0 28px 24px #14283d42);-webkit-user-select:none;user-select:none;pointer-events:none;width:min(126%,570px);max-width:none;transition:opacity .54s,transform .72s cubic-bezier(.2,.85,.22,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.suitcase-img-open{opacity:0;transform:translate(-50%,-45%)scale(.96)}.app[data-open=true] .open-glow{opacity:1;transform:scale(1)}.app[data-open=true] .suitcase-img-closed{opacity:0;transform:translate(-50%,-54%)scale(.95)}.app[data-open=true] .suitcase-img-open{opacity:1;transform:translate(-50%,-50%)scale(1)}.lock-click{z-index:7;background:var(--gold);opacity:.72;border-radius:4px;width:22px;height:14px;transition:transform .42s,opacity .42s;position:absolute;top:53%;box-shadow:0 3px 8px #14283d3d}.lock-click-left{left:35%}.lock-click-right{right:35%}.app[data-open=true] .lock-click-left{opacity:0;transform:translate(-8px,-12px)rotate(-18deg)}.app[data-open=true] .lock-click-right{opacity:0;transform:translate(8px,-12px)rotate(18deg)}.exterior-layer,.interior-layer{z-index:8;transition:opacity .32s,transform .42s;position:absolute;inset:0}.exterior-layer{pointer-events:auto}.exterior-layer:before,.exterior-layer:after{content:"";z-index:1;pointer-events:none;position:absolute}.exterior-layer:before{background:linear-gradient(90deg,#f6efe214,#0000 42%),#203b552e;border:1px dashed #f6efe294;border-radius:6px;width:74px;height:44px;top:33%;left:22%;transform:rotate(-8deg);box-shadow:166px 92px 0 -22px #d59a3261,208px 34px 0 -24px #f6efe26b}.exterior-layer:after{opacity:.5;border:2px double #f6efe261;border-left:0;border-right:0;border-radius:50%;width:88px;height:54px;top:32%;right:23%;transform:rotate(12deg)}.interior-layer{z-index:9;opacity:0;pointer-events:none;transition:opacity .44s .16s,transform .56s .12s;transform:translateY(16px)scale(.98)}.app[data-open=true] .exterior-layer{opacity:0;pointer-events:none;transform:translateY(-10px)scale(.98)}.app[data-open=true] .interior-layer{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.keepsake,.inside-item{transform:translate3d(-50%, -50%, 0) rotate(var(--r));filter:drop-shadow(0 10px 9px #14283d33);will-change:left, top, transform;position:absolute}.keepsake{opacity:0;color:var(--ink);text-align:left;border:0;animation:.56s forwards settle}.age-1 .keepsake[data-age="1"],.age-3 .keepsake[data-age="1"],.age-3 .keepsake[data-age="3"],.age-6 .keepsake[data-age="1"],.age-6 .keepsake[data-age="3"],.age-6 .keepsake[data-age="6"],.age-12 .keepsake{opacity:1}@keyframes settle{0%{opacity:0;transform:translate3d(-50%, -45%, 0) rotate(calc(var(--r) - 5deg)) scale(.94)}to{opacity:1;transform:translate3d(-50%, -50%, 0) rotate(var(--r)) scale(1)}}.polaroid{width:var(--w);background:var(--paper);border-radius:3px;padding:7px 7px 19px;position:relative;box-shadow:0 14px 17px #14283d33}.polaroid:before,.polaroid:after{content:"";z-index:2;pointer-events:none;background:#dcbc80b8;width:38px;height:13px;position:absolute;box-shadow:0 1px 2px #14283d14}.polaroid:before{top:9px;left:-12px;transform:rotate(-26deg)}.polaroid:after{top:-4px;right:-12px;transform:rotate(18deg)}.exterior-object{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent;cursor:grab;min-width:44px;min-height:44px}.exterior-object *,.exterior-object img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.exterior-object.is-dragging{cursor:grabbing;filter:drop-shadow(0 18px 18px #14283d52);transition:none}html.is-dragging,body.is-dragging{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grabbing;overflow:hidden}body.is-dragging *{touch-action:none}.exterior-object.is-selected{outline:2px dashed var(--gold);outline-offset:4px}.polaroid img{aspect-ratio:1;object-fit:cover;filter:saturate(.9)contrast(1.04);border-radius:2px;width:100%;display:block}.polaroid span{text-align:center;margin-top:6px;font-family:Georgia,Times New Roman,serif;font-size:11px;font-weight:900;display:block}.polaroid b,.polaroid small{display:block}.polaroid small{color:#17283a94;margin-top:3px;font-size:8px;font-weight:800;line-height:1.15}.ticket,.pass,.note,.postcard,.label,.sticker,.badge,.stamp,.airmail{width:var(--w);min-height:var(--h,52px);background:var(--paper);border-radius:7px;padding:9px 10px;overflow:hidden;box-shadow:0 12px 15px #14283d29}.ticket:before,.postcard:before,.note:before,.pass:before{content:"";pointer-events:none;opacity:.2;background-image:linear-gradient(90deg,#203b5557 1px,#0000 1px),linear-gradient(0deg,#203b553d 1px,#0000 1px);background-size:13px 13px;position:absolute;inset:0}.ticket{background:#f2d79d;border:1px dashed #14283d6b}.pass{background:#d7e0df;border:1px solid #203b5533}.pass:after{content:"";border-left:1px dashed #14283d47;position:absolute;top:9px;bottom:9px;right:28%}.note{background:#e7d8c2;border-radius:3px}.note:after{content:"";background:#d59a32ad;border-radius:2px;width:48%;height:13px;position:absolute;top:-4px;left:15%}.note p{margin:0;font-family:Georgia,Times New Roman,serif;font-size:13px;font-style:italic;font-weight:900;line-height:1.15;position:relative}.postcard{background:#f1e7d7;border-radius:3px;min-height:76px}.postcard:after{content:"";background:#526a7d57;border:1px solid #203b5559;border-radius:3px;width:23px;height:18px;position:absolute;top:10px;right:10px}.label{background:#e8dfcb;border:1px solid #203b5538;border-radius:4px}.envelope-mini{background:#efe2cf;border:1px solid #203b5538;border-radius:6px}.envelope-object{width:var(--w);min-height:var(--h,74px);color:var(--navy-deep);filter:drop-shadow(0 12px 10px #14283d2e);background:0 0;border:0;border-radius:7px;padding:0;position:relative;overflow:hidden}.envelope-object:before,.envelope-object:after{display:none}.envelope-back-flap{z-index:1;background:linear-gradient(160deg,#ffffff61,#203b550f),#e9d7b9;border:1px solid #203b5533;border-radius:7px 7px 0 0;position:absolute;inset:25% 0 0}.envelope-back-flap:before{content:"";clip-path:polygon(0 0,50% 100%,100% 0);background:linear-gradient(160deg,#ffffff57,#203b550d),#ecdcc2;height:52%;position:absolute;top:0;left:0;right:0}.letter-window{z-index:2;filter:drop-shadow(0 4px 5px #14283d1c);border-radius:3px 3px 0 0;height:34%;position:absolute;top:2px;left:13%;right:13%;overflow:hidden}.letter-window .letter-paper{background:repeating-linear-gradient(#0000 0 15px,#203b551a 16px 17px),#f7eddb;border:1px solid #203b5521;border-bottom:0;padding:7px 8px 0;position:absolute;inset:0;overflow:hidden}.envelope-front-pocket{z-index:3;clip-path:polygon(0 20%,50% 0,100% 20%,100% 100%,0 100%);background:linear-gradient(32deg,#0000 48%,#203b5529 49% 51%,#0000 52%),linear-gradient(-32deg,#0000 48%,#203b551c 49% 51%,#0000 52%),#e3cfad;border-radius:0 0 7px 7px;height:73%;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -7px 12px #14283d1c}.envelope-object strong,.envelope-object small{z-index:1;max-width:100%;display:block;position:relative}.envelope-object strong{font-family:Georgia,Times New Roman,serif;font-size:9px;line-height:1.08}.envelope-object small{color:#17283a9e;margin-top:3px;font-size:7px;line-height:1.15}.envelope-object .letter-paper em,.envelope-flap,.peek-letter,.envelope-object .envelope-pocket{display:none}.envelope-airmail{background:repeating-linear-gradient(135deg,#a3342085 0 5px,#0000 5px 10px) 0 0/100% 7px no-repeat,repeating-linear-gradient(135deg,#203b5580 0 5px,#0000 5px 10px) 0 100%/100% 7px no-repeat,linear-gradient(160deg,#ffffff8c,#0000 45%),#f2e6d4;border-color:#203b5552}.envelope-mini:before{content:"";background:linear-gradient(32deg,#0000 48%,#203b552e 49% 51%,#0000 52%),linear-gradient(-32deg,#0000 48%,#203b5521 49% 51%,#0000 52%);position:absolute;inset:0}.checklist-ticket{background:#dbe1dc;border:1px dashed #203b555c}.stamp-object,.inside-stamp{--stamp-paper:#efe2cf;--stamp-ink:#17283ab8;--stamp-edge:#f6efe2;width:var(--w);height:var(--h,104px);min-height:var(--h,104px);background:radial-gradient(circle at 78% 18%, #d59a322e, transparent 25%), repeating-linear-gradient(0deg, #14283d0a 0 1px, transparent 1px 5px), linear-gradient(135deg, #ffffff7a, transparent 42%), var(--stamp-paper);outline-offset:-7px;color:var(--navy-deep);text-align:center;isolation:isolate;border:0;border-radius:0;outline:1px solid #203b5547;flex-direction:column;justify-content:flex-start;align-items:center;padding:10px 8px 8px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 5px #f6efe2b8,inset 0 0 0 7px #203b552e,0 12px 16px #14283d29}.stamp-object:before,.inside-stamp:before{content:"";pointer-events:none;background:radial-gradient(circle at 0 7px, var(--stamp-edge) 0 3.8px, transparent 4px) 0 0 / 11px 11px repeat-y, radial-gradient(circle at 100% 7px, var(--stamp-edge) 0 3.8px, transparent 4px) 100% 0 / 11px 11px repeat-y, radial-gradient(circle at 7px 0, var(--stamp-edge) 0 3.8px, transparent 4px) 0 0 / 11px 11px repeat-x, radial-gradient(circle at 7px 100%, var(--stamp-edge) 0 3.8px, transparent 4px) 0 100% / 11px 11px repeat-x;position:absolute;inset:-1px}.stamp-object:after,.inside-stamp:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#0000 0 78%,#203b5529 78% 79%,#0000 79%),radial-gradient(circle at 35% 42%,#fff3,#0000 38%);border:1px solid #203b5557;position:absolute;inset:9px}.stamp-object .stamp-art,.inside-stamp .stamp-art{border:1px solid #203b5526;border-radius:3px;width:100%;height:38px;margin-bottom:5px;display:block;overflow:hidden}.stamp-object img,.inside-stamp img{object-fit:cover;filter:saturate(.72)sepia(.18)contrast(1.08);width:100%;height:100%}.stamp-illustration{z-index:1;background:linear-gradient(135deg, #ffffff52, transparent 45%), var(--stamp-paper);clip-path:inset(0);border:1px solid #203b5547;width:calc(100% - 18px);height:64%;margin:18px auto 4px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #f6efe261}.stamp-illustration:after{content:"";mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#f6efe229 0 1px,#0000 1px 4px),#203b550a;position:absolute;inset:0}.stamp-illustration img{object-fit:cover;width:100%;height:100%;display:block}.stamp-denom{z-index:1;color:var(--gold);font-family:Georgia,Times New Roman,serif;font-size:12px;font-weight:900;line-height:1;display:block;position:absolute;top:8px;left:9px}.stamp-year{z-index:1;color:var(--stamp-ink);font-size:6px;font-weight:900;line-height:1;position:absolute;top:9px;right:9px}.stamp-country{z-index:1;max-width:62px;color:var(--stamp-ink);letter-spacing:.04em;text-transform:uppercase;transform-origin:100% 0;font-family:Georgia,Times New Roman,serif;font-size:6px;font-weight:900;line-height:1;position:absolute;top:23px;right:6px;transform:rotate(90deg)}.stamp-object strong,.inside-stamp strong{z-index:1;text-transform:uppercase;max-width:calc(100% - 18px);margin:0 auto;font-family:Georgia,Times New Roman,serif;font-size:6px;line-height:1.05;display:block;position:relative}.stamp-object strong span,.inside-stamp strong span{display:block}.stamp-object small,.inside-stamp small{z-index:1;color:var(--stamp-ink);text-transform:uppercase;margin-top:1px;font-size:5px;font-weight:900;display:block;position:relative}.postmark{opacity:.52;border:1px solid #203b555c;border-left:0;border-right:0;border-radius:50%;width:48px;height:30px;position:absolute;top:12px;right:-17px;transform:rotate(-16deg)}.stamp-passport{--stamp-paper:#dce6e0;--stamp-ink:#203b55ad;background:radial-gradient(circle at 45% 38%, #f6efe261, transparent 30%), repeating-linear-gradient(0deg, #203b550a 0 1px, transparent 1px 5px), var(--stamp-paper)}.stamp-poster{--stamp-paper:#1d3854;--stamp-ink:#f6efe2b8;background:radial-gradient(circle at 44% 38%, #d59a322e, transparent 32%), repeating-linear-gradient(0deg, #f6efe20d 0 1px, transparent 1px 5px), var(--stamp-paper);color:var(--ivory);border-color:#d59a329e}.stamp-poster small{color:#f6efe2b8}.stamp-poster .stamp-denom{color:var(--gold)}.stamp-poster .stamp-illustration{border-color:#d59a328f}.stamp-poster .stamp-year,.stamp-poster .stamp-country,.stamp-poster small{color:#f6efe2ad}.stamp-botanical{--stamp-paper:#d9dfcc;--stamp-ink:#17283ab3;background:radial-gradient(circle at 44% 41%, #f6efe261, transparent 30%), radial-gradient(circle at 72% 28%, #d59a3247, transparent 28%), var(--stamp-paper)}.stamp-postal{--stamp-paper:#f0dfb2;--stamp-ink:#17283aad}.ticket-object{width:var(--w);min-height:var(--h,58px);background:#f1d596;border:1px dashed #14283d61;border-radius:5px;padding:10px 12px;position:relative;overflow:hidden}.ticket-object:after{content:"";border-left:1px dashed #14283d40;position:absolute;top:9px;bottom:9px;right:28%}.ticket-stub{border-left:1px dashed #14283d3d;position:absolute;inset:0 29% 0 auto}.ticket-object strong,.ticket-object small{z-index:1;max-width:68%;display:block;position:relative}.ticket-object strong{font-family:Georgia,Times New Roman,serif;font-size:13px;line-height:1.05}.ticket-object small{color:#17283aa8;margin-top:7px;font-size:9px;font-weight:850;line-height:1.15}.boarding-pass{background:repeating-linear-gradient(90deg,#203b5514 0 1px,#0000 1px 12px),#eee2c9}.paper-scrap{width:var(--w);min-height:var(--h,44px);color:var(--navy-deep);background:#e9dcc3;border:1px solid #203b552e;border-radius:3px;padding:10px;position:relative;box-shadow:0 12px 15px #14283d29}.paper-scrap:before{content:"";background:#d59a3294;border-radius:2px;height:13px;position:absolute;top:-5px;left:13px;right:18px;transform:rotate(-4deg)}.paper-scrap strong,.paper-scrap small{z-index:1;display:block;position:relative}.paper-scrap strong{font-family:Georgia,Times New Roman,serif;font-size:12px;font-style:italic;line-height:1.08}.paper-scrap small{color:#17283a94;margin-top:5px;font-size:8px;font-weight:850}.airmail-label{background:repeating-linear-gradient(135deg, #a334208c 0 4px, transparent 4px 8px) 0 0 / 100% 6px no-repeat, repeating-linear-gradient(135deg, #203b558c 0 4px, transparent 4px 8px) 0 100% / 100% 6px no-repeat, var(--paper);padding:8px 9px}.airmail-label:before{display:none}.postcard-scrap{background:linear-gradient(90deg,#0000 0 62%,#203b551a 62% 63%,#0000 63%),#efe5d2}.sticker{background:var(--blue);color:var(--ivory);text-align:center;border:2px solid #f6efe2b8;border-radius:999px}.sticker.is-gold{background:var(--gold);color:var(--navy-deep)}.sticker.is-orange{background:var(--orange);color:var(--ivory)}.badge{aspect-ratio:1;background:var(--orange);border:2px solid var(--gold);color:var(--ivory);text-align:center;border-radius:50%;place-items:center;display:grid}.stamp{width:var(--w);min-height:var(--h,44px);color:var(--navy-deep);text-align:center;background:#f6efe2c2;border:2px solid #203b5570;border-radius:50%;place-items:center;font-family:Georgia,Times New Roman,serif;font-size:11px;font-weight:900;display:grid}.airmail{background:var(--paper);border:1px solid #203b5538;border-radius:2px}.airmail:before{content:"";background-color:#0000;background-image:repeating-linear-gradient(135deg,#a3342080 0 8px,#0000 8px 16px),repeating-linear-gradient(45deg,#203b5580 0 8px,#0000 8px 16px);background-position:top,bottom;background-repeat:repeat-x;background-size:100% 8px,100% 8px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.ticket strong,.pass strong,.sticker strong,.badge strong,.postcard strong,.label strong,.envelope-mini strong,.checklist-ticket strong{font-size:12px;line-height:1.08;display:block;position:relative}.ticket small,.pass small,.sticker small,.badge small,.postcard small,.label small,.note small,.envelope-mini small,.checklist-ticket small{color:#17283ab3;margin-top:5px;font-size:10px;line-height:1.15;display:block;position:relative}.sticker small,.badge small{color:inherit;opacity:.82}.memory-status{z-index:18;color:#17283abd;text-align:center;background:#fbf4e7e0;border:1px solid #203b553d;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:136px;min-height:52px;padding:9px 10px;font-size:11px;font-weight:850;display:flex;position:absolute;bottom:91px;left:18px;transform:rotate(-2deg);box-shadow:0 10px 18px #14283d1f}.fab{z-index:25;background:var(--gold);width:88px;min-height:48px;color:var(--navy-deep);border:1px dashed #14283d61;border-radius:8px;position:absolute;bottom:92px;right:22px;transform:rotate(3deg);box-shadow:0 16px 28px #14283d2e}.fab span{font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:900;display:block}.app[data-menu=true] .fab{background:var(--orange);color:var(--ivory);transform:rotate(0)translateY(2px)}.add-menu{z-index:24;background:var(--paper);opacity:0;pointer-events:none;transform-origin:100% 100%;border:1px solid #203b5538;border-radius:10px;width:188px;padding:10px;transition:opacity .18s,transform .22s;position:absolute;bottom:154px;right:17px;transform:translateY(10px)rotate(1deg)scale(.97);box-shadow:0 18px 35px #14283d3d}.app[data-menu=true] .add-menu{opacity:1;pointer-events:auto;transform:translateY(0)rotate(1deg)scale(1)}.add-menu button{width:100%;min-height:48px;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:8px;gap:2px;margin:2px 0;padding:8px 10px;display:grid}.add-menu button:hover,.add-menu button:focus-visible{background:#d59a3238;outline:none}.add-menu span{font-size:13px;font-weight:900}.add-menu small{color:#17283a9e;font-size:11px;font-weight:700}.bottom-nav{z-index:16;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbf4e7e0;border:1px solid #203b553d;border-radius:14px;grid-template-columns:repeat(4,1fr);gap:7px;padding:8px;display:grid;position:absolute;bottom:12px;left:12px;right:12px;box-shadow:0 16px 24px #14283d26}.nav-tab{color:#17283ab8;background:0 0;border:0;border-radius:9px;place-items:center;gap:2px;min-height:44px;font-size:10px;font-weight:900;display:grid}.nav-tab span{width:20px;height:20px;color:var(--navy-deep);background:#f6efe2b3;border:1px solid #203b553d;border-radius:6px;place-items:center;font-family:Georgia,Times New Roman,serif;font-size:11px;font-weight:900;display:grid}.nav-tab.is-active{background:var(--navy);color:var(--ivory)}.nav-tab.is-active span{background:var(--gold)}.inside-item{opacity:0;color:var(--ink);text-align:left;background:0 0;border:0;animation:.56s forwards revealInside}@keyframes revealInside{0%{opacity:0;transform:translate3d(-50%, -42%, 0) rotate(calc(var(--r) + 5deg)) scale(.96)}to{opacity:1;transform:translate3d(-50%, -50%, 0) rotate(var(--r)) scale(1)}}.inside-polaroid,.inside-letter,.inside-envelope,.inside-dream,.inside-souvenir,.inside-postcard,.inside-checklist,.inside-label{width:var(--w);min-height:var(--h,104px);background:var(--paper);border-radius:7px;padding:12px;overflow:hidden;box-shadow:0 15px 22px #14283d30}.inside-polaroid{padding:8px 8px 22px}.inside-polaroid img{aspect-ratio:1;object-fit:cover;border-radius:2px;width:100%;display:block}.inside-polaroid small{color:#17283a94;text-align:center;margin-top:6px;font-size:10px;font-weight:850;display:block}.inside-polaroid span,.inside-polaroid b{text-align:center;display:block}.inside-polaroid span{margin-top:7px;font-family:Georgia,Times New Roman,serif;font-size:12px;font-weight:900;line-height:1.1}.inside-polaroid span small{margin-top:4px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:8px;line-height:1.15}.inside-polaroid p,.inside-letter p,.inside-envelope p,.inside-dream p,.inside-souvenir p,.inside-postcard p,.inside-stamp p,.inside-checklist p,.inside-label p{color:#17283ac2;margin:7px 0 0;font-family:Georgia,Times New Roman,serif;font-size:12px;font-weight:900;line-height:1.16}.inside-envelope{background:#efe2cf}.inside-envelope:before{content:"";background:linear-gradient(32deg,#0000 48%,#203b5524 49% 51%,#0000 52%),linear-gradient(-32deg,#0000 48%,#203b551a 49% 51%,#0000 52%);position:absolute;inset:0}.inside-envelope strong,.inside-envelope small,.inside-stamp strong,.inside-stamp small,.inside-checklist strong,.inside-checklist small,.inside-label strong,.inside-label small{display:block;position:relative}.inside-envelope strong,.inside-checklist strong,.inside-label strong{font-size:13px;line-height:1.12}.inside-envelope small,.inside-checklist small,.inside-label small{color:#17283aad;margin-top:8px;font-size:11px;line-height:1.18}.inside-stamp{text-align:center}.inside-checklist{background:#dbe1dc}.inside-label{background:#e8dfcb}.inside-letter{width:var(--w);min-height:var(--h,112px);box-shadow:none;filter:drop-shadow(0 15px 18px #14283d2e);background:0 0;padding:0;position:relative;overflow:hidden}.inside-letter:before,.inside-letter:after{display:none}.inside-letter .envelope-back-flap{border-radius:7px;top:24%}.inside-letter .letter-window{height:36%;top:0;left:12%;right:12%}.inside-letter .letter-window .letter-paper{background:repeating-linear-gradient(#0000 0 19px,#203b5521 20px 21px),#f7eddb;padding:10px 10px 0}.inside-letter .letter-window .letter-paper strong,.inside-letter .letter-window .letter-paper small,.inside-letter .letter-window .letter-paper em{z-index:1;display:block;position:relative}.inside-letter .letter-window .letter-paper strong{font-family:Georgia,Times New Roman,serif;font-size:12px;line-height:1.05}.inside-letter .letter-window .letter-paper small{color:#17283a8a;margin-top:3px;font-size:8px;font-weight:850}.inside-letter .letter-window .letter-paper em{display:none}.inside-letter .envelope-front-pocket{border-radius:0 0 7px 7px;height:74%}.inside-letter .envelope-pocket{display:none}.wax{z-index:4;background:var(--orange);border-radius:50%;width:28px;height:28px;position:absolute;bottom:12px;right:12px;box-shadow:inset 0 -3px 7px #14283d33}.inside-dream{background:#dbe1dc}.inside-souvenir{background:#f1d596;border:1px dashed #14283d5c}.inside-souvenir:after{content:"";border-left:1px dashed #14283d3d;position:absolute;top:14px;bottom:14px;right:30%}.inside-postcard{background:#d8e0de}.inside-dream strong,.inside-souvenir strong,.inside-postcard strong{font-size:13px;line-height:1.1;display:block;position:relative}.inside-dream small,.inside-souvenir small,.inside-postcard small{color:#17283aad;margin-top:8px;font-size:11px;line-height:1.15;display:block;position:relative}.app[data-edit=true] .keepsake{animation:.9s ease-in-out infinite alternate editWiggle}@keyframes editWiggle{0%{transform:translate3d(-50%, -50%, 0) rotate(calc(var(--r) - 1.3deg))}to{transform:translate3d(-50%, -50%, 0) rotate(calc(var(--r) + 1.3deg))}}.memory-sheet,.editor-sheet,.create-sheet{z-index:50;opacity:0;pointer-events:none;background:#14283d61;place-items:end center;padding:18px;transition:opacity .22s;display:grid;position:fixed;inset:0}.memory-sheet.is-open,.editor-sheet.is-open,.create-sheet.is-open{opacity:1;pointer-events:auto}.sheet-panel{background:linear-gradient(#fbf4e7fa,#e8d8c2fa);border:1px solid #203b553d;border-radius:22px 22px 14px 14px;width:min(420px,100%);max-height:calc(100svh - 34px);padding:12px 20px 20px;transition:transform .26s;overflow:auto;transform:translateY(26px);box-shadow:0 25px 60px #14283d57}.editor-sheet[data-type=letter] .editor-panel{background:linear-gradient(32deg,#0000 0 44%,#203b5514 45% 47%,#0000 48%),linear-gradient(-32deg,#0000 0 44%,#203b5512 45% 47%,#0000 48%),#f0e4d1}.editor-sheet[data-type=letter] .editor-panel textarea{background:repeating-linear-gradient(#0000 0 27px,#203b5521 28px 29px),#fbf4e7e0;min-height:170px;font-family:Georgia,Times New Roman,serif;line-height:1.45}.memory-sheet.is-open .sheet-panel,.editor-sheet.is-open .sheet-panel,.create-sheet.is-open .sheet-panel{transform:translateY(0)}.sheet-handle{background:#203b5542;border-radius:999px;width:54px;height:5px;margin:0 auto 12px}.sheet-title-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.sheet-title-row h2{color:var(--navy-deep);margin:0;font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:900}.create-step{background:linear-gradient(135deg,#ffffff6b,#0000 45%),#fbf4e7b8;border:1px dashed #203b5538;border-radius:12px;margin-top:13px;padding:13px;position:relative}.create-step>span{background:var(--gold);color:var(--navy-deep);text-transform:uppercase;border-radius:999px;margin-bottom:6px;padding:5px 8px;font-size:10px;font-weight:950;display:inline-block}.create-step>strong{color:var(--navy-deep);font-family:Georgia,Times New Roman,serif;font-size:19px;line-height:1;display:block}.create-step p{color:#17283aa8;margin:8px 0 0;font-size:12px;font-weight:750;line-height:1.3}.create-final{background:repeating-linear-gradient(135deg,#a334202e 0 8px,#0000 8px 16px) 0 0/100% 6px no-repeat,repeating-linear-gradient(135deg,#203b552e 0 8px,#0000 8px 16px) 0 100%/100% 6px no-repeat,#fbf4e7c7}label{margin-top:12px;display:block}label span{color:#17283ab3;margin:0 0 6px 3px;font-size:12px;font-weight:900;display:block}.checkbox-row{align-items:center;gap:9px;margin-top:13px;display:flex}.checkbox-row input{flex:none;width:18px;height:18px}.checkbox-row span{margin:0}input,textarea,select{width:100%;color:var(--ink);background:#fbf4e7e0;border:1px solid #203b553d;border-radius:10px;outline:none;padding:11px 12px;box-shadow:inset 0 1px 2px #14283d0f}textarea{resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 4px #d59a322e}.field-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pack-button{background:var(--navy);width:100%;min-height:48px;color:var(--ivory);margin-top:16px}.editor-actions{grid-template-columns:1fr auto;align-items:end;gap:10px;display:grid}.remove-button{min-width:90px;color:var(--orange);background:#a334201f;margin-top:16px}.reward-toast{z-index:80;background:var(--gold);width:116px;min-height:78px;color:var(--navy-deep);text-align:center;border:1px solid #14283d47;border-radius:8px;place-items:center;padding:12px;font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:900;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 36px #14283d47}.placement-toolbar{z-index:62;background:#fbf4e7f0;border:1px solid #203b5538;border-radius:12px;grid-template-columns:repeat(6,auto);gap:6px;padding:8px;display:none;position:fixed;bottom:104px;left:50%;transform:translate(-50%);box-shadow:0 16px 28px #14283d38}.placement-toolbar.is-open{display:grid}.placement-toolbar button{background:var(--navy);min-height:34px;color:var(--ivory);border:1px solid #203b552e;border-radius:8px;font-size:11px;font-weight:900}#deleteObjectButton{color:var(--orange);background:#a3342024}.notebook-page{background:radial-gradient(circle at 97% 7%,#203b5529 0 28px,#0000 29px),linear-gradient(90deg,#a334202e 0 2px,#0000 2px 100%),repeating-linear-gradient(#0000 0 30px,#203b5524 31px 32px),#f3ead8;border:1px solid #203b552e;border-radius:10px;width:min(84%,350px);height:52%;padding:16px 16px 14px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)rotate(-1deg);box-shadow:0 18px 30px #14283d38}.notebook-page:before{display:none}.notebook-page:after{content:"";border:2px dotted #203b5552;border-radius:3px;width:48px;height:40px;position:absolute;top:13px;right:13px;transform:rotate(8deg)}.notebook-head{border-bottom:1px dashed #203b553d;justify-content:space-between;align-items:start;gap:12px;padding-bottom:10px;display:flex}.notebook-head strong{font-family:Georgia,Times New Roman,serif;font-size:21px;line-height:1;display:block}.notebook-head small{color:#17283aa3;margin-top:4px;font-size:11px;font-weight:900;display:block}.notebook-add{background:var(--gold);min-height:32px;color:var(--navy-deep);border:1px solid #203b552e;border-radius:7px;flex:none;padding:0 10px;font-size:11px;font-weight:950}.checklist-scroll{scrollbar-width:thin;height:calc(100% - 48px);padding:7px 2px 0;overflow:auto}.check-row{border-bottom:1px solid #203b5514;grid-template-columns:1fr auto;align-items:center;gap:5px 8px;padding:7px 0;display:grid}.check-row label{align-items:center;gap:8px;margin:0;font-size:13px;font-weight:850;display:flex}.check-row input{width:16px;height:16px}.check-row small{color:#17283a94;font-size:10px;font-weight:800}.check-row.is-complete span{color:#17283a7a;text-decoration:line-through}.row-actions{flex-wrap:wrap;grid-column:1/-1;gap:5px;display:flex}.row-actions button{min-height:25px;color:var(--navy-deep);background:#f6efe2d1;border:1px solid #203b5529;border-radius:6px;font-size:10px;font-weight:850}.photo-viewer{z-index:70;opacity:0;pointer-events:none;background:#14283d85;place-items:center;padding:22px;transition:opacity .2s;display:grid;position:fixed;inset:0}.photo-viewer.is-open{opacity:1;pointer-events:auto}.photo-viewer figure{background:var(--paper);border-radius:9px;width:min(360px,100%);margin:0;padding:12px 12px 18px;transform:rotate(-1deg);box-shadow:0 28px 54px #14283d57}.photo-viewer img{aspect-ratio:1;object-fit:cover;border-radius:4px;width:100%;display:block}.photo-viewer figcaption{color:var(--navy-deep);margin-top:10px;font-family:Georgia,Times New Roman,serif;font-size:16px;font-weight:900}.photo-viewer button{background:var(--navy);width:100%;min-height:40px;color:var(--ivory);border:1px solid #203b5533;border-radius:8px;margin-top:12px;font-weight:900}.reward-toast.is-flying{animation:.9s cubic-bezier(.2,.8,.2,1) forwards flyToSuitcase;display:grid}@keyframes flyToSuitcase{0%{opacity:0;transform:translate(-50%,-45%)scale(1.08)rotate(-5deg)}20%{opacity:1}78%{opacity:1;transform:translate(-30%,48%)scale(.52)rotate(10deg)}to{opacity:0;transform:translate(-18%,74%)scale(.28)rotate(16deg)}}.app[data-theme=orange]{--navy:#23384a;--navy-deep:#162634;--blue:#536b76;--gold:#d49b2f;--orange:#b6461f}.app[data-theme=airmail]{--navy:#284259;--navy-deep:#172b3d;--blue:#6b7f87;--gold:#c9973b;--orange:#a7462d}.app[data-theme=film]{--navy:#1b344e;--navy-deep:#102238;--blue:#536d82;--gold:#d69a32;--orange:#a33420}@media (width<=460px){.app{padding:0}.guide-screen,.library-screen,.phone{border:0;border-radius:0;width:100%;height:100svh;min-height:680px}.library-poster h1{font-size:54px}.brand-kicker{max-width:150px;font-size:20px}.suitcase-scene{height:calc(100% - 138px);min-height:492px}.suitcase-img{width:min(132%,572px)}.bottom-nav{bottom:9px;left:9px;right:9px}}@media (height<=760px){.guide-screen,.library-screen,.phone{min-height:100svh}.suitcase-scene{height:calc(100% - 130px);min-height:460px}.journey-strip{padding-top:4px}}