.gbd{--gb-ink:#253061;--gb-ink-soft:#5c6489;--gb-paper:#faf7f0;--gb-paper-deep:#f0ebdf;--gb-card:#fff;--gb-red:#d9482f;--gb-blue:#2c5fc0;--gb-blue-tint:#edf1fb;--gb-line:#e3ddce;color:var(--gb-ink);font-family:var(--font-geist-sans),system-ui,sans-serif}.gbd-display{font-family:var(--font-fraunces),Georgia,serif;font-weight:600;letter-spacing:-.01em}.gbd-hand{font-family:var(--font-caveat),cursive}.gbd-airmail{background:repeating-linear-gradient(-45deg,var(--gb-red) 0 10px,#fff 10px 20px,var(--gb-blue) 20px 30px,#fff 30px 40px)}.gbd-focus:focus-visible{outline:3px solid var(--gb-blue);outline-offset:3px;border-radius:4px}.gbd-overlay{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;background-color:var(--gb-paper);background-image:radial-gradient(circle at 18% 24%,rgba(44,95,192,.055) 0 2px,transparent 2.5px),radial-gradient(circle at 76% 68%,rgba(217,72,47,.045) 0 2px,transparent 2.5px),repeating-linear-gradient(35deg,transparent 0 42px,rgba(37,48,97,.018) 43px 44px,transparent 45px 88px);background-size:72px 72px,96px 96px,120px 120px;transition:opacity .7s ease 1.7s,visibility 0s linear 2.4s}.gbd-overlay.is-open{opacity:0;visibility:hidden;pointer-events:none}@media (prefers-reduced-motion:reduce){.gbd-overlay{transition:opacity .3s ease,visibility 0s linear .3s}}.gbd-env-scene{position:relative;width:min(400px,90vw);height:400px;cursor:pointer;-webkit-tap-highlight-color:transparent}.gbd-env{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);width:min(360px,88vw);height:220px;perspective:900px;filter:drop-shadow(0 20px 28px rgba(37,48,97,.2));transition:opacity .28s ease .9s,transform .28s ease .9s}.is-open .gbd-env{opacity:0;transform:translateX(-50%) translateY(18px)}.gbd-env-body{position:absolute;inset:0;background:var(--gb-card);border:1.5px solid var(--gb-line);border-radius:6px;overflow:hidden;z-index:20}.gbd-env-edge{position:absolute;left:0;right:0;bottom:0;height:12px}.gbd-env-pocket{inset:0;z-index:30;border-radius:6px;background:linear-gradient(to bottom,transparent 0 38%,var(--gb-card) 38.5% 100%);pointer-events:none}.gbd-env-flap,.gbd-env-pocket{position:absolute;border:1.5px solid var(--gb-line)}.gbd-env-flap{top:0;left:0;right:0;height:110px;transform-origin:top center;background:#e9e2d0;clip-path:polygon(0 0,100% 0,50% 100%);z-index:40;transition:transform .65s ease-in-out,opacity .25s ease .5s}.is-open .gbd-env-flap{transform:rotateX(180deg);opacity:0}.gbd-env-seal{position:absolute;left:50%;top:82px;transform:translateX(-50%);width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e86a4f,var(--gb-red) 60%,#b23a24);color:#fff;display:flex;align-items:center;justify-content:center;z-index:41;box-shadow:0 3px 8px rgba(178,58,36,.4);transition:opacity .4s ease,transform .4s ease}.is-open .gbd-env-seal{opacity:0;transform:translateX(-50%) translateY(-28px) rotate(18deg)}.gbd-env-card{position:absolute;left:50%;bottom:48px;width:min(300px,74vw);height:200px;transform:translateX(-50%) translateY(0);opacity:0;background:var(--gb-card);border:1.5px solid var(--gb-line);border-radius:10px;z-index:25;box-shadow:0 10px 28px rgba(37,48,97,.15);transition:transform .9s cubic-bezier(.2,.7,.2,1) .55s,opacity .25s ease .6s}.is-open .gbd-env-card{transform:translateX(-50%) translateY(-180px) scale(1.5);opacity:1}@media (max-width:480px){.is-open .gbd-env-card{transform:translateX(-50%) translateY(-180px) scale(1.25)}}.gbd-env-card .gbd-cover,.gbd-env-card .gbd-cover img{width:100%;height:100%}.gbd-env-card .gbd-cover img{object-fit:contain}.gbd-env-card .gbd-cover p{font-size:clamp(1rem,4vw,1.45rem)}.gbd-env-addr{transition:opacity .3s ease .4s}.is-open .gbd-env-addr{opacity:0}.gbd-env-hint{position:absolute;bottom:0;left:0;right:0;text-align:center;transition:opacity .3s ease}.is-open .gbd-env-hint{opacity:0}@media (prefers-reduced-motion:reduce){.gbd-env,.gbd-env-card,.gbd-env-flap,.gbd-env-seal{transition:none}}.gbd-cell{min-width:0}.gbd-note{break-inside:avoid;background:var(--gb-card);border:1.5px solid var(--gb-line);border-radius:10px;box-shadow:0 6px 18px rgba(37,48,97,.08)}.gbd-cell:nth-child(3n+1) .gbd-note{transform:rotate(-.6deg)}.gbd-cell:nth-child(3n+2) .gbd-note{transform:rotate(.5deg)}.gbd-cell:nth-child(3n) .gbd-note{transform:rotate(-.3deg)}@media (prefers-reduced-motion:no-preference){.gbd-note{transition:transform .2s ease}.gbd-note:hover{transform:rotate(0deg) translateY(-2px)}}