:root{--by-rose:#d6758c;--by-rose-deep:#b84f68;--by-rose-soft:#f9dbe1;--by-cream:#faf5ee;--by-sand:#f0e6d8;--by-espresso:#2a1b18;--by-gold:#cfa861;--by-gold-glow:#cfa86173;--by-yarn-glow:#d6758c66}.by-opening{z-index:999999;width:100vw;height:100dvh;color:var(--by-cream);touch-action:manipulation;perspective:1200px;background:radial-gradient(circle at 50% 30%,#3d232c 0%,#201318 65%,#150a0f 100%);justify-content:center;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:opacity .6s cubic-bezier(.16,1,.3,1),visibility .6s;display:flex;position:fixed;inset:0;overflow:hidden}.by-dust{pointer-events:none;z-index:1;position:absolute;inset:0}.by-particle{top:var(--y,50%);left:var(--x,50%);color:var(--by-gold);opacity:.35;transform:scale(var(--scale,1));animation:3.6s ease-in-out infinite alternate byDustTwinkle;animation-delay:var(--delay,0s);font-size:11px;position:absolute}@keyframes byDustTwinkle{0%{opacity:.15;transform:scale(.7)translateY(0)}to{opacity:.65;transform:scale(1.15)translateY(-14px)}}.by-petals{pointer-events:none;z-index:2;position:absolute;inset:0}.by-petal{top:-40px;left:var(--px,50%);background:radial-gradient(ellipse at 40% 30%, #fbd5de, var(--by-rose));opacity:.55;filter:drop-shadow(0 4px 6px #00000040);width:14px;height:20px;animation:7s linear infinite byPetalFall;animation-delay:var(--pdelay,0s);transform:rotate(var(--prot,0deg));border-radius:60% 40%/70% 30%;position:absolute}@keyframes byPetalFall{0%{opacity:0;transform:translateY(-30px)rotate(0)translate(0)}15%{opacity:.65}85%{opacity:.65}to{opacity:0;transform:translateY(105dvh)rotate(360deg)translate(45px)}}.by-container{z-index:10;box-sizing:border-box;justify-content:center;width:100%;max-width:470px;padding:20px;display:flex;position:relative}.by-card-wrapper{width:100%;transform-style:preserve-3d;background:linear-gradient(145deg,#2f1d24 0%,#1f1217 100%);border-radius:28px;transition:transform .8s cubic-bezier(.16,1,.3,1),box-shadow .8s;position:relative;overflow:hidden;box-shadow:0 25px 60px -10px #000000b3,0 0 0 1px #ffffff14,inset 0 1px #ffffff26}.by-fabric-flap{pointer-events:none;z-index:8;transform-origin:50%;background:linear-gradient(135deg,#d6758c1f 0%,#2a1b1866 100%);height:50%;transition:transform 1.2s cubic-bezier(.19,1,.22,1),opacity .8s;position:absolute;left:0;right:0}.by-fabric-flap--top{transform-origin:top;border-bottom:1.5px dashed #cfa86180;top:0}.by-fabric-flap--bottom{transform-origin:bottom;border-top:1.5px dashed #cfa86180;bottom:0}.by-flap-weave{background-image:radial-gradient(#ffffff0a 1px,#0000 1px);background-size:8px 8px;position:absolute;inset:0}.by-card{z-index:9;box-sizing:border-box;text-align:center;background:radial-gradient(circle at 50% 0,#d6758c17 0%,#0000 60%);padding:38px 28px 30px;position:relative}.by-stitch-border{pointer-events:none;border:1.5px dashed #cfa86147;border-radius:20px;position:absolute;inset:12px}.by-header{flex-direction:column;align-items:center;gap:12px;margin-bottom:20px;display:flex}.by-logo{object-fit:contain;filter:drop-shadow(0 8px 16px #0006);width:78px;height:78px;animation:4s ease-in-out infinite alternate byLogoBreath}@keyframes byLogoBreath{0%{transform:scale(.97)}to{transform:scale(1.03)}}.by-tag{letter-spacing:.16em;text-transform:uppercase;color:var(--by-gold);background:#cfa8611f;border:1px solid #cfa8614d;border-radius:999px;align-items:center;gap:6px;padding:5px 14px;font-size:11px;font-weight:700;display:inline-flex}.by-tag-icon{color:var(--by-gold)}.by-content{margin-bottom:22px}.by-title{color:#fff;letter-spacing:-.02em;text-shadow:0 2px 10px #0000004d;margin:0 0 8px;font-size:24px;font-weight:800;line-height:1.25}.by-subtitle{color:var(--by-rose-soft);margin:0 0 10px;font-size:14px;font-weight:500;line-height:1.45}.by-text{color:#faf5eec7;margin:0;font-size:13px;line-height:1.55}.by-seam-stage{justify-content:center;align-items:center;width:100%;height:56px;margin:12px 0 22px;display:flex;position:relative}.by-seam-svg{width:100%;height:50px;overflow:visible}.by-seam-guide{fill:none;stroke:#ffffff14;stroke-width:2px;stroke-dasharray:4 4}.by-seam-thread{fill:none;stroke:var(--by-rose);stroke-width:3px;stroke-linecap:round;stroke-dasharray:480;stroke-dashoffset:0;filter:drop-shadow(0 0 6px var(--by-yarn-glow));transition:stroke-dashoffset .8s}.by-cross-stitches line{stroke:var(--by-gold);stroke-width:2px;stroke-linecap:round;opacity:.85;filter:drop-shadow(0 0 3px var(--by-gold-glow));transition:opacity .4s,transform .4s}.by-needle{z-index:12;pointer-events:none;filter:drop-shadow(0 6px 12px #0009);transform-origin:20px 116px;transition:left .8s cubic-bezier(.2,.8,.2,1),transform .6s;animation:2.4s ease-in-out infinite byNeedlePlunge;position:absolute;top:-18px;left:20%;transform:rotate(22deg)}@keyframes byNeedlePlunge{0%,to{transform:translate(0)rotate(22deg)}30%{transform:translate(14px,12px)rotate(8deg)}60%{transform:translate(6px,-4px)rotate(28deg)}}.by-interactive{margin-bottom:20px}.by-unravel-trigger{box-sizing:border-box;-webkit-backdrop-filter:blur(12px);color:#fff;cursor:pointer;text-align:left;background:linear-gradient(135deg,#d6758c47 0%,#b84f6861 100%);border:1px solid #d6758c73;border-radius:999px;align-items:center;gap:14px;width:100%;padding:13px 18px;transition:transform .25s,box-shadow .25s,background .25s;display:flex;box-shadow:0 10px 25px -4px #d6758c59,inset 0 1px #ffffff40}.by-unravel-trigger:hover{border-color:#cfa861b3;transform:translateY(-2px);box-shadow:0 14px 30px -4px #d6758c80,0 0 0 1px #cfa86166,inset 0 1px #ffffff59}.by-unravel-trigger:active{transform:translateY(0)scale(.985)}.by-spool-icon{background:radial-gradient(circle,#f48ca5 0%,#b84f68 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative;box-shadow:0 4px 12px #b84f6880}.by-glow-ring{border:2px dashed #ffffff80;border-radius:50%;animation:8s linear infinite byRingSpin;position:absolute;inset:-3px}@keyframes byRingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.by-btn-svg{color:#fff;z-index:2;position:relative}.by-btn-text{flex-direction:column;flex:1;display:flex}.by-btn-text strong{color:#fff;font-size:15px;font-weight:700}.by-btn-text small{color:var(--by-rose-soft);opacity:.9;font-size:11px;font-weight:500}.by-arrow{background:#ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .25s,background .25s;display:flex}.by-arrow-svg{color:#fff}.by-unravel-trigger:hover .by-arrow{background:var(--by-gold);transform:translate(2px)translateY(-2px)}.by-unravel-trigger:hover .by-arrow-svg{color:#1a0f14}.by-footer{color:#faf5eea6;border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding-top:14px;font-size:12px;display:flex}.by-footer-item{align-items:center;gap:6px;display:inline-flex}.by-footer-svg{color:var(--by-gold);opacity:.9}.by-opening.is-unravelling .by-needle{transition:left .9s cubic-bezier(.2,.9,.3,1),transform .9s;left:88%;transform:translate(20px,8px)rotate(-15deg)}.by-opening.is-unravelling .by-seam-thread{stroke-dashoffset:480px;stroke:var(--by-gold);filter:drop-shadow(0 0 12px var(--by-gold));transition:stroke-dashoffset .9s cubic-bezier(.2,.9,.3,1),stroke .4s}.by-opening.is-unravelling .by-cross-stitches line{opacity:0;transition:opacity .4s,transform .4s;transform:translateY(-8px)scale(.5)}.by-opening.is-unravelling .by-fabric-flap--top{opacity:0;transition:transform 1.2s cubic-bezier(.2,.9,.3,1) .3s,opacity .8s .4s;transform:perspective(900px)rotateX(110deg)}.by-opening.is-unravelling .by-fabric-flap--bottom{opacity:0;transition:transform 1.2s cubic-bezier(.2,.9,.3,1) .3s,opacity .8s .4s;transform:perspective(900px)rotateX(-110deg)}.by-opening.is-unravelling .by-card-wrapper{transform:scale(1.05)translateZ(30px);box-shadow:0 40px 100px #d6758c66,0 0 80px 10px #cfa8614d}.by-opening.is-leaving{opacity:0;visibility:hidden;transition:opacity .6s cubic-bezier(.2,.9,.3,1),transform .6s;transform:scale(1.08)}@media (width<=480px){.by-card{padding:30px 20px 24px}.by-title{font-size:21px}.by-unravel-trigger{padding:11px 14px}.by-btn-text strong{font-size:14px}.by-footer{flex-direction:column;gap:6px}}