.tc-layout{justify-items:center;gap:18px;width:min(100%,560px);display:grid}.tc-envelope{aspect-ratio:3/2;background:var(--tc-envelope);width:min(100%,360px);box-shadow:0 18px 36px color-mix(in srgb, var(--tc-envelope) 45%, transparent), inset 0 -2px 0 #00000014;border-radius:10px;position:relative;overflow:hidden}.tc-flap{background:color-mix(in srgb, var(--tc-envelope) 82%, #000);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;height:58%;position:absolute;inset:0 0 auto}.tc-envelope[data-sealed=false] .tc-flap{background:color-mix(in srgb, var(--tc-envelope) 70%, #fff)}.tc-seal{color:#fff3bf;background:radial-gradient(circle at 35% 30%,#e8590c,#a61e4d 70%);border-radius:50%;place-items:center;width:64px;height:64px;display:grid;position:absolute;inset-block-start:58%;inset-inline-start:50%;transform:translate(-50%,-50%);box-shadow:0 4px 10px #00000040}[dir=rtl] .tc-seal{transform:translate(50%,-50%)}.tc-from{color:color-mix(in srgb, var(--tc-envelope) 25%, #1d1b20);font-family:var(--font-display), var(--font-ui), sans-serif;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-weight:700;position:absolute;inset-block-end:12px;inset-inline:16px;overflow:hidden}.tc-sealed{text-align:center;justify-items:center;gap:12px;display:grid}.tc-sealed small{opacity:.8;max-width:40ch;line-height:1.45}.tc-date{margin:0;font-size:1.1rem;font-weight:800}.tc-status{margin:0;font-weight:800}.tc-countdown{direction:ltr;gap:8px;display:flex}.tc-countdown div{background:#fff9;border-radius:14px;justify-items:center;gap:2px;min-width:68px;padding:10px 8px;display:grid;box-shadow:inset 0 0 0 1px #0000000f}.tc-countdown b{font-family:var(--font-display), var(--font-ui), sans-serif;font-variant-numeric:tabular-nums;font-size:1.6rem;line-height:1}.tc-countdown span{opacity:.75;font-size:.75rem;font-weight:700}.tc-button{background:#7048e8;box-shadow:0 10px 22px #7048e84d}.tc-button:focus-visible{outline-offset:3px;outline:3px solid #7048e8}.tc-letter{color:#2d2a4a;background:repeating-linear-gradient(#fffdf7 0 31px,#e9ecef 31px 32px);border-radius:6px;gap:14px;width:min(100%,480px);margin:0;padding:28px 28px 22px;animation:.52s ease-out both tc-unfold;display:grid;box-shadow:0 14px 30px #2d2a4a2e}.tc-letter blockquote{white-space:pre-line;overflow-wrap:anywhere;margin:0;font-size:1.08rem;line-height:32px}.tc-letter figcaption{font-family:var(--font-display), var(--font-ui), sans-serif;overflow-wrap:anywhere;justify-self:end;font-weight:700}.tc-letter figcaption:before{content:"— "}.tc-written{opacity:.7;margin:0;font-size:.85rem;font-weight:700}@keyframes tc-unfold{0%{opacity:0;transform:translateY(24px)scaleY(.6)}to{opacity:1;transform:none}}@media (max-width:420px){.tc-countdown div{min-width:58px;padding:8px 4px}.tc-countdown b{font-size:1.3rem}}@media (prefers-reduced-motion:reduce){.tc-letter{animation:none}}.tc-quick{flex-wrap:wrap;gap:8px;display:flex}