/* A local sheet curl: the stationary face is exposed beneath a clipped card back. */
.card-peel-host{touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;isolation:isolate}
.card-peel-host.card-peel-dragging{cursor:grabbing}
.card-peel-host:focus-visible{outline:2px solid #fff0b2;outline-offset:5px}
.card-peel-host .card-peel-overlay{position:absolute;inset:0;z-index:20;overflow:hidden;border-radius:6px;pointer-events:none;perspective:480px;background:#fff;--peel-x:0%;--peel-y:50%;--peel-angle:0deg;--peel-fold-length:100%;--peel-curl-width:4px;--peel-shadow-width:20px;--peel-strength:0}
.card-peel-overlay[data-resting=true]{background:transparent}
.card-peel-overlay[data-resting=true] .card-peel-face,.card-peel-overlay[data-resting=true] .card-peel-back{visibility:hidden}
.card-peel-overlay img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill;border-radius:inherit;-webkit-user-drag:none}
.card-peel-face{z-index:0;background:#fff}
.card-peel-back{z-index:2;will-change:clip-path;background:#101418}
.card-peel-fold-shadow{position:absolute;top:var(--peel-y);left:var(--peel-x);z-index:3;width:var(--peel-shadow-width);height:var(--peel-fold-length);opacity:var(--peel-strength);transform:translate(-50%,-50%) rotate(var(--peel-angle)) translateX(-36%);background:linear-gradient(90deg,transparent,#25170608 28%,#25170650 76%,#070403b3);filter:blur(1px);will-change:left,top,height,transform,opacity}
.card-peel-curl{position:absolute;top:var(--peel-y);left:var(--peel-x);z-index:4;width:var(--peel-curl-width);height:var(--peel-fold-length);opacity:var(--peel-strength);transform:translate(-50%,-50%) rotate(var(--peel-angle));transform-origin:center;clip-path:polygon(16% 2%,87% 0,100% 96%,14% 100%,0 53%);filter:drop-shadow(-2px 2px 2px #0006);will-change:left,top,width,height,transform,opacity}
.card-peel-curl-paper{position:absolute;inset:0;background:linear-gradient(90deg,#5e4c33 0%,#c1b596 9%,#f1ebdb 22%,#fffef3 43%,#f4efdf 60%,#c4b99e 78%,#7b6d52 91%,#2b251b 100%);box-shadow:inset 1px 0 1px #fff,inset -1px 0 2px #160e08}
.card-peel-curl-paper:before{content:"";position:absolute;inset:3% 18%;border-left:1px solid #a4864959;border-right:1px solid #fff9;background:repeating-linear-gradient(0deg,#cebfa00d 0 1px,transparent 1px 3px)}
.card-peel-curl-paper:after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,#fff8,transparent 27%,transparent 69%,#8c6a2c33);border-radius:45% 0 0 45%}
.card-peel-edge{position:absolute;top:11%;bottom:11%;width:3px;z-index:5;border-radius:50%;background:linear-gradient(0deg,transparent,#fff3b5 38%,#fffce9 50%,#d9a849 65%,transparent);box-shadow:0 0 5px #f8cf76aa;opacity:.62;animation:card-peel-glimmer 2.8s ease-in-out infinite}
.card-peel-edge-left{left:1px}.card-peel-edge-right{right:1px;animation-delay:1.4s}
.card-peel-edge-top,.card-peel-edge-bottom{left:11%;right:11%;width:auto;height:3px;bottom:auto;background:linear-gradient(90deg,transparent,#fff3b5 38%,#fffce9 50%,#d9a849 65%,transparent)}
.card-peel-edge-top{top:1px;animation-delay:.7s}.card-peel-edge-bottom{top:auto;bottom:1px;animation-delay:2.1s}
.card-peel-dragging .card-peel-edge,.card-peel-overlay[data-state=revealing] .card-peel-edge,.card-peel-overlay[data-open=true] .card-peel-edge{opacity:0;animation:none}
.card-peel-overlay[data-state=loading]:after{content:"";position:absolute;inset:0;z-index:8;background:linear-gradient(110deg,transparent 20%,#fce7b31a 49%,transparent 80%);animation:card-peel-glimmer .8s ease-in-out infinite}
@keyframes card-peel-glimmer{0%,100%{opacity:.26}45%{opacity:.85}60%{opacity:.55}}
@media(prefers-reduced-motion:reduce){.card-peel-edge,.card-peel-overlay[data-state=loading]:after{animation:none}}