:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#302f2c;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f3ef;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 50% 42%,#ffffffb8 0,#fff0 48%),#f5f3ef;min-height:100dvh}.hansoom-page{--page-inline:clamp(1.25rem, 5vw, 3rem);--page-block:clamp(1.75rem, 5vh, 3.5rem);isolation:isolate;width:100%;height:100dvh;padding:max(var(--page-block), env(safe-area-inset-top)) var(--page-inline) max(var(--page-block), env(safe-area-inset-bottom));text-align:center;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden}.hansoom-date{z-index:1;color:#6f6c65;font-variant-numeric:tabular-nums;letter-spacing:-.015em;justify-self:center;font-size:clamp(.8125rem,2.8vw,.9375rem);font-weight:420;line-height:1.5;position:relative}.hansoom-content{grid-template-rows:minmax(0,1fr) minmax(0,1fr) minmax(1rem,.5fr);min-height:0;display:grid}.hansoom-count{z-index:1;place-self:center;position:relative}.hansoom-footer p{margin:0}.count-trigger{color:inherit;cursor:pointer;font:inherit;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;padding:.35rem .75rem;position:relative}.count-label,.count-value{display:block}.count-label{color:#6f6c65;letter-spacing:.015em;font-size:clamp(.75rem,2.7vw,.875rem);font-weight:480;line-height:1.5}.count-value{color:#3a3935;font-variant-numeric:tabular-nums;letter-spacing:0;white-space:nowrap;justify-content:center;margin-top:.28rem;font-size:clamp(1.8rem,8.6vw,3rem);font-weight:330;line-height:1.15;display:flex}.count-digit,.count-separator{flex:none;margin-left:-.055em;display:inline-block}.count-digit:first-child,.count-separator:first-child{margin-left:0}.count-digit{text-align:center;width:.62em;height:1.15em;position:relative;overflow:hidden}.count-separator{text-align:center;width:.32em}.count-digit-new,.count-digit-old{line-height:1.15;display:block}.count-digit--changed .count-digit-new,.count-digit--changed .count-digit-old{will-change:transform, opacity;position:absolute;inset:0}.count-digit--changed .count-digit-old{animation:.92s cubic-bezier(.32,.08,.34,1) both count-digit-old}.count-digit--changed .count-digit-new{animation:.92s cubic-bezier(.32,.08,.34,1) both count-digit-new}.count-tooltip{z-index:1;color:#f8f7f3;letter-spacing:-.01em;opacity:0;pointer-events:none;white-space:nowrap;background:#302f2ce6;border:1px solid #302f2c14;border-radius:.55rem;width:max-content;max-width:min(16rem,100vw - 2rem);padding:.48rem .7rem;font-size:.75rem;font-weight:430;line-height:1.4;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + .45rem);left:50%;transform:translate(-50%,.25rem)}.count-trigger:focus-visible{outline-offset:.2rem;border-radius:.65rem;outline:2px solid #302f2c9e}.hansoom-action{z-index:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;transform:translateY(-2.1875rem)}.sigh-button{color:#34332f;cursor:pointer;min-width:9rem;min-height:5.5rem;font:inherit;letter-spacing:-.075em;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;border-radius:999px;padding:1.25rem 1.75rem;font-size:clamp(2.8rem,15vw,6rem);font-weight:360;line-height:1;transition:color .18s,background-color .18s,transform .18s;position:relative}.sigh-button:disabled{cursor:default}.sigh-button--ready:hover{color:#151512;background:#302f2c09}.sigh-button--ready:active{transform:scale(.985)}.sigh-button--sending{animation:2.6s cubic-bezier(.3,.12,.58,1) forwards send-sigh}.sigh-button--sending .sigh-text{animation:1.1s ease-in-out infinite sway-sigh}.sigh-button--revealing{animation:.7s ease-out both reveal-sigh}.sigh-text{display:block}.cooldown-message{color:#858179;letter-spacing:-.02em;margin:0;font-size:clamp(.875rem,3.2vw,1rem);font-weight:400;line-height:1.6;animation:.35s ease-out both reveal-cooldown-message}.realtime-sigh-layer{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.realtime-sigh{top:var(--realtime-sigh-top);left:var(--realtime-sigh-left);color:#34332f75;letter-spacing:-.05em;opacity:0;transform:translate3d(-50%, 0, 0) scale(var(--realtime-sigh-scale));white-space:nowrap;will-change:transform, opacity;font-size:clamp(1.4rem,7.5vw,3rem);font-weight:360;line-height:1;animation:2.2s cubic-bezier(.28,.1,.52,1) forwards realtime-sigh;position:absolute}.sigh-tooltip{z-index:1;color:#f8f7f3;letter-spacing:-.01em;opacity:0;pointer-events:none;white-space:nowrap;background:#302f2ce6;border:1px solid #302f2c14;border-radius:.55rem;width:max-content;padding:.48rem .7rem;font-size:.75rem;font-weight:430;line-height:1.4;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + .2rem);left:50%;transform:translate(-50%,.25rem)}.sigh-button:focus-visible{outline-offset:.35rem;outline:2px solid #302f2c9e}@media (hover:hover) and (pointer:fine){.count-trigger:hover .count-tooltip,.sigh-button--ready:hover .sigh-tooltip{opacity:1;transform:translate(-50%)}}@keyframes send-sigh{0%{opacity:1;transform:translate(0,0)}35%{opacity:.92}to{opacity:0;transform:translate3d(0, var(--sigh-travel-y,-1.75em), 0)}}@keyframes sway-sigh{0%,to{transform:translate(-.045em)rotate(-.45deg)}50%{transform:translate(.045em)rotate(.45deg)}}@keyframes reveal-sigh{0%{opacity:0;transform:translateY(.18em)}to{opacity:1;transform:translate(0,0)}}@keyframes reveal-cooldown-message{0%{opacity:0}to{opacity:1}}@keyframes realtime-sigh{0%{opacity:0;transform:translate3d(-50%, .4rem, 0) scale(var(--realtime-sigh-scale))}18%{opacity:.55}to{opacity:0;transform:translate3d(calc(-50% + var(--realtime-sigh-drift)), -4.4rem, 0) scale(var(--realtime-sigh-scale))}}@keyframes count-digit-old{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translateY(34%)}}@keyframes count-digit-new{0%{opacity:0;transform:translateY(-38%)}to{opacity:1;transform:translate(0,0)}}.hansoom-footer{z-index:1;justify-self:center;position:relative}.hansoom-footer p{color:#6f6c65;letter-spacing:-.02em;font-size:clamp(.8125rem,3vw,.9375rem);font-weight:400;line-height:1.6}@media (max-height:700px){.hansoom-page{--page-block:clamp(1.25rem, 4vh, 2rem)}.hansoom-content{grid-template-rows:minmax(0,1fr) minmax(0,1fr) minmax(.5rem,.35fr)}}@media (prefers-reduced-motion:reduce){.sigh-button,.count-digit--changed .count-digit-new,.count-digit--changed .count-digit-old,.count-tooltip,.sigh-tooltip{transition:none}.sigh-button--sending{animation:.22s ease-out forwards send-sigh-reduced}.sigh-button--sending .sigh-text{animation:none}.sigh-button--revealing{animation:.16s ease-out both reveal-sigh-reduced}.cooldown-message{animation:none}.realtime-sigh{animation:2.2s ease-out forwards realtime-sigh-reduced}.count-digit--changed .count-digit-new,.count-digit--changed .count-digit-old{animation:.12s ease-out both count-digit-reduced}}@keyframes send-sigh-reduced{0%{opacity:1}to{opacity:0}}@keyframes reveal-sigh-reduced{0%{opacity:0}to{opacity:1}}@keyframes realtime-sigh-reduced{0%{opacity:0}18%{opacity:.45}to{opacity:0}}@keyframes count-digit-reduced{0%{opacity:.6}to{opacity:1}}