:root{--cream: #fffaf0;--paper: #fbf1dc;--ink: #4a3b55;--ink-soft: #85768f;--coral: #ff7b8a;--coral-deep: #e8566a;--mint: #bdebd9;--mint-deep: #5cb898;--butter: #ffe08a;--lav: #e7e0f5;--spring: cubic-bezier(.34, 1.56, .64, 1);--soft: cubic-bezier(.22, .8, .3, 1);--shadow: 0 2px 0 rgba(120, 80, 60, .08), 0 10px 28px -8px rgba(40, 25, 60, .35);--st: env(safe-area-inset-top, 0px);--sb: env(safe-area-inset-bottom, 0px);--sl: env(safe-area-inset-left, 0px);--sr: env(safe-area-inset-right, 0px);--hand: "Patrick Hand", "Comic Sans MS", cursive}html,body{margin:0;height:100%;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#111a38,#080d1f 55%,#03050c);font-family:Fredoka,system-ui,sans-serif;color:var(--ink);-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;-webkit-font-smoothing:antialiased}#app{position:fixed;top:0;right:0;bottom:0;left:0}#app canvas{display:block}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;overflow:clip}:where(#ui) button{font-family:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}:where(#ui) button:focus-visible{outline:3px solid var(--butter);outline-offset:2px}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 120% 90% at 50% 50%,transparent 55%,rgba(20,16,50,.38) 100%)}.btn{pointer-events:auto;min-height:48px;padding:0 26px;border-radius:999px;font-size:18px;font-weight:600;letter-spacing:.01em;transition:transform .25s var(--spring),box-shadow .2s}.btn:active{transform:translateY(2px) scale(.97)}.btn-coral{background:var(--coral)!important;color:#fff!important;box-shadow:0 4px 0 var(--coral-deep),0 10px 24px -8px #e8566ab3}.btn-coral:active{box-shadow:0 2px 0 var(--coral-deep)}.title{--arch: "Jost", "Futura", "Avenir Next", system-ui, sans-serif;--paper: #f3f1ec;--line: rgba(243, 241, 236, .34);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;text-align:left;padding:calc(var(--st) + 52px) 28px calc(var(--sb) + 30px);font-family:var(--arch);color:var(--paper);background:linear-gradient(180deg,#090e26c7,#090e2600 30%,#090e2600 58%,#090e26d1);transition:opacity 1s var(--soft);z-index:50}.title.leaving{opacity:0;pointer-events:none}.title.leaving .title-top{transform:translateY(-24px)}.title.leaving .title-bottom{transform:translateY(24px)}.title-top,.title-bottom{width:100%;max-width:440px;align-self:center;transition:transform 1s var(--soft)}.title-word{margin:0;font-weight:300;font-size:clamp(44px,13.5vw,68px);line-height:1;letter-spacing:-.025em;color:var(--paper);animation:t-fade 1.4s var(--soft) .2s both}.title-sub{margin:14px 0 0;font-weight:400;font-size:16px;line-height:1.45;letter-spacing:.005em;color:#f3f1ecc7;max-width:26em;animation:t-fade 1.4s var(--soft) .6s both}@keyframes t-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.tblock{position:relative;display:grid;grid-template-columns:1fr 1fr;margin:0 0 14px;border:1px solid var(--line);background:#0c1430b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tblock:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--paper);opacity:0;pointer-events:none}.tb-cell{margin:0;padding:9px 12px 10px;border-bottom:1px solid var(--line);animation:t-cell .7s var(--soft) both;animation-delay:calc(.9s + var(--i) * .09s)}.tb-cell:nth-child(odd){border-right:1px solid var(--line)}.tb-cell:nth-last-child(-n+2){border-bottom:0}.tb-k{margin:0;font-size:11px;font-weight:400;letter-spacing:.02em;color:#f3f1ec8c}.tb-v{margin:2px 0 0;font-size:15px;font-weight:500;letter-spacing:.005em;color:var(--paper);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes t-cell{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}.begin{position:relative;display:block;width:100%;height:54px;border-radius:2px!important;background:transparent!important;box-shadow:inset 0 0 0 1px var(--line);overflow:hidden;font-family:var(--arch);transition:background .4s,box-shadow .4s,transform .2s;animation:t-fade 1s var(--soft) 1.5s both}.begin-track{position:absolute;left:0;right:0;bottom:0;height:2px;overflow:hidden}.begin-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--paper);transform-origin:left;transform:scaleX(.03);transition:transform .45s var(--soft)}.begin-loading,.begin-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transition:opacity .35s}.begin-loading{font-size:14px;font-weight:400;letter-spacing:.02em;color:#f3f1ecb3}.begin-label{font-size:17px;font-weight:500;letter-spacing:.06em;color:#0f1a3a;opacity:0}.begin.ready{background:var(--paper)!important;box-shadow:none}.begin.ready .begin-track{opacity:0;transition:opacity .3s}.begin.ready .begin-loading{opacity:0}.begin.ready .begin-label{opacity:1}.begin.ready:active{transform:scale(.985)}@media(prefers-reduced-motion:reduce){.title-word,.title-sub,.tb-cell,.begin{animation:none!important}}@keyframes begin-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.chrome{position:absolute;left:0;right:0;top:0;padding:calc(var(--st) + 10px) calc(var(--sr) + 12px) 0 calc(var(--sl) + 12px);z-index:10}.chrome>*{opacity:0;transform:translateY(-16px) scale(.94);transition:opacity .4s,transform .6s var(--spring)}.chrome.on>*{opacity:1;transform:none}.chrome.on .tracker{transition-delay:.12s}.chrome:not(.on) .round,.chrome:not(.on) .slot,.chrome:not(.on) .riddle{pointer-events:none!important}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px}.glass,.logo,.round,.tracker{background:#fffaf0ed;-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3);box-shadow:var(--shadow)}.logo{display:flex;align-items:center;gap:6px;height:40px;padding:0 16px;border-radius:999px;font-family:Jost,Futura,system-ui,sans-serif;font-weight:500;font-size:16px;letter-spacing:-.005em;white-space:nowrap}.logo-heart{color:var(--coral);font-size:17px}.tb-btns{display:flex;gap:8px}.round{pointer-events:auto;width:46px;height:46px;border-radius:50%;font-size:21px;display:grid;place-items:center;transition:transform .35s var(--spring)}.round:active{transform:scale(.88)}.round.pop{animation:pop .45s var(--spring)}@keyframes pop{0%{transform:scale(.7)}to{transform:scale(1)}}.round.ic{color:var(--ink)}.round.ic svg{width:25px;height:25px;display:block}.compass{pointer-events:auto;position:absolute;top:calc(var(--st) + 66px);right:calc(var(--sr) + 18px);width:44px;height:44px;padding:0;border-radius:50%;color:var(--ink);background:#fffaf0ed!important;-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3);box-shadow:var(--shadow);transition:opacity .4s,transform .6s var(--spring),top .5s var(--spring)}.chrome.on>.compass.below{top:calc(var(--st) + 132px)}.chrome.on>.compass.far{opacity:.78}.chrome:not(.on) .compass{pointer-events:none!important}.chrome.on>.compass:active{transform:scale(.88)}.chrome.on>.compass.pop{animation:pop .45s var(--spring)}.cp-dial{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}.cp-dial svg{display:block;width:100%;height:100%}.cp-index{position:absolute;left:50%;top:1.5px;width:0;height:0;margin-left:-3px;border:3px solid transparent;border-top:4px solid var(--ink);border-bottom:0;opacity:.5}.tracker{display:inline-flex;gap:4px;padding:4px;border-radius:999px;margin-top:8px}.slot{pointer-events:auto;position:relative;width:44px;height:44px;border-radius:50%;background:var(--lav)!important;display:grid;place-items:center;transition:transform .35s var(--spring)}.slot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px dashed #c3b6db}.slot img{position:absolute;top:3px;right:3px;bottom:3px;left:3px;width:calc(100% - 6px);height:calc(100% - 6px);border-radius:50%;object-fit:cover;opacity:0;transform:scale(.4);transition:opacity .3s,transform .5s var(--spring)}.slot-q{font-weight:700;font-size:19px;color:#a797c4;transition:opacity .2s}.slot.found{background:var(--cream)!important}.slot.found:before{border:2.5px solid var(--coral)}.slot.found img{opacity:1;transform:none}.slot.found .slot-q{opacity:0}.slot:active{transform:scale(.9)}.slot.pop{animation:slot-pop .7s var(--spring)}@keyframes slot-pop{0%{transform:scale(1)}30%{transform:scale(1.35) rotate(-8deg)}to{transform:scale(1)}}.riddle{pointer-events:auto;position:absolute;left:calc(var(--sl) + 12px);top:calc(var(--st) + 118px);width:min(300px,calc(100vw - 24px));padding:12px 16px 14px;background:var(--cream);border-radius:18px;box-shadow:var(--shadow);opacity:0!important;transform:translateY(-8px) scale(.9)!important;transform-origin:var(--ax, 30px) -10px;transition:opacity .25s,transform .45s var(--spring)!important;pointer-events:none;box-sizing:border-box}.riddle:before{content:"";position:absolute;top:-7px;left:calc(var(--ax, 30px) - 8px);width:16px;height:16px;background:var(--cream);border-radius:3px;transform:rotate(45deg)}.chrome.on .riddle.on{opacity:1!important;transform:none!important;pointer-events:auto}.rd-title{font-weight:600;font-size:15px;color:var(--coral-deep);margin-bottom:2px}.rd-text{font-family:var(--hand);font-size:20px;line-height:1.2}.rd-go{display:flex!important;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:44px;margin-top:10px;padding:0 14px!important;border-radius:14px;background:#fff1f2!important;color:var(--coral-deep)!important;font-weight:600;font-size:15px;text-align:left;box-shadow:inset 0 0 0 1.5px #ffd0d6;transition:transform .3s var(--spring)}.rd-go:active{transform:scale(.97)}.rd-go-arrow{font-size:22px;line-height:1}.rd-look{margin-top:8px;background:#f3f7ff!important;color:#3f6fb8!important;box-shadow:inset 0 0 0 1.5px #cfe0f7}.slot.nudge{animation:slot-nudge 1.1s var(--soft) 2}.slot.nudge:nth-child(2){animation-delay:.1s}.slot.nudge:nth-child(3){animation-delay:.2s}.slot.nudge:nth-child(4){animation-delay:.3s}@keyframes slot-nudge{0%,to{transform:none}20%{transform:translateY(-5px) rotate(-6deg)}40%{transform:translateY(0) rotate(5deg)}60%{transform:rotate(-3deg)}}.globe-btn{position:absolute;z-index:10;top:calc(var(--st) + 66px);right:calc(var(--sr) + 12px);display:flex!important;flex-direction:column;align-items:center;justify-content:center;width:56px;height:56px;border-radius:18px;background:#fffaf0ed!important;-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3);box-shadow:var(--shadow);opacity:0;transform:translateY(-8px) scale(.8);pointer-events:none!important;transition:opacity .3s,transform .45s var(--spring)}.globe-btn.on{opacity:1;transform:none;pointer-events:auto!important}.globe-btn:active{transform:scale(.9)}.gb-e{font-size:24px;line-height:1}.gb-t{font-size:11px;font-weight:600;color:var(--ink-soft);margin-top:2px}.labels{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.rlabel{position:absolute;left:0;top:0;display:flex;align-items:center;gap:4px;min-height:28px;padding:0 11px 0 8px;border-radius:999px;background:#fffaf0cc!important;color:var(--ink);box-shadow:0 1px #78503c14,0 4px 12px -6px #1e143c59;white-space:nowrap;font-weight:600;font-size:12.5px;letter-spacing:.01em;will-change:transform,opacity;pointer-events:none}.rlabel:before{content:"";position:absolute;top:-8px;right:-6px;bottom:-8px;left:-6px}.rlabel:after{content:"";position:absolute;left:50%;bottom:-4px;width:8px;height:8px;margin-left:-4px;background:inherit;border-radius:2px;transform:rotate(45deg);z-index:-1}.rl-emoji{font-size:14px}.rlabel.rl-cont{min-height:24px;padding:0 8px!important;background:none!important;box-shadow:none;color:#fffaf0e6;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 1px 2px rgba(20,30,70,.6),0 0 8px rgba(20,30,70,.4)}.rlabel.rl-cont:after{display:none}.rlabel:active .rl-name{color:var(--coral-deep)}.toast{position:absolute;left:50%;bottom:calc(var(--sb) + 28px);width:max-content;max-width:min(340px,calc(100vw - 32px));box-sizing:border-box;padding:10px 20px 12px;background:var(--cream);border-radius:20px;text-align:center;box-shadow:var(--shadow);opacity:0;transform:translate(-50%,20px) scale(.9);transition:opacity .3s,transform .5s var(--spring);z-index:12}.toast.on{opacity:1;transform:translate(-50%)}.toast-main{font-weight:600;font-size:17px}.toast-sub{font-family:var(--hand);font-size:19px;color:var(--ink-soft);line-height:1.2;margin-top:2px}.ctl-hint{position:absolute;left:50%;bottom:calc(var(--sb) + 28px);display:flex;flex-direction:column;gap:4px;padding:12px 20px;background:#fffaf0e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:22px;box-shadow:var(--shadow);opacity:0;transform:translate(-50%,24px);transition:opacity .6s,transform .7s var(--spring);z-index:11}.ctl-hint.on{opacity:1;transform:translate(-50%);pointer-events:auto;cursor:pointer}.ch-close{align-self:center;margin-top:4px;font-size:12px;color:#8a7f86}.ch-item{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:500;white-space:nowrap}.ch-e{width:24px;text-align:center;font-size:18px}.info{pointer-events:none;position:absolute;left:calc(var(--sl) + 12px);right:calc(var(--sr) + 12px);bottom:calc(var(--sb) + 14px);max-width:440px;margin:0 auto;z-index:8;opacity:0;transform:translateY(40px) scale(.96);transition:opacity .2s,transform .45s var(--spring)}.info.on{pointer-events:auto;opacity:1;transform:none}.info-body{position:relative;display:flex;gap:12px;align-items:center;padding:14px;background:var(--cream);border-radius:24px;box-shadow:var(--shadow)}.info-icon{flex:none;width:58px;height:58px;border-radius:50%;background:var(--mint);display:grid;place-items:center;font-size:32px;box-shadow:inset 0 -3px #0000000f;overflow:hidden}.info-icon.portrait{background:var(--cream);box-shadow:0 0 0 3px var(--coral)}.info-icon img{width:100%;height:100%;object-fit:cover}.info-text{min-width:0;flex:1;padding-right:30px}.info-name{font-weight:600;font-size:20px;line-height:1.1}.info-role{font-size:14px;color:#b8405a;font-weight:500;margin-top:2px}.info-status{display:inline-block;margin-top:6px;padding:3px 10px 4px;background:#eef8f2;color:#3f7d68;border-radius:10px;font-size:13.5px;line-height:1.25}.info-x{pointer-events:auto;position:absolute!important;top:4px;right:4px;width:44px;height:44px;font-size:26px;color:var(--ink-soft)!important;line-height:1}.info-dots{position:absolute;bottom:7px;left:0;right:0;display:flex;justify-content:center;gap:5px;pointer-events:none}.info-dots span{width:6px;height:6px;border-radius:50%;background:#e4d9e6;transition:background .2s,transform .3s var(--spring)}.info-dots span.on{background:var(--coral);transform:scale(1.25)}.bubble{position:relative;margin:0 8px 22px 34px;padding:12px 18px 13px;background:#fff;border-radius:26px;box-shadow:var(--shadow);max-width:360px;box-sizing:border-box}.bubble.pop{animation:bubble-pop .5s var(--spring)}@keyframes bubble-pop{0%{transform:scale(.85) translateY(8px);opacity:.3}to{transform:none;opacity:1}}.bubble-text{font-family:var(--hand);font-size:21px;line-height:1.2;color:var(--ink);overflow-wrap:anywhere}.bubble-more{display:block;margin-top:4px;text-align:right;font-size:12px;font-weight:600;color:#b8405a;letter-spacing:.02em}.bubble-tail{position:absolute;background:#fff;border-radius:50%;box-shadow:0 4px 10px -4px #28193c59}.bubble-tail.b1{width:14px;height:14px;left:8px;bottom:-12px}.bubble-tail.b2{width:8px;height:8px;left:-2px;bottom:-22px}.scrim{pointer-events:auto;position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#1c143800;transition:background .35s;padding:calc(var(--st) + 16px) calc(var(--sr) + 16px) calc(var(--sb) + 16px) calc(var(--sl) + 16px);box-sizing:border-box}.scrim.on{background:#1c14386b}.scrim.off{background:#1c143800;pointer-events:none}.scrim-modal{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;align-items:flex-start}.scrim-sheet{align-items:flex-end;padding:calc(var(--st) + 60px) var(--sr) 0 var(--sl)}.scrim-sheet.on{background:#1c14384d}.modal{display:flex;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:440px;max-height:100%;opacity:0;transform:translateY(40px) scale(.9);transition:opacity .25s,transform .55s var(--spring)}.scrim-modal>.modal{flex-shrink:0;margin-block:auto}.scrim-modal>.modal:not(.letter-modal){max-height:none}.scrim.on .modal{opacity:1;transform:none}.scrim.off .modal{opacity:0;transform:translateY(30px) scale(.95);transition:opacity .25s,transform .3s var(--soft)}.modal-actions{display:flex;justify-content:center}.sheet{position:relative;width:100%;max-width:520px;max-height:100%;overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;padding:8px 18px calc(var(--sb) + 24px);background:var(--cream);border-radius:28px 28px 0 0;box-shadow:0 -10px 40px -10px #140a2880;transform:translateY(100%);transition:transform .5s var(--spring)}.scrim.on .sheet{transform:none}.scrim.off .sheet{transform:translateY(100%);transition:transform .35s var(--soft)}.grabber{width:44px;height:5px;border-radius:5px;background:#e5d9cc;margin:4px auto 10px}.sheet-title{margin:0 0 12px;font-weight:600;font-size:24px}.place-list{display:flex;flex-direction:column;gap:8px}.place-row{display:flex!important;align-items:center;gap:14px;min-height:64px;padding:8px 12px 8px 8px!important;border-radius:18px;background:#fff!important;box-shadow:0 2px #78503c12;text-align:left;transition:transform .3s var(--spring)}.place-row:active{transform:scale(.97)}.pr-emoji{flex:none;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:26px;background:var(--paper)}.place-row:nth-child(4n+2) .pr-emoji{background:var(--mint)}.place-row:nth-child(4n+3) .pr-emoji{background:#ffe1e4}.place-row:nth-child(4n+4) .pr-emoji{background:var(--lav)}.pr-text{flex:1;min-width:0;display:flex;flex-direction:column}.pr-name{font-weight:600;font-size:17px}.pr-blurb{font-family:var(--hand);font-size:17px;color:var(--ink-soft);line-height:1.15}.pr-go{font-size:28px;color:#d8c8bd;font-weight:400}.sec-head{display:flex;align-items:baseline;justify-content:space-between;margin:18px 2px 10px}.sec-name{font-weight:600;font-size:17px}.places .sec-head.first{margin-top:2px}.sec-count{font-size:14px;color:var(--ink-soft)}.album-fam{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.af{display:flex!important;flex-direction:column;align-items:center;gap:5px;padding:4px 0!important}.af-ring{width:68px;height:68px;border-radius:50%;background:var(--lav);display:grid;place-items:center;overflow:hidden;box-shadow:inset 0 0 0 2px #cfc3e3}.af.found .af-ring{background:var(--cream);box-shadow:0 0 0 3px var(--coral),0 6px 14px -6px #e8566a99}.af-ring img{width:100%;height:100%;object-fit:cover}.af-q{font-weight:700;font-size:26px;color:#a797c4}.af-name{font-weight:500;font-size:14px}.af:not(.found) .af-name{color:#b4a8c4}.letter-btn{display:block;margin:18px auto 4px}.pc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pc-cell{display:flex!important;flex-direction:column;align-items:center;gap:6px;padding:10px 4px!important;border-radius:16px;background:#fff!important;box-shadow:0 2px #78503c12;transition:transform .3s var(--spring)}.pc-cell:active{transform:scale(.95) rotate(-1deg)}.pc-cell:not(.have){background:transparent!important;box-shadow:inset 0 0 0 2px #eee0d2}.pc-stamp{width:54px;height:62px;padding:4px;box-sizing:border-box;background:radial-gradient(circle,transparent 2.4px,#fff 2.9px) -4px -4px / 8px 8px;filter:drop-shadow(0 2px 3px rgba(80,50,40,.25))}.pc-stamp-in{display:grid;place-items:center;width:100%;height:100%;background:#ffe7d2;border:1.5px solid #f2c7a9;box-sizing:border-box;font-size:26px}.pc-cell:nth-child(3n+2) .pc-stamp-in{background:#dff3ea;border-color:#b4dfcc}.pc-cell:nth-child(3n+3) .pc-stamp-in{background:#ece6f8;border-color:#cfc3e8}.pc-cell:not(.have) .pc-stamp{background:none;filter:none}.pc-cell:not(.have) .pc-stamp-in{background:none;border:2px dashed #e6d7c7;color:#e2cfbf;font-size:22px;border-radius:6px}.pc-name{font-size:13px;font-weight:500;line-height:1.15;text-align:center;padding:0 2px}.pc-cell:not(.have) .pc-name{color:#c4b3a3}.pc-empty,.pc-tip{font-family:var(--hand);font-size:18px;color:var(--ink-soft);text-align:center;margin:14px 0 0}.reset-link{display:block;margin:26px auto 0;min-height:36px;font-size:12px!important;color:#cdbfb3!important;text-decoration:underline}.postcard{position:relative;width:100%;box-sizing:border-box;padding:20px 20px 18px;background:repeating-linear-gradient(180deg,transparent 0 31px,rgba(160,120,90,.13) 31px 32px) 0 118px / 100% calc(100% - 180px) no-repeat,linear-gradient(160deg,#fffdf6,#fbf1dc);border-radius:10px;box-shadow:0 1px #e8dcc4,0 20px 50px -14px #140a2899;transform:rotate(-1.5deg);color:var(--ink)}.postcard:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1.5px solid rgba(255,123,138,.28);border-radius:6px;pointer-events:none}.pc-new{position:absolute;top:-14px;left:-8px;padding:5px 14px 6px;background:var(--butter);color:#8a5520;font-weight:700;font-size:16px;border-radius:10px;transform:rotate(-10deg);box-shadow:0 3px #e9b95a;animation:new-in .6s var(--spring) .4s both;z-index:2}@keyframes new-in{0%{transform:rotate(-30deg) scale(0)}to{transform:rotate(-10deg) scale(1)}}.pcd-head{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;min-height:96px}.pcd-titles{min-width:0;padding-top:4px}.pcd-greet{font-family:var(--hand);font-size:20px;color:var(--ink-soft)}.pcd-title{position:relative;z-index:1;font-weight:700;font-size:clamp(22px,7.2vw,28px);overflow-wrap:anywhere;line-height:1.02;color:var(--coral-deep);letter-spacing:-.01em;margin-top:2px}.pcd-stamp{flex:none;width:78px;height:92px;padding:5px;box-sizing:border-box;background:radial-gradient(circle,transparent 3px,#fff 3.6px) -5px -5px / 10px 10px;filter:drop-shadow(0 2px 3px rgba(80,50,40,.3));transform:rotate(4deg);animation:stamp-in .6s var(--spring) .15s both}@keyframes stamp-in{0%{transform:rotate(20deg) scale(1.6);opacity:0}to{transform:rotate(4deg) scale(1);opacity:1}}.pcd-stamp-in{position:relative;display:grid;place-items:center;width:100%;height:100%;box-sizing:border-box;background:linear-gradient(180deg,#ffe0e3,#ffd0a8);border:2px solid #fff;outline:1px solid #f2b8a8;font-size:38px}.pcd-stamp-v{position:absolute;bottom:2px;right:4px;font-size:10px;font-weight:600;color:#b8405a}.pcd-postmark{position:absolute;top:74px;right:58px;width:72px;height:72px;border-radius:50%;border:2px solid rgba(90,80,150,.45);color:#5a509699;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-14deg);font-weight:600;pointer-events:none;animation:stamp-in .5s var(--soft) .45s both;--r: -14deg}.pcd-postmark:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;border:1px solid rgba(90,80,150,.35)}.pm-top{font-size:7.5px;letter-spacing:.06em}.pm-mid{font-size:14px}.pm-waves{position:absolute;left:60px;top:22px;width:70px;height:28px;background:repeating-linear-gradient(180deg,transparent 0 5px,rgba(90,80,150,.4) 5px 7px);-webkit-mask:radial-gradient(12px 6px at 50% 0,transparent 90%,#000) 0 0 / 14px 7px;mask:radial-gradient(12px 6px at 50% 0,transparent 90%,#000) 0 0 / 14px 7px}.pcd-caption{position:relative;margin:14px 0 12px;font-family:var(--hand);font-size:22px;line-height:32px;color:#3d3350}.pcd-addr{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding-top:8px;border-top:1.5px dashed #ead8c2}.pcd-to{font-family:var(--hand);font-size:22px;color:var(--coral-deep)}.pcd-from{font-size:12.5px;color:var(--ink-soft)}.found-card{position:relative;width:100%;box-sizing:border-box;padding:0 22px 22px;background:var(--cream);border-radius:30px;box-shadow:0 24px 60px -16px #140a28b3;text-align:center;margin-top:90px}.found-art{position:relative;height:110px}.found-rays{position:absolute;left:50%;top:-100px;width:340px;height:340px;margin-left:-170px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#ffe08af2 0,#ffe08af2 10deg,#ffe08a00 10deg,#ffe08a00 20deg);-webkit-mask:radial-gradient(circle,#000 30%,transparent 70%);mask:radial-gradient(circle,#000 30%,transparent 70%);animation:spin 18s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.found-ring{position:absolute;left:50%;top:-86px;width:172px;height:172px;margin-left:-86px;border-radius:50%;background:#fff;box-shadow:0 0 0 6px var(--coral),0 0 0 12px #fff,0 14px 30px -6px #e8566a99;overflow:hidden;animation:ring-in .8s var(--spring) .1s both}.found-ring img{width:100%;height:100%;object-fit:cover}@keyframes ring-in{0%{transform:scale(0) rotate(-30deg)}to{transform:none}}.found-title{position:relative;font-weight:700;font-size:30px;color:var(--coral-deep);line-height:1.1;animation:fade-up .6s var(--spring) .35s both}.found-prog{position:relative;display:flex;justify-content:center;align-items:center;gap:4px;margin:8px 0 4px;font-size:22px;color:#e5d4dd;animation:fade-up .6s var(--spring) .45s both}.found-prog span.on{color:var(--coral)}.found-n{font-size:16px;font-weight:600;color:var(--ink-soft);margin-left:6px}.found-lines{position:relative;display:flex;flex-direction:column;gap:8px;margin-top:12px}.found-line{font-family:var(--hand);font-size:20px;line-height:1.2;padding:9px 14px;background:#fff;border-radius:18px;box-shadow:0 2px #78503c12;animation:fade-up .5s var(--soft) both}.found-line:nth-child(1){animation-delay:.55s}.found-line:nth-child(2){animation-delay:.7s}.found-line:nth-child(3){animation-delay:.85s}.together{position:relative;width:100%;box-sizing:border-box;padding:26px 20px 22px;background:var(--cream);border-radius:30px;box-shadow:0 24px 60px -16px #140a28b3;text-align:center}.tg-row{display:flex;justify-content:center;gap:0;margin:-64px 0 10px}.tg-face{width:76px;height:76px;margin:0 -5px;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 0 0 4px var(--coral),0 0 0 8px #fff,0 10px 20px -8px #e8566a99;animation:ring-in .7s var(--spring) both}.tg-face:nth-child(odd){transform:translateY(6px)}.tg-face img{width:100%;height:100%;object-fit:cover}.tg-title{font-weight:700;font-size:30px;color:var(--coral-deep);line-height:1.1;margin-top:8px;animation:fade-up .6s var(--spring) .8s both}.tg-sub{font-family:var(--hand);font-size:20px;line-height:1.25;color:var(--ink-soft);margin-top:6px;animation:fade-up .6s var(--spring) 1s both}.envelope{position:relative;display:block!important;width:190px;height:124px;margin:22px auto 6px;border-radius:10px;background:linear-gradient(170deg,#fff6ea,#f8e3c8)!important;box-shadow:0 2px #eed7b8,0 14px 26px -12px #783c2899;overflow:hidden;animation:env-in .8s var(--spring) 1.2s both,env-wiggle 2.6s ease-in-out 2.4s infinite}.envelope:before,.envelope:after{content:"";position:absolute;bottom:0;width:60%;height:70%;background:#f6dcbc}.envelope:before{left:0;clip-path:polygon(0 0,100% 100%,0 100%)}.envelope:after{right:0;clip-path:polygon(100% 0,100% 100%,0 100%)}.env-flap{position:absolute;left:0;right:0;top:0;height:62%;background:#fbe8d0;clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;transition:transform .5s var(--soft);z-index:2}.env-seal{position:absolute;left:50%;top:62%;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#ff9aa7,var(--coral-deep) 70%);color:#fff5f0;font-size:17px;box-shadow:0 2px #b8405a;z-index:3;transition:transform .4s var(--spring),opacity .3s}.env-to{position:absolute;left:0;right:0;bottom:8px;font-family:var(--hand);font-size:17px;color:#b0563e;z-index:3}.envelope.open{animation:none}.envelope.open .env-flap{transform:scaleY(-1)}.envelope.open .env-seal{transform:scale(1.6);opacity:0}@keyframes env-in{0%{transform:translateY(30px) scale(.6);opacity:0}to{transform:none;opacity:1}}@keyframes env-wiggle{0%,88%,to{transform:none}92%{transform:rotate(-3deg)}96%{transform:rotate(3deg)}}.tg-open{display:block;margin:16px auto 0;animation:fade-up .6s var(--spring) 1.6s both}.together-modal{padding-top:40px;box-sizing:border-box}.letter-modal{max-width:460px;height:100%;justify-content:center}.letter{position:relative;box-sizing:border-box;width:100%;max-height:100%;overflow-y:auto;overscroll-behavior:contain;padding:38px 26px 26px;color:#3d3350;border-radius:6px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .45  0 0 0 0 .32  0 0 0 0 .2  0 0 0 .09 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"),radial-gradient(ellipse at 50% 40%,#fff0 55%,#d6aa7838),linear-gradient(175deg,#fffaf0,#fbf0d9);box-shadow:0 1px #eadbc0,0 30px 70px -20px #0a051ecc}.seal{position:absolute;top:12px;right:18px;width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff9aa7,var(--coral-deep) 70%);color:#fff5f0;display:grid;place-items:center;font-size:22px;box-shadow:0 3px #b8405a,0 6px 12px -4px #961e3299;transform:rotate(12deg)}.lt-greet{font-family:var(--hand);font-size:30px;margin-bottom:10px}.lt-p{font-family:var(--hand);font-size:21px;line-height:1.38;margin:0 0 14px;text-wrap:pretty}.lt-signoff{font-family:var(--hand);font-size:21px;margin-top:20px}.lt-name{font-family:var(--hand);font-size:44px;color:var(--coral-deep);transform:rotate(-4deg);transform-origin:left;margin:2px 0 10px 12px}.lt-ps{font-family:var(--hand);font-size:19px;color:var(--ink-soft);margin-top:6px}.lt-close{display:block;margin:24px auto 4px}.letter .lt-greet,.letter .lt-p,.letter .lt-signoff,.letter .lt-name,.letter .lt-ps{animation:ink-in .9s var(--soft) both}.letter .lt-p:nth-of-type(1){animation-delay:.5s}.letter .lt-p:nth-of-type(2){animation-delay:.9s}.letter .lt-p:nth-of-type(3){animation-delay:1.3s}.letter .lt-p:nth-of-type(4){animation-delay:1.7s}.letter .lt-p:nth-of-type(5){animation-delay:2.1s}.letter .lt-p:nth-of-type(6){animation-delay:2.4s}.letter .lt-signoff{animation-delay:2.7s}.letter .lt-name{animation-delay:3s}.letter .lt-ps{animation-delay:3.4s}@keyframes ink-in{0%{opacity:0;filter:blur(3px);transform:translateY(6px)}to{opacity:1;filter:none}}.letter .lt-name{animation-name:sign-in}@keyframes sign-in{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:rotate(-4deg)}to{opacity:1;clip-path:inset(0 0 0 0);transform:rotate(-4deg)}}.fx-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:40;overflow:hidden}.fx-heart,.fx-dot{position:absolute;line-height:1;border-radius:50%}.fx-heart{text-shadow:0 2px 4px rgba(150,40,70,.25)}.fx-float{z-index:15;opacity:0;transition:opacity 1.4s}.fx-float.on{opacity:1}.fx-rise{position:absolute;bottom:-40px;line-height:1;animation:rise linear forwards;text-shadow:0 2px 6px rgba(150,40,70,.25)}@keyframes rise{0%{transform:translate(0) scale(.6);opacity:0}10%{opacity:.95}50%{transform:translate(var(--sway),-55vh) scale(1)}to{transform:translateY(-115vh) scale(.9);opacity:0}}@media(min-width:700px){.logo{font-size:18px;height:46px}.info{left:calc(var(--sl) + 20px);right:auto;width:420px;bottom:calc(var(--sb) + 20px);margin:0}.sheet{border-radius:28px 28px 0 0}}@media(max-height:520px)and (orientation:landscape){.title{flex-direction:row;align-items:center;padding:calc(var(--st) + 16px) calc(var(--sr) + 24px) calc(var(--sb) + 16px) calc(var(--sl) + 24px)}.title-top,.title-bottom{width:min(33vw,300px)}.title-word{font-size:44px}.title-sub{font-size:14px;margin-top:10px}.tblock{margin-bottom:10px}.tb-cell{padding:6px 10px 7px}.tb-v{font-size:13px}.begin{height:46px}}@media(max-height:520px){.modal{gap:10px}.found-card{margin-top:58px;padding-bottom:14px}.found-art{height:58px}.found-ring{top:-52px;width:104px;height:104px;margin-left:-52px}.found-rays{top:-110px}.found-title{font-size:24px}.found-prog{margin:4px 0 2px;font-size:18px}.found-lines{margin-top:6px;gap:6px}.found-line{font-size:17px;padding:6px 12px}.found-line:nth-child(n+3){display:none}.together-modal{padding-top:34px}.together{padding:18px 18px 16px}.tg-row{margin:-52px 0 6px}.tg-face{width:60px;height:60px}.tg-title{font-size:24px;margin-top:4px}.tg-sub{font-size:17px}.envelope{width:150px;height:96px;margin:12px auto 4px}.tg-open{margin-top:10px}.postcard{padding:12px 18px 10px;background:repeating-linear-gradient(180deg,transparent 0 25px,rgba(160,120,90,.13) 25px 26px) 0 106px / 100% calc(100% - 156px) no-repeat,linear-gradient(160deg,#fffdf6,#fbf1dc)}.pcd-title{font-size:22px}.pcd-caption{font-size:18px;line-height:26px;margin:8px 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}