:is(.home,.lt-open){--lining:linear-gradient(45deg, transparent 46%, color-mix(in srgb, var(--primary) 22%, transparent) 47% 53%, transparent 54%) 0 0 / 18px 18px, linear-gradient(-45deg, transparent 46%, color-mix(in srgb, var(--primary) 22%, transparent) 47% 53%, transparent 54%) 0 0 / 18px 18px, radial-gradient(circle, color-mix(in srgb, var(--accent) 70%, transparent) 0 1.4px, transparent 2px) 0 0 / 18px 18px, linear-gradient(180deg, color-mix(in srgb, var(--primary) 16%, var(--surface)), color-mix(in srgb, var(--primary) 28%, var(--surface)));--grain-env:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.3  0 0 0 0 0.2  0 0 0 0 0.2  0 0 0 0.12 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.env-sheen{pointer-events:none;border-radius:inherit;background:var(--grain-env) 0 0 / 120px 120px, linear-gradient(172deg, #ffffff52, transparent 38%, transparent 70%, rgb(var(--shadow-rgb) / .07));box-shadow:inset 0 0 0 1px rgb(var(--shadow-rgb) / .1);position:absolute;inset:0}.env-flap .env-sheen{background:var(--grain-env) 0 0 / 120px 120px, linear-gradient(180deg, #ffffff38, rgb(var(--shadow-rgb) / .08));box-shadow:none}:is(.home,.lt-open) .envelope .env-back{background:var(--lining)}:is(.home,.lt-open) .env-flap:after{content:"";background:var(--lining);opacity:0;position:absolute;inset:0}.seal-half{z-index:-1;pointer-events:none;opacity:0;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 -3px 6px #0003,inset 0 2px 3px #ffffff40}.seal-half.l{clip-path:polygon(0 0,52% 0,44% 22%,56% 41%,45% 60%,54% 80%,47% 100%,0 100%)}.seal-half.r{clip-path:polygon(52% 0,100% 0,100% 100%,47% 100%,54% 80%,45% 60%,56% 41%,44% 22%)}.seal.has-logo .seal-half{display:none}@keyframes sealPop{45%{transform:scale(1.14)}}@keyframes sealShell{to{box-shadow:none;background:0 0}}@keyframes sealBreakL{0%{opacity:1;transform:none}55%{opacity:1}to{opacity:0;transform:translate(-18px,46px)rotate(-34deg)scale(.9)}}@keyframes sealBreakR{0%{opacity:1;transform:none}55%{opacity:1}to{opacity:0;transform:translate(18px,52px)rotate(30deg)scale(.9)}}@keyframes sealLift{to{opacity:0;transform:translateY(-18px)scale(.8)rotate(-10deg)}}@keyframes flapOpen{0%{z-index:2;transform:perspective(900px)rotateX(0)}50%{z-index:2}51%{z-index:0}to{z-index:0;transform:perspective(900px)rotateX(180deg)}}@keyframes liningShow{0%,49%{opacity:0;filter:brightness(.75)}50%{opacity:1;filter:brightness(.75)}to{opacity:1;filter:none}}[data-template=midnight] :is(.home,.lt-open){--lining:var(--stars) 0 0 / 120px 120px, radial-gradient(80% 90% at 50% 0%, color-mix(in srgb, var(--accent) 30%, transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--bg) 70%, black), var(--bg))}[data-template=midnight] :is(.home,.lt-open) .env-flap:after{clip-path:polygon(4px 0,calc(100% - 4px) 0,50% calc(60% - 3px))}[data-template=midnight] .env-sheen{box-shadow:none;background:linear-gradient(172deg,#ffffff1a,#0000 40%)}[data-template=garden] :is(.home,.lt-open){--lining:var(--pressed) 0 0 / 34px 34px, var(--pressed) 17px 17px / 34px 34px, color-mix(in srgb, var(--primary) 20%, var(--surface))}[data-template=scrapbook] :is(.home,.lt-open){--lining:linear-gradient(90deg, color-mix(in srgb, var(--primary) 22%, transparent) 50%, transparent 0) 0 0 / 16px 16px, linear-gradient(color-mix(in srgb, var(--primary) 22%, transparent) 50%, transparent 0) 0 0 / 16px 16px, var(--surface)}[data-template=scrapbook] .env-sheen{background:linear-gradient(172deg, #ffffff2e, transparent 40%, rgb(var(--shadow-rgb) / .08))}[data-template=minimal] :is(.home,.lt-open){--lining:repeating-linear-gradient(135deg, color-mix(in srgb, var(--text) 16%, transparent) 0 1px, transparent 1px 7px), var(--surface)}[data-template=minimal] .env-sheen{display:none}[data-template=minimal] :is(.home,.lt-open) .env-flap:after{clip-path:polygon(1.8px 0,calc(100% - 1.8px) 0,50% calc(60% - 1.6px))}[data-template=retro] :is(.home,.lt-open){--lining:repeating-conic-gradient(from -90deg at 50% 0%, var(--accent) 0 7.5deg, color-mix(in srgb, var(--accent) 70%, var(--primary)) 7.5deg 15deg)}[data-template=retro] .env-sheen{box-shadow:none;background:linear-gradient(172deg,#ffffff24,#0000 40%)}[data-template=ocean] :is(.home,.lt-open){--lining:radial-gradient(circle at 50% 100%, transparent 0 8px, color-mix(in srgb, var(--primary) 38%, transparent) 8.5px 10px, transparent 10.5px) 0 0 / 24px 14px, radial-gradient(circle at 50% 100%, transparent 0 8px, color-mix(in srgb, var(--surface) 70%, transparent) 8.5px 10px, transparent 10.5px) 12px 7px / 24px 14px, linear-gradient(180deg, color-mix(in srgb, var(--primary) 26%, var(--surface)), color-mix(in srgb, var(--accent) 34%, var(--surface)))}[data-template=neon] :is(.home,.lt-open){--lining:linear-gradient(color-mix(in srgb, var(--primary) 45%, transparent) 1px, transparent 1px) 0 0 / 16px 16px, linear-gradient(90deg, color-mix(in srgb, var(--accent) 40%, transparent) 1px, transparent 1px) 0 0 / 16px 16px, radial-gradient(90% 80% at 50% 0%, color-mix(in srgb, var(--primary) 30%, transparent), transparent 70%), color-mix(in srgb, var(--surface) 60%, black)}[data-template=neon] :is(.home,.lt-open) .env-flap:after{clip-path:polygon(3px 0,calc(100% - 3px) 0,50% calc(60% - 3px))}[data-template=watercolor] :is(.home,.lt-open){--lining:radial-gradient(55% 60% at 22% 20%, color-mix(in srgb, var(--primary) 60%, transparent), transparent 72%), radial-gradient(50% 55% at 78% 30%, color-mix(in srgb, var(--accent) 75%, transparent), transparent 72%), radial-gradient(60% 50% at 50% 95%, color-mix(in srgb, var(--primary) 30%, transparent), transparent 70%), var(--paper) 0 0 / 200px 200px, var(--surface)}