.hc-dialog{width:100%;max-width:100%;max-height:92dvh;color:var(--ink);background:0 0;border:0;outline:none;margin:0;padding:0;position:fixed;inset:auto 0 0;overflow:visible}.hc-dialog::backdrop{background:#0a101ebd;animation:.3s ease-out hc-fade}.hc-dialog[open]{animation:.3s cubic-bezier(.2,.7,.2,1) hc-sheetUp}@media (min-width:640px){.hc-dialog{width:min(460px,100% - 32px);height:fit-content;margin:auto;inset:0}.hc-dialog[open]{animation:.3s cubic-bezier(.2,.7,.2,1) hc-popIn}}@keyframes hc-fade{0%{opacity:0}}@keyframes hc-sheetUp{0%{opacity:0;transform:translateY(60%)}}@keyframes hc-popIn{0%{opacity:0;transform:translateY(12px)rotate(-1.5deg)}}.hc-card{overscroll-behavior:contain;max-height:92dvh;padding:26px 22px calc(20px + env(safe-area-inset-bottom));--focus:var(--azulejo);background-color:var(--paper);background-image:var(--paper-grain);text-align:left;background-size:180px 180px;border-radius:4px 4px 0 0;position:relative;overflow-y:auto;box-shadow:0 -10px 30px -12px #00000080}@media (min-width:640px){.hc-card{box-shadow:var(--shadow-paper);border-radius:2px;padding:34px 34px 26px}}.hc-card:before{content:"";background:#1f223040;border-radius:4px;width:40px;height:4px;position:absolute;top:9px;left:50%;translate:-50%}@media (min-width:640px){.hc-card:before{display:none}}.hc-x{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:2px;place-items:center;display:grid;position:absolute;top:12px;right:12px}.hc-x:hover{background:#1f223014}.hc-x:focus-visible,.hc-back:focus-visible,.hc-reveal:focus-visible{outline:2px solid var(--azulejo);outline-offset:2px}.hc-head{align-items:flex-start;gap:14px;margin:4px 44px 16px 0;display:flex}.hc-date{font-family:var(--font-typed), ui-monospace, monospace;color:var(--ink-soft);border-bottom:1.5px solid var(--ink);flex:1;margin:0;padding-top:6px;padding-bottom:6px;font-size:14px}.hc-stampWrap{filter:drop-shadow(0 1px 1.5px #14100a59);flex:none;animation:.26s cubic-bezier(.3,.7,.4,1) .25s both hc-thunk;rotate:3deg}@keyframes hc-thunk{0%{opacity:0;rotate:5deg;scale:1.15}}.hc-stamp{width:64px;height:76px;color:var(--paper);font-family:var(--font-display), Georgia, serif;background:#fbf7ee;place-items:center;font-size:28px;font-weight:600;line-height:1;display:grid}.hc-stamp>span{background:var(--berry);outline:1.5px solid var(--paper);outline-offset:-5px;place-items:center;width:100%;height:100%;display:grid}.hc-kind{font-family:var(--font-display), Georgia, serif;color:var(--ink-soft);margin:0 0 12px;font-size:17px;font-weight:500}.hc-message,.hc-memory,.hc-setup,.hc-caption,.hc-emptyTitle{font-family:var(--font-display), Georgia, serif;color:var(--ink);overflow-wrap:anywhere;white-space:pre-line;font-style:italic}.hc-message{margin:6px 0 10px;font-size:clamp(22px,6.4vw,28px);font-weight:450;line-height:1.38}.hc-memory{text-align:left;background:repeating-linear-gradient(to bottom, transparent 0 29px, color-mix(in srgb, var(--azulejo) 22%, transparent) 29px 30px), var(--paper-2);background-position:0 14px;border-radius:2px;margin:6px 0 10px;padding:16px 18px;font-size:clamp(20px,5.8vw,25px);line-height:30px;rotate:-.6deg}.hc-joke{margin:6px 0 10px}.hc-setup{margin:0 0 16px;font-size:clamp(22px,6.2vw,27px);font-style:normal;font-weight:550;line-height:1.35}.hc-punch{font-family:var(--font-display), Georgia, serif;color:var(--berry-dark);outline:none;margin:0;font-size:clamp(22px,6.2vw,27px);font-style:italic;line-height:1.35;animation:.3s ease-out hc-punchIn}@keyframes hc-punchIn{0%{opacity:0;transform:translateY(6px)}}.hc-reveal{background:var(--pine);min-height:48px;color:var(--paper);font:inherit;cursor:pointer;border:0;border-bottom:3px solid #1d3f2e;border-radius:2px;padding:0 22px;font-size:16px;font-weight:600}.hc-reveal:active{border-bottom-width:1px;translate:0 2px}.hc-polaroid{width:min(100%,340px);box-shadow:var(--shadow-paper);background:#fff;border-radius:1px;margin:4px auto 14px;padding:10px 10px 14px;animation:.4s ease-out both hc-polaroid;rotate:-1.8deg}@keyframes hc-polaroid{0%{opacity:0;transform:translateY(10px)}}.hc-photo{aspect-ratio:4/3;background:var(--paper-2);overflow:hidden}.hc-photo img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s;display:block}.hc-photo[data-loaded=true] img{opacity:1}.hc-caption{margin:12px 4px 0;font-size:20px;line-height:1.35}.hc-signature{text-align:right;font-family:var(--font-hand), cursive;color:var(--berry-dark);margin:10px 0 0;font-size:28px;line-height:1.1;rotate:-2deg}.hc-pen{padding:0 4px;animation:.5s linear .45s both hc-write;display:inline-block}@keyframes hc-write{0%{clip-path:inset(-20% 100% -20% 0)}to{clip-path:inset(-20% 0)}}.hc-empty{text-align:center;padding:6px 0 4px}.hc-emptyTitle{margin:10px 0 8px;font-size:clamp(22px,6.2vw,26px);line-height:1.35}.hc-hint{color:var(--ink-soft);margin:0;font-size:15px}.hc-gift{background:linear-gradient(90deg, transparent 42%, var(--ember) 42% 58%, transparent 58%), var(--berry);border-radius:2px;width:64px;height:52px;margin:34px auto 4px;animation:1.2s ease-in-out .4s hc-wobble;position:relative}.hc-gift:before{content:"";background:linear-gradient(90deg, transparent 42%, var(--ember) 42% 58%, transparent 58%), var(--berry-dark);border-radius:2px;height:14px;position:absolute;top:-12px;left:-5px;right:-5px}.hc-gift span:before,.hc-gift span:after{content:"";border:4px solid var(--ember);border-radius:50% 50% 0;width:18px;height:14px;position:absolute;top:-26px}.hc-gift span:before{left:12px;rotate:-20deg}.hc-gift span:after{border-radius:50% 50% 50% 0;right:12px;rotate:20deg}@keyframes hc-wobble{0%,to{rotate:0deg}20%{rotate:-5deg}40%{rotate:4deg}60%{rotate:0deg}}.hc-tomorrow{border-top:2px dotted var(--rule);font-family:var(--font-typed), ui-monospace, monospace;color:var(--pine);margin:18px 0 0;padding-top:10px;font-size:14px;font-weight:700}.hc-back{border:1.5px solid var(--ink);width:100%;min-height:50px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:2px;margin-top:18px;font-size:16px;font-weight:600;display:block}.hc-back:hover{background:#1f22300f}.hc-share{border-top:2px dotted var(--rule);margin-top:18px;padding-top:14px}.hc-shareBtn{border:1.5px solid var(--azulejo);width:100%;min-height:50px;color:var(--azulejo);font:inherit;cursor:pointer;background:0 0;border-radius:2px;justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.hc-shareBtn:hover{background:#2a4f9a12}.hc-shareBtn:disabled{opacity:.6;cursor:progress}.hc-shareBtn:focus-visible{outline:2px solid var(--azulejo);outline-offset:2px}.hc-shareHint{color:var(--ink-soft);text-align:center;margin:6px 0 0;font-size:13px}@media (prefers-reduced-motion:reduce){.hc-punch,.hc-polaroid,.hc-photo,.hc-gift,.hc-pen{animation:none!important}.hc-dialog[open],.hc-dialog::backdrop,.hc-stampWrap{animation:.15s ease-out both hc-fade!important}}
