.fx-petals{z-index:42;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.fx-haptic{clip-path:inset(50%);white-space:nowrap;opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;top:0;left:0;overflow:hidden}.paper-tear{z-index:90;pointer-events:none;display:none;position:fixed;inset:0;overflow:hidden}.paper-tear.is-active{view-transition-name:paper-tear;display:block}.paper-tear-sheet{--tear-h:clamp(22px, 5vw, 40px);background:var(--color-ivory);will-change:transform;filter:drop-shadow(0 0 14px #1d2a4433);position:absolute;inset:0 -8%;transform:translateY(calc(100% + 72px))}.paper-tear-sheet:before,.paper-tear-sheet:after,.paper-tear-edge{content:"";height:var(--tear-h);-webkit-mask:var(--torn-edge) var(--tear-x,50%) bottom / var(--tear-w,100%) 100% no-repeat;-webkit-mask:var(--torn-edge) var(--tear-x,50%) bottom / var(--tear-w,100%) 100% no-repeat;mask:var(--torn-edge) var(--tear-x,50%) bottom / var(--tear-w,100%) 100% no-repeat;position:absolute;left:0;right:0}.paper-tear-sheet:before,.paper-tear-sheet:after{background:var(--color-paper)}.paper-tear-edge{background:var(--color-ivory);--tear-w:150%;--tear-x:30%}.paper-tear-sheet:before{bottom:calc(100% - 1px)}.paper-tear-edge.is-lead{bottom:calc(100% - 6px)}.paper-tear-sheet:after,.paper-tear-edge.is-trail{transform:scaleY(-1)}.paper-tear-sheet:after{--tear-w:180%;--tear-x:85%;top:calc(100% - 1px)}.paper-tear-edge.is-trail{--tear-w:220%;--tear-x:10%;top:calc(100% - 6px)}.paper-tear-mark{width:4.5rem;height:4.5rem;color:var(--color-rose);opacity:.22;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.paper-tear-mark svg{width:100%;height:100%}::view-transition-group(paper-tear){z-index:100;animation:none}::view-transition-old(paper-tear){display:none}::view-transition-new(paper-tear){animation:none}@media (prefers-reduced-motion:reduce){.paper-tear{display:none!important}}