@property --ring-spin{syntax:'<angle>';inherits:false;initial-value:0deg}
.logo-animated .monogram{animation:hud-levitate 7s ease-in-out infinite}
.logo-animated .orbit{border-color:#ffffff1c;will-change:transform}
.logo-animated .orbit-one{transform:translate(-50%,-50%) rotate(calc(-30deg + var(--orbit-turn,0deg) + var(--ring-spin))) scale(var(--orbit-scale,1));animation:blisshki-orbit-enter 1800ms both,hud-orbit 28s linear infinite}
.logo-animated .orbit-two{transform:translate(-50%,-50%) rotate(calc(-30deg - var(--orbit-turn,0deg) + var(--ring-spin))) scale(var(--orbit-scale,1));animation:blisshki-orbit-enter 1800ms both,hud-orbit 46s linear infinite reverse;border-color:#d7c5e01b}
.logo-animated .orbit-three{transform:translate(-50%,-50%) rotate(calc(30deg + var(--orbit-turn,0deg) + var(--ring-spin))) scale(var(--orbit-scale,1));animation:blisshki-orbit-enter 1800ms both,hud-orbit 37s linear infinite;border-color:#ffffff13}
.logo-animated .orbit-one:before{box-shadow:0 0 6px #fff9,0 0 18px #c6afd47a;animation:hud-beacon 3.5s ease-in-out infinite}
.logo-animated .orbit-two:after{content:'';position:absolute;right:12%;bottom:16%;width:3px;height:3px;background:#c9c9d2;border-radius:50%;box-shadow:0 0 8px #fff8}
.logo-animated .star-one{animation:blisshki-detail-enter 1400ms 200ms both,hud-star-spin 22s linear infinite,hud-star-pulse 4.6s ease-in-out infinite}
.logo-animated .star-two{animation:blisshki-detail-enter 1400ms 450ms both,hud-star-spin 17s linear infinite reverse,hud-star-pulse 3.8s ease-in-out infinite 1s}
.logo-animated .monogram>span{animation:hud-star-pulse 4.8s ease-in-out infinite,hud-star-spin 32s linear infinite}
.hero h1 sup,.tiny-star,.community-art{animation:hud-star-pulse 6s ease-in-out infinite}
.logo-animated .floating-label{overflow:hidden;box-shadow:0 15px 30px #0004,inset 0 1px #ffffff08;animation:blisshki-detail-enter 1200ms 350ms both,hud-label-float 6s ease-in-out infinite}
.logo-animated .floating-label:after{content:'';position:absolute;inset:0;transform:translateX(-130%) skewX(-24deg);background:linear-gradient(90deg,transparent,#ffffff0d,transparent);animation:hud-label-sheen 8s ease-in-out infinite;pointer-events:none}
.hero-art .art-caption{color:#77717f;letter-spacing:2.4px}
.hero-art .art-coordinate{color:#77717f}
.sidebar{box-shadow:0 12px 50px #0003,inset 0 1px #ffffff0b}
.nav-link{overflow:hidden;transition:color .2s,background .25s,border-color .25s,box-shadow .25s,translate .25s}
.nav-link:after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 20%,#d9c2ed13 50%,transparent 80%);transform:translateX(-135%);transition:transform .65s;pointer-events:none}
.nav-link:hover:after,.nav-link:focus-visible:after{transform:translateX(135%)}
.nav-link:hover,.nav-link:focus-visible{background:linear-gradient(100deg,#76637b1c,#ffffff03);border-color:#d5c1df24;color:#f2f2f5;box-shadow:inset 0 1px #ffffff09,0 4px 18px #0002}
.nav-link svg{transition:transform .25s,filter .25s}
.nav-link:hover svg,.nav-link:focus-visible svg{transform:translateY(-1px) scale(1.12);filter:drop-shadow(0 0 5px #cfb4e15c)}
.nav-link.active{background:linear-gradient(100deg,#7f648734,#ffffff05);border-color:#c7b5d02c;box-shadow:inset 0 1px #ffffff0b,0 0 20px #ad86bf08}
.nav-link.active svg{filter:drop-shadow(0 0 4px #cfb4e15c)}
.sidebar-scroll .nav-link.active:before{animation:hud-menu-beacon 4s ease-in-out infinite}
.button,.filter,.cart-button{position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s,background .25s}
.button:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#ffffff26,transparent 70%);transform:translateX(-140%);transition:transform .7s;pointer-events:none}
.button:hover:after,.button:focus-visible:after{transform:translateX(140%)}
.button.primary:hover{box-shadow:0 0 26px #e4d8f021,0 5px 18px #0003}
.button.secondary:hover,.cart-button:hover{border-color:#d9c2e24a;box-shadow:0 0 20px #c9b3df0a}
.button:active,.filter:active,.cart-button:active{transform:scale(.97)}
.filter:hover{color:#f2f2f5;background:#ffffff08;border-color:#ffffff18}
.filter.active{box-shadow:inset 0 1px #ffffff0e,0 0 15px #b99ec309}
.product-card,.plan,.value-grid article,.reviews article{position:relative;isolation:isolate;overflow:hidden}
.product-card:before,.plan:after,.value-grid article:before,.reviews article:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(250px circle at var(--spot-x,50%) var(--spot-y,35%),#d2bde815,transparent 72%);opacity:0;transition:opacity .35s;pointer-events:none}
.product-card:hover:before,.plan:hover:after,.value-grid article:hover:before,.reviews article:hover:before,.plan:focus-within:after{opacity:1}
.plan,.value-grid article,.reviews article{transition:transform .3s,border-color .3s,box-shadow .3s}
.plan:hover,.value-grid article:hover,.reviews article:hover{transform:translateY(-4px);border-color:#dac5e532;box-shadow:0 12px 30px #0002}
.product-card .product-preview>div,.product-card .object-star{transition:scale .7s cubic-bezier(.2,.8,.2,1),filter .5s}
.product-card:hover .product-preview>div,.product-card:hover .object-star{scale:1.055;filter:brightness(1.12)}
.product-view span{transition:transform .25s,border-color .25s,box-shadow .25s}
.product-view:hover span{transform:rotate(45deg);border-color:#dbc6e766;box-shadow:0 0 14px #d5b9eb16}
.faqs summary{transition:color .25s,padding-left .25s}
.faqs summary:hover{color:#dccce8;padding-left:4px}
.faqs details[open]{border-bottom-color:#c4abd538}
.faqs details[open]>p{animation:hud-answer .35s ease-out both}
.hud-reveal{opacity:0;translate:0 22px;transition:opacity .65s ease var(--reveal-delay,0ms),translate .75s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms),transform .3s,border-color .3s,box-shadow .3s}
.hud-reveal.hud-seen{opacity:1;translate:0 0}
.status-dot{animation:hud-beacon 4s ease-in-out infinite}
@keyframes hud-orbit{to{--ring-spin:360deg}}
@keyframes hud-levitate{0%,100%{translate:0 0;rotate:-.6deg}50%{translate:0 -9px;rotate:.6deg}}
@keyframes hud-star-spin{to{transform:rotate(360deg)}}
@keyframes hud-star-pulse{0%,100%{scale:.94;filter:brightness(.9)}50%{scale:1.11;filter:brightness(1.2) drop-shadow(0 0 6px #d1badd22)}}
@keyframes hud-beacon{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes hud-label-float{0%,100%{margin-bottom:0}50%{margin-bottom:5px}}
@keyframes hud-label-sheen{0%,65%{transform:translateX(-130%) skewX(-24deg)}90%,100%{transform:translateX(130%) skewX(-24deg)}}
@keyframes hud-menu-beacon{0%,100%{box-shadow:0 0 6px #c5a3d744}50%{box-shadow:0 0 13px #c5a3d788}}
@keyframes hud-answer{from{opacity:0;translate:0 -4px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.logo-animated .monogram,.logo-animated .monogram>span,.logo-animated .orbit,.logo-animated .art-star,.logo-animated .floating-label,.hero h1 sup,.tiny-star,.community-art,.status-dot,.sidebar-scroll .nav-link.active:before,.faqs details[open]>p{animation:none;translate:none;rotate:none;scale:none}.logo-animated .floating-label:after{animation:none;display:none}.hud-reveal{opacity:1;translate:none;transition:none}.logo-animated .orbit{will-change:auto}.button:after,.nav-link:after{display:none}}
@media(forced-colors:active){.hud-reveal{opacity:1;translate:none}}
