.flip-wrap.svelte-yrbs8a{position:relative;display:block;perspective:1400px;transition:transform var(--motion-base) var(--ease-out);cursor:pointer;-webkit-tap-highlight-color:transparent}.flip-wrap.svelte-yrbs8a:before,.flip-wrap.svelte-yrbs8a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;clip-path:url(#oct-rounded);pointer-events:none}.flip-wrap.svelte-yrbs8a:before{background:#00000052;transform:translate(4px,6px);filter:blur(8px)}.flip-wrap.svelte-yrbs8a:after{background:#00000038;transform:translate(10px,16px);filter:blur(20px)}.flip-wrap.svelte-yrbs8a:hover{transform:translateY(-4px)}.flip-wrap.svelte-yrbs8a:focus-visible{outline:none}.flip-wrap.svelte-yrbs8a:focus-visible .flipper:where(.svelte-yrbs8a){box-shadow:0 0 0 3px #ffffff59;border-radius:24px}.flipper.svelte-yrbs8a{position:relative;z-index:1;display:grid;grid-template-areas:"stack";transform-style:preserve-3d;transition:transform .7s cubic-bezier(.7,0,.3,1)}.flipper.is-flipped.svelte-yrbs8a{transform:rotate3d(var(--axis-x, 0),var(--axis-y, 1),0,180deg)}.flipper.is-spinning.svelte-yrbs8a{animation:svelte-yrbs8a-oct-spin 1.5s cubic-bezier(.7,0,.3,1)}@keyframes svelte-yrbs8a-oct-spin{0%{transform:rotate3d(var(--axis-x, 0),var(--axis-y, 1),0,0)}to{transform:rotate3d(var(--axis-x, 0),var(--axis-y, 1),0,360deg)}}.face.svelte-yrbs8a{grid-area:stack;position:relative;clip-path:url(#oct-rounded);overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;aspect-ratio:1 / 1;min-height:240px;container-type:inline-size}@media(max-width:720px){.flip-wrap.svelte-yrbs8a,.face.svelte-yrbs8a{min-height:0}.inner.svelte-yrbs8a{padding:16% 14% 18%;gap:6px}}.face-back.svelte-yrbs8a{transform:rotate3d(var(--axis-x, 0),var(--axis-y, 1),0,180deg)}.bevel.svelte-yrbs8a{position:absolute;top:1px;right:1px;bottom:1px;left:1px;clip-path:url(#oct-rounded);background:linear-gradient(160deg,#ffffff38,#fff0,#00000040);pointer-events:none;mix-blend-mode:overlay}.face.svelte-yrbs8a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;clip-path:url(#oct-rounded);background:linear-gradient(180deg,#ffffff47,#ffffff47 1.5%,#fff0 2%),linear-gradient(90deg,#ffffff47,#ffffff47 1.5%,#fff0 2%),linear-gradient(270deg,#ffffff47,#ffffff47 1.5%,#fff0 2%),linear-gradient(0deg,#ffffff47,#ffffff47 1.5%,#fff0 2%),linear-gradient(135deg,#fff0 14.65%,#ffffff47 14.65%,#ffffff47 15.7%,#fff0 16.05%),linear-gradient(225deg,#fff0 14.65%,#ffffff47 14.65%,#ffffff47 15.7%,#fff0 16.05%),linear-gradient(45deg,#fff0 14.65%,#ffffff47 14.65%,#ffffff47 15.7%,#fff0 16.05%),linear-gradient(315deg,#fff0 14.65%,#ffffff47 14.65%,#ffffff47 15.7%,#fff0 16.05%);pointer-events:none}.oct-defs.svelte-yrbs8a{position:absolute;width:0;height:0;overflow:hidden}.flip-wrap[data-mode=free].svelte-yrbs8a .face-front:where(.svelte-yrbs8a){background:radial-gradient(ellipse 80% 60% at 25% 15%,#ffffff38,#fff0 60%),radial-gradient(ellipse 70% 50% at 80% 95%,#0000006b,#0000 70%),linear-gradient(168deg,#7a8693,#4a5460 55%,#2b323c);color:#fff}.flip-wrap[data-mode=free].svelte-yrbs8a .face-back:where(.svelte-yrbs8a){background:radial-gradient(ellipse 80% 60% at 75% 15%,#ffffff2e,#fff0 60%),radial-gradient(ellipse 70% 50% at 20% 95%,#0000008c,#0000 70%),linear-gradient(192deg,#4a5460,#2b323c 55%,#14181f);color:#fff}.flip-wrap[data-mode=learn].svelte-yrbs8a .face-front:where(.svelte-yrbs8a){background:radial-gradient(ellipse 75% 60% at 28% 18%,#ffeac866,#ffeac800 60%),radial-gradient(ellipse 70% 50% at 82% 92%,#4a23098c,#4a230900 70%),linear-gradient(168deg,#eaad65,#c47e35 55%,#884e1f);color:#1a1207}.flip-wrap[data-mode=learn].svelte-yrbs8a .face-back:where(.svelte-yrbs8a){background:radial-gradient(ellipse 75% 60% at 72% 18%,#ffeac852,#ffeac800 60%),radial-gradient(ellipse 70% 50% at 20% 92%,#2d1200b3,#2d120000 70%),linear-gradient(192deg,#c47e35,#884e1f 55%,#50300f);color:#fdf3e1}.flip-wrap[data-mode=lite].svelte-yrbs8a .face-front:where(.svelte-yrbs8a){background:radial-gradient(ellipse 75% 60% at 28% 18%,#bee6d247,#bee6d200 60%),radial-gradient(ellipse 70% 50% at 82% 92%,#00190f8c,#00190f00 70%),linear-gradient(168deg,#4a8770,#29543f 55%,#14352a);color:#f0f5f2}.flip-wrap[data-mode=lite].svelte-yrbs8a .face-back:where(.svelte-yrbs8a){background:radial-gradient(ellipse 75% 60% at 72% 18%,#bee6d238,#bee6d200 60%),radial-gradient(ellipse 70% 50% at 20% 92%,#000f08b3,#000f0800 70%),linear-gradient(192deg,#29543f,#14352a 55%,#0a1f17);color:#f0f5f2}.flip-wrap[data-mode=pro].svelte-yrbs8a .face-front:where(.svelte-yrbs8a){background:radial-gradient(ellipse 75% 60% at 28% 18%,#d4af6e38,#d4af6e00 60%),radial-gradient(ellipse 70% 50% at 82% 92%,#000000b3,#0000 70%),linear-gradient(168deg,#1f2230,#14171f 55%,#05060a);color:#f5f1e8}.flip-wrap[data-mode=pro].svelte-yrbs8a .face-back:where(.svelte-yrbs8a){background:radial-gradient(ellipse 75% 60% at 72% 18%,#d4af6e2e,#d4af6e00 60%),radial-gradient(ellipse 70% 50% at 20% 92%,#000c,#0000 70%),linear-gradient(192deg,#14171f,#05060a 55%,#000);color:#f5f1e8}.flip-wrap[data-mode=ultra].svelte-yrbs8a .face-front:where(.svelte-yrbs8a){background:radial-gradient(ellipse 75% 60% at 28% 18%,#a98bff47,#a98bff00 60%),radial-gradient(ellipse 70% 50% at 82% 92%,#000000b8,#0000 70%),linear-gradient(168deg,#251d38,#160f24 55%,#05030a);color:#f1eef8}.flip-wrap[data-mode=ultra].svelte-yrbs8a .face-back:where(.svelte-yrbs8a){background:radial-gradient(ellipse 75% 60% at 72% 18%,#a98bff38,#a98bff00 60%),radial-gradient(ellipse 70% 50% at 20% 92%,#000000d1,#0000 70%),linear-gradient(192deg,#160f24,#05030a 55%,#000);color:#f1eef8}.inner.svelte-yrbs8a{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18% 13% 20%;min-height:100%;box-sizing:border-box;text-align:center}.inner.svelte-yrbs8a>:first-child{position:absolute;top:8%;left:8%;right:8%;text-align:center}@container (max-width: 220px){.inner.svelte-yrbs8a>:first-child{top:14%;left:18%;right:18%;font-size:clamp(8px,5.5cqi,11px);line-height:1.15;letter-spacing:0;white-space:normal;overflow-wrap:anywhere;text-wrap:balance}.flip-cue.svelte-yrbs8a{bottom:11%;left:18%;right:18%;font-size:clamp(8px,5.5cqi,11px);letter-spacing:0}.inner.svelte-yrbs8a{padding:22% 14%;gap:4px}}@media(min-width:880px){.inner.svelte-yrbs8a{padding:20% 14% 22%}}.flip-cue.svelte-yrbs8a{position:absolute;bottom:6%;left:8%;right:8%;display:flex;justify-content:center;align-items:center;gap:6px;z-index:2;font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:var(--tracking-caption);text-transform:uppercase;opacity:.65;pointer-events:none;transition:opacity var(--motion-base) var(--ease-out)}.flip-cue-icon.svelte-yrbs8a{font-size:1.2em;line-height:1;font-family:var(--font-sans)}.flip-wrap.svelte-yrbs8a:hover .flip-cue:where(.svelte-yrbs8a){opacity:1}@media(prefers-reduced-motion:reduce){.flipper.svelte-yrbs8a,.flip-wrap.svelte-yrbs8a,.flip-wrap.svelte-yrbs8a:hover,.flip-cue.svelte-yrbs8a{transition:none}.flip-wrap.svelte-yrbs8a:hover{transform:none}}