@property --fx-card-ang{syntax:"<angle>";inherits:false;initial-value:0deg}.fx-card{--fx-card-i:calc(var(--fx-card-intensity,55) / 55);--fx-card-accent:var(--fx-card-c,var(--frame-border,var(--accent,#a98bff)));--fx-card-ink:var(--fg,#f5f5fa);--fx-card-paper:var(--bg,#0b0b10);--fx-card-surface:color-mix(in srgb, var(--fx-card-paper) 92%, var(--fx-card-ink));--fx-card-edge:var(--frame-border,color-mix(in srgb, var(--fx-card-ink) 16%, transparent));--fx-card-sh:var(--fx-card-shadow,var(--frame-shadow,0));--fx-card-drop:0 calc(8px + var(--fx-card-sh) * .3px) calc(20px + var(--fx-card-sh) * .6px) rgba(0, 0, 0, calc(var(--fx-card-sh) / 100 * .6)), 0 0 calc(var(--fx-card-glow,0) * .7px) color-mix(in srgb, var(--fx-card-accent) calc(var(--fx-card-glow,0) * 0.7%), transparent);box-sizing:border-box;border-radius:var(--fx-card-radius,var(--frame-radius,var(--radius,24px)));width:100%;padding:var(--fx-card-pad,var(--frame-pad,28px));box-shadow:var(--fx-card-drop);position:relative}.pg-frame .fx-card{--frame-opacity:initial;--frame-blur:initial;--frame-bw:initial;--frame-border:initial;--frame-radius:initial;--frame-pad:initial;--frame-shadow:initial}.fx-card--glass{background:color-mix(in srgb, var(--fx-card-c,#fff) calc(var(--fx-card-opacity,10) * 1%), transparent);-webkit-backdrop-filter:blur(var(--fx-card-blur,var(--frame-blur,12px)));border:var(--frame-bw,1px) solid #ffffff24}.fx-card--solid,.fx-card--outline,.fx-card--gradient,.fx-card--aurora,.fx-card--neon,.fx-card--double{-webkit-backdrop-filter:blur(var(--fx-card-blur,var(--frame-blur,0px)))}.fx-card--solid{background:color-mix(in srgb, var(--fx-card-c,#14101e) calc(var(--fx-card-opacity,70) * 1%), transparent);border:var(--frame-bw,1px) solid #ffffff14}.fx-card--outline{border:var(--fx-card-bw,var(--frame-bw,2px)) solid var(--fx-card-accent);background:0 0}.fx-card--gradient{border:var(--fx-card-bw,var(--frame-bw,2px)) solid transparent;background:linear-gradient(var(--fx-card-bg,#0a0810), var(--fx-card-bg,#0a0810)) padding-box, linear-gradient(var(--fx-card-angle,120deg), var(--fx-card-accent), var(--fx-card-c2,#3ddbd9)) border-box}.fx-card--aurora{border:var(--fx-card-bw,var(--frame-bw,2px)) solid transparent;background:linear-gradient(var(--fx-card-bg,#0a0810e0), var(--fx-card-bg,#0a0810e0)) padding-box, conic-gradient(from var(--fx-card-ang,0deg), var(--fx-card-accent), var(--fx-card-c2,#3ddbd9), var(--fx-card-accent)) border-box;animation:fx-card-spin var(--fx-card-dur,10s) linear infinite}@keyframes fx-card-spin{to{--fx-card-ang:360deg}}.fx-card--neon{background:var(--fx-card-bg,#08060eb8);border:var(--frame-bw,1px) solid var(--fx-card-accent);box-shadow:0 0 calc(16px * var(--fx-card-i)) color-mix(in srgb, var(--fx-card-accent) min(60%, calc(50% * var(--fx-card-i))), transparent), inset 0 0 calc(28px * var(--fx-card-i)) color-mix(in srgb, var(--fx-card-accent) 16%, transparent), var(--fx-card-drop)}.fx-card--double{background:var(--fx-card-bg,#0a081080);border:var(--frame-bw,1px) solid color-mix(in srgb, var(--fx-card-accent) 90%, transparent);outline:1px solid color-mix(in srgb, var(--fx-card-accent) 40%, transparent);outline-offset:calc(-1 * var(--fx-card-gap,8px))}.fx-card--shine:before,.fx-card--holo:after,.pg-frame.fx-card--gradient:before,.pg-frame.fx-card--aurora:before{content:"";inset:calc(-1 * var(--fx-card-bw,var(--frame-bw,2px)));padding:var(--fx-card-bw,var(--frame-bw,2px));border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;position:absolute;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.fx-card--frosted{background:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--fx-card-ink) 8%, transparent) .6px, transparent 1.1px) 0 0 / 3px 3px, radial-gradient(circle at 2px 3px, color-mix(in srgb, var(--fx-card-paper) 12%, transparent) .6px, transparent 1.1px) 0 0 / 5px 7px, linear-gradient(180deg, #ffffff1a, transparent 38%), color-mix(in srgb, var(--fx-card-surface) calc(var(--frame-opacity,.55) * 100%), transparent);-webkit-backdrop-filter:blur(var(--frame-blur,28px)) saturate(1.5);border:var(--frame-bw,1px) solid var(--fx-card-edge);box-shadow:inset 0 1px 0 #ffffff38, inset 0 0 28px color-mix(in srgb, var(--fx-card-ink) 5%, transparent), var(--fx-card-drop)}.fx-card--shine{background:color-mix(in srgb, var(--fx-card-surface) calc(var(--frame-opacity,.8) * 100%), transparent);-webkit-backdrop-filter:blur(var(--frame-blur,8px));border:var(--frame-bw,2px) solid transparent}.fx-card--shine:before{background:conic-gradient(from var(--fx-card-ang,0deg), transparent 0 58%, var(--fx-card-accent) 76%, #fff 84%, var(--fx-card-accent) 92%, transparent 100%), color-mix(in srgb, var(--fx-card-accent) 30%, transparent);animation:fx-card-spin var(--fx-card-dur,5s) linear infinite}.fx-card--glow{background:color-mix(in srgb, var(--fx-card-surface) calc(var(--frame-opacity,.78) * 100%), transparent);-webkit-backdrop-filter:blur(var(--frame-blur,8px));border:var(--frame-bw,1px) solid color-mix(in srgb, var(--fx-card-accent) 70%, transparent)}.fx-card--glow:before{content:"";inset:calc(-1 * var(--frame-bw,1px));border-radius:inherit;pointer-events:none;box-shadow:0 0 22px 1px color-mix(in srgb, var(--fx-card-accent) 60%, transparent), 0 0 70px 6px color-mix(in srgb, var(--fx-card-accent) 32%, transparent);animation:3.6s ease-in-out infinite alternate fx-card-breathe;position:absolute}@keyframes fx-card-breathe{0%{opacity:.35}to{opacity:1}}.fx-card--brutal{--fx-card-edge:var(--frame-border,var(--fx-card-ink));background:color-mix(in srgb, var(--fx-card-paper) calc(var(--frame-opacity,1) * 100%), transparent);-webkit-backdrop-filter:blur(var(--frame-blur,0px));border:var(--frame-bw,3px) solid var(--fx-card-edge);border-radius:var(--frame-radius,0px);box-shadow:calc(var(--frame-bw,3px) * 2 + 2px) calc(var(--frame-bw,3px) * 2 + 2px) 0 0 var(--fx-card-edge), var(--fx-card-drop)}.fx-card--paper{--fg:#2b2620;--fg-rgb:43, 38, 32;--muted:#6b6257;--bg:#f5efe0;--bg-rgb:245, 239, 224;color:var(--fg);background:repeating-linear-gradient(0deg, #7864460d 0 1px, transparent 1px 4px), repeating-linear-gradient(90deg, #78644608 0 1px, transparent 1px 7px), radial-gradient(120% 90% at 15% 0%, #ffffff80, transparent 55%), linear-gradient(175deg, color-mix(in srgb, #f8f3e7 calc(var(--frame-opacity,1) * 100%), transparent), color-mix(in srgb, #ebe2cd calc(var(--frame-opacity,1) * 100%), transparent));-webkit-backdrop-filter:blur(var(--frame-blur,0px));border:var(--frame-bw,0px) solid var(--frame-border,#5a462866);border-radius:var(--frame-radius,3px);box-shadow:0 1px 1px #0000002e, 0 12px 22px -12px #00000073, var(--fx-card-drop)}.fx-card--paper:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg, #fff3 0 2px, transparent 2px 6px), color-mix(in srgb, var(--fx-card-accent) 50%, #fff9);opacity:.85;clip-path:polygon(0 0,4% 14%,0 28%,4% 42%,0 57%,4% 71%,0 85%,3% 100%,97% 100%,100% 86%,96% 72%,100% 58%,96% 43%,100% 29%,96% 15%,100% 0);width:min(120px,38%);height:26px;position:absolute;top:-13px;left:50%;transform:translate(-50%)rotate(-2.5deg)}.fx-card--paper :is(.fx-card--solid,.fx-card--gradient,.fx-card--aurora,.fx-card--neon,.fx-card--double){--fg:#f5f5fa;--fg-rgb:245, 245, 250;--muted:#a9a9b8;--bg:#0b0b10;--bg-rgb:11, 11, 16;color:var(--fg)}[data-mode=light] .pg-card:is(.fx-card--solid,.fx-card--gradient,.fx-card--aurora,.fx-card--neon,.fx-card--double){--fg:#f5f5fa;--fg-rgb:245, 245, 250;--muted:#b4b4c4;color:var(--fg)}.fx-card--terminal{background:color-mix(in srgb, color-mix(in srgb, var(--fx-card-paper) 90%, #000) calc(var(--frame-opacity,.92) * 100%), transparent);-webkit-backdrop-filter:blur(var(--frame-blur,6px));border:var(--frame-bw,1px) solid var(--fx-card-edge);border-radius:var(--frame-radius,10px);padding-top:calc(var(--fx-card-pad,var(--frame-pad,28px)) + 30px);font-family:ui-monospace,Cascadia Mono,JetBrains Mono,SFMono-Regular,Menlo,Consolas,monospace}.fx-card--terminal:before{content:"";pointer-events:none;border-bottom:1px solid color-mix(in srgb, var(--fx-card-ink) 14%, transparent);border-radius:calc(var(--frame-radius,10px) - var(--frame-bw,1px)) calc(var(--frame-radius,10px) - var(--frame-bw,1px)) 0 0;background:radial-gradient(circle at 16px 50%, #ff5f57 0 5px, transparent 5.5px), radial-gradient(circle at 34px 50%, #febc2e 0 5px, transparent 5.5px), radial-gradient(circle at 52px 50%, #28c840 0 5px, transparent 5.5px), color-mix(in srgb, var(--fx-card-ink) 8%, transparent);height:30px;position:absolute;top:0;left:0;right:0}.fx-card--pixel{--fx-card-px:var(--frame-bw,4px);--fx-card-edge:var(--frame-border,var(--fx-card-ink));background:color-mix(in srgb, var(--fx-card-surface) calc(var(--frame-opacity,1) * 100%), transparent);-webkit-backdrop-filter:blur(var(--frame-blur,0px));box-shadow:calc(-1 * var(--fx-card-px)) 0 0 0 var(--fx-card-edge), var(--fx-card-px) 0 0 0 var(--fx-card-edge), 0 calc(-1 * var(--fx-card-px)) 0 0 var(--fx-card-edge), 0 var(--fx-card-px) 0 0 var(--fx-card-edge), inset calc(-1 * var(--fx-card-px)) calc(-1 * var(--fx-card-px)) 0 0 #00000038, inset var(--fx-card-px) var(--fx-card-px) 0 0 #ffffff24, calc(var(--fx-card-px) * 2) calc(var(--fx-card-px) * 2) 0 0 color-mix(in srgb, var(--fx-card-edge) 35%, transparent), var(--fx-card-drop);border:0;border-radius:0}.fx-card--cut{--fx-card-n:var(--frame-radius,18px);--fx-card-b:var(--frame-bw,2px);--fx-card-k:calc(var(--fx-card-b) * .4142);isolation:isolate;border:var(--fx-card-b) solid transparent;background:0 0;border-radius:0}.fx-card--cut:before,.fx-card--cut:after{content:"";inset:calc(-1 * var(--fx-card-b));z-index:-1;pointer-events:none;position:absolute}.fx-card--cut:before{background:color-mix(in srgb, var(--fx-card-surface) calc(var(--frame-opacity,.82) * 100%), transparent);-webkit-backdrop-filter:blur(var(--frame-blur,8px));clip-path:polygon(var(--fx-card-n) 0, 100% 0, 100% calc(100% - var(--fx-card-n)), calc(100% - var(--fx-card-n)) 100%, 0 100%, 0 var(--fx-card-n))}.fx-card--cut:after{background:linear-gradient(135deg, var(--fx-card-accent), color-mix(in srgb, var(--fx-card-accent) 35%, transparent) 50%, var(--fx-card-accent));clip-path:polygon(evenodd, var(--fx-card-n) 0, 100% 0, 100% calc(100% - var(--fx-card-n)), calc(100% - var(--fx-card-n)) 100%, 0 100%, 0 var(--fx-card-n), var(--fx-card-n) 0, calc(var(--fx-card-n) + var(--fx-card-k)) var(--fx-card-b), calc(100% - var(--fx-card-b)) var(--fx-card-b), calc(100% - var(--fx-card-b)) calc(100% - var(--fx-card-n) - var(--fx-card-k)), calc(100% - var(--fx-card-n) - var(--fx-card-k)) calc(100% - var(--fx-card-b)), var(--fx-card-b) calc(100% - var(--fx-card-b)), var(--fx-card-b) calc(var(--fx-card-n) + var(--fx-card-k)), calc(var(--fx-card-n) + var(--fx-card-k)) var(--fx-card-b))}.fx-card--holo{--mx:30%;--my:20%;--fx-card-fx:clamp(0%, var(--mx), 100%);--fx-card-fy:clamp(0%, var(--my), 100%);--fx-card-foil:linear-gradient(115deg, var(--fx-card-accent), #ffd85a, #5affc3, #5ab4ff, #c85aff, #ff5ac8, var(--fx-card-accent));isolation:isolate;background:color-mix(in srgb, var(--fx-card-surface) calc(var(--frame-opacity,.78) * 100%), transparent);-webkit-backdrop-filter:blur(var(--frame-blur,10px));border:var(--frame-bw,2px) solid transparent}.fx-card--holo:before{content:"";inset:calc(-1 * var(--frame-bw,2px));z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--mx) var(--my), #ffffffe6, transparent 45%), var(--fx-card-foil) var(--fx-card-fx) var(--fx-card-fy) / 300% 300%;opacity:.2;position:absolute}.fx-card--holo:after{z-index:-1;background:var(--fx-card-foil) var(--fx-card-fx) var(--fx-card-fy) / 300% 300%}.fx-card--sketch{--fx-card-edge:var(--frame-border,var(--fx-card-ink));background:color-mix(in srgb, var(--fx-card-surface) calc(var(--frame-opacity,.6) * 100%), transparent);-webkit-backdrop-filter:blur(var(--frame-blur,0px));border:var(--frame-bw,2px) solid var(--fx-card-edge);border-radius:255px 15px 225px/15px 225px 15px 255px}.fx-card--sketch:before{content:"";pointer-events:none;border:calc(var(--frame-bw,2px) * .6) solid color-mix(in srgb, var(--fx-card-edge) 55%, transparent);border-radius:15px 225px 15px 255px/255px 15px 225px;position:absolute;inset:-5px -4px -3px -6px;transform:rotate(-.35deg)}.fx-card--ticket{--fx-card-n:12px;isolation:isolate;border-radius:var(--frame-radius,6px);background:0 0;border:0}.fx-card--ticket:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:color-mix(in srgb, var(--fx-card-surface) calc(var(--frame-opacity,.95) * 100%), transparent);-webkit-backdrop-filter:blur(var(--frame-blur,0px));-webkit-mask:radial-gradient(circle at 50% 0, transparent 4.5px, #000 5px) 0 0 / 16px 100% round, radial-gradient(circle at 50% 100%, transparent 4.5px, #000 5px) 0 0 / 16px 100% round, radial-gradient(circle at 0 50%, transparent calc(var(--fx-card-n) - .5px), #000 var(--fx-card-n)), radial-gradient(circle at 100% 50%, transparent calc(var(--fx-card-n) - .5px), #000 var(--fx-card-n));-webkit-mask-composite:source-in;mask:radial-gradient(circle at 50% 0, transparent 4.5px, #000 5px) 0 0 / 16px 100% round, radial-gradient(circle at 50% 100%, transparent 4.5px, #000 5px) 0 0 / 16px 100% round, radial-gradient(circle at 0 50%, transparent calc(var(--fx-card-n) - .5px), #000 var(--fx-card-n)), radial-gradient(circle at 100% 50%, transparent calc(var(--fx-card-n) - .5px), #000 var(--fx-card-n));position:absolute;inset:0;mask-composite:intersect}.fx-card--ticket:after{content:"";inset:calc(var(--fx-card-n) + 3px);z-index:-1;pointer-events:none;border:var(--frame-bw,1px) dashed var(--frame-border,color-mix(in srgb, var(--fx-card-ink) 34%, transparent));border-radius:var(--frame-radius,6px);position:absolute}.fx-card--emboss{background:linear-gradient(145deg, color-mix(in srgb, color-mix(in srgb, var(--fx-card-paper) 94%, #fff) calc(var(--frame-opacity,1) * 100%), transparent), color-mix(in srgb, color-mix(in srgb, var(--fx-card-paper) 95%, #000) calc(var(--frame-opacity,1) * 100%), transparent));-webkit-backdrop-filter:blur(var(--frame-blur,0px));border:var(--frame-bw,0px) solid var(--fx-card-edge);box-shadow:9px 9px 22px color-mix(in srgb, color-mix(in srgb, var(--fx-card-paper) 78%, #000) 85%, transparent), -9px -9px 22px color-mix(in srgb, color-mix(in srgb, var(--fx-card-paper) 86%, #fff) 85%, transparent), inset 1px 1px 0 #ffffff1a, var(--fx-card-drop)}.pg-frame.fx-card--glass{background:color-mix(in srgb, var(--fx-card-ink) calc(var(--frame-opacity,.1) * 100%), transparent);border-color:var(--fx-card-edge)}.pg-frame.fx-card--solid{background:color-mix(in srgb, var(--fx-card-surface) calc(var(--frame-opacity,.7) * 100%), transparent);border-color:var(--fx-card-edge)}.pg-frame.fx-card--outline{background:color-mix(in srgb, var(--fx-card-surface) calc(var(--frame-opacity,0) * 100%), transparent)}.pg-frame.fx-card--neon{background:color-mix(in srgb, var(--fx-card-surface) calc(var(--frame-opacity,.72) * 100%), transparent)}.pg-frame.fx-card--double{background:color-mix(in srgb, var(--fx-card-surface) calc(var(--frame-opacity,.5) * 100%), transparent)}.pg-frame.fx-card--gradient,.pg-frame.fx-card--aurora{background:color-mix(in srgb, var(--fx-card-surface) calc(var(--frame-opacity,1) * 100%), transparent);animation:none}.pg-frame.fx-card--gradient:before{background:linear-gradient(var(--fx-card-angle,120deg), var(--fx-card-accent), var(--fx-card-c2,#3ddbd9))}.pg-frame.fx-card--aurora:before{background:conic-gradient(from var(--fx-card-ang,0deg), var(--fx-card-accent), var(--fx-card-c2,#3ddbd9), var(--fx-card-accent));animation:fx-card-spin var(--fx-card-dur,10s) linear infinite}@supports not (backdrop-filter:blur(1px)){.fx-card--glass{background:#14101ed1}.pg-frame.fx-card--glass,.fx-card--frosted{background:color-mix(in srgb, var(--fx-card-surface) 90%, transparent)}}.fx-card.fx-static,.fx-card--aurora.fx-static,.fx-card.fx-static:before,.fx-card.fx-static:after{animation:none}@media (prefers-reduced-motion:reduce){.fx-card--aurora,.fx-card--aurora:before,.pg-frame.fx-card--aurora:before,.fx-card--shine:before,.fx-card--glow:before{animation:none}}