.demo-shell.svelte-1e6laf7{width:100%;max-width:720px;margin-inline:auto;padding:clamp(18px,3vw,28px);border-radius:36px;background:#fff;color:#0a0a0a;box-shadow:0 24px 80px #00000014}.demo-topline.svelte-1e6laf7{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:14px}.demo-topline.svelte-1e6laf7>div:where(.svelte-1e6laf7){display:grid;gap:3px}.demo-kicker.svelte-1e6laf7,.demo-count.svelte-1e6laf7{color:#8a8a8f;font-size:.72rem;font-weight:720;letter-spacing:.08em;text-transform:uppercase}.demo-topline.svelte-1e6laf7 strong:where(.svelte-1e6laf7){font-size:1rem;letter-spacing:-.025em}.progress-track.svelte-1e6laf7{height:5px;overflow:hidden;margin-bottom:20px;border-radius:99px;background:#ededee}.progress-track.svelte-1e6laf7 span:where(.svelte-1e6laf7){display:block;height:100%;border-radius:inherit;background:#0a0a0a;transition:width .24s ease}.flashcard.svelte-1e6laf7{position:relative;width:100%;min-height:300px;display:block;padding:0;border:0;border-radius:28px;background:transparent;color:inherit;cursor:pointer;perspective:1000px}.flashcard-side.svelte-1e6laf7{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;border:1px solid rgba(0,0,0,.07);border-radius:inherit;background:#f2f2f3;backface-visibility:hidden;transition:transform .44s cubic-bezier(.2,.72,.25,1)}.flashcard-back.svelte-1e6laf7{background:#0a0a0a;color:#fff;transform:rotateY(180deg)}.flashcard.revealed.svelte-1e6laf7 .flashcard-front:where(.svelte-1e6laf7){transform:rotateY(-180deg)}.flashcard.revealed.svelte-1e6laf7 .flashcard-back:where(.svelte-1e6laf7){transform:rotateY(0)}.flashcard.svelte-1e6laf7 small:where(.svelte-1e6laf7){position:absolute;top:24px;left:26px;color:#8a8a8f;font-size:.7rem;font-weight:760;letter-spacing:.1em;text-transform:uppercase}.flashcard.svelte-1e6laf7 strong:where(.svelte-1e6laf7){font-size:clamp(2rem,5vw,3.5rem);font-weight:780;letter-spacing:-.055em}.flashcard.svelte-1e6laf7 span:where(.svelte-1e6laf7)>span:where(.svelte-1e6laf7){margin-top:18px;color:#89898f;font-size:.84rem;font-weight:620}.ratings.svelte-1e6laf7{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-height:0;margin-top:0;overflow:hidden;opacity:0;transform:translateY(-8px);transition:max-height .26s ease,margin .26s ease,opacity .18s ease,transform .26s ease}.ratings.visible.svelte-1e6laf7{max-height:90px;margin-top:12px;opacity:1;transform:translateY(0)}.ratings.svelte-1e6laf7 button:where(.svelte-1e6laf7){min-height:66px;display:grid;place-content:center;gap:3px;padding:8px 5px;border:0;border-radius:15px;background:#f0f0f1;color:#151515;cursor:pointer;transition:background .14s ease,color .14s ease,transform .14s ease}.ratings.svelte-1e6laf7 button:where(.svelte-1e6laf7):hover,.ratings.svelte-1e6laf7 button:where(.svelte-1e6laf7):focus-visible{background:#0a0a0a;color:#fff;transform:translateY(-1px)}.ratings.svelte-1e6laf7 strong:where(.svelte-1e6laf7){font-size:.72rem}.ratings.svelte-1e6laf7 span:where(.svelte-1e6laf7){color:#8a8a8f;font-size:.66rem}@media(max-width:600px){.flashcard.svelte-1e6laf7{min-height:250px}.ratings.svelte-1e6laf7{grid-template-columns:repeat(2,minmax(0,1fr))}.ratings.visible.svelte-1e6laf7{max-height:150px}}@media(prefers-reduced-motion:reduce){.flashcard-side.svelte-1e6laf7,.ratings.svelte-1e6laf7,.progress-track.svelte-1e6laf7 span:where(.svelte-1e6laf7){transition:none}}.phone-stage[data-astro-cid-jla2ebom]{position:relative;min-height:720px;display:grid;place-items:center;isolation:isolate}.phone-glow[data-astro-cid-jla2ebom]{position:absolute;inset:16% 1% 5%;z-index:-2;border-radius:45%;background:#ededed;filter:blur(1px);transform:rotate(-5deg)}.phone[data-astro-cid-jla2ebom]{position:relative;width:min(340px,76vw);margin:0;padding:9px;border:2px solid #292929;border-radius:54px;background:#080808;box-shadow:0 34px 75px #0003,0 10px 24px #0000001f;transform:rotate(3deg)}.phone-hardware[data-astro-cid-jla2ebom]{position:absolute;top:18px;left:50%;z-index:3;width:94px;height:25px;display:grid;place-items:center;border-radius:999px;background:#080808;transform:translate(-50%)}.phone-speaker[data-astro-cid-jla2ebom]{width:36px;height:4px;border-radius:99px;background:#252525}.phone-screen[data-astro-cid-jla2ebom]{overflow:hidden;border-radius:44px;background:#fff}.phone-screen[data-astro-cid-jla2ebom] img[data-astro-cid-jla2ebom]{width:100%;height:auto}.floating-note[data-astro-cid-jla2ebom]{position:absolute;z-index:4;display:inline-flex;align-items:center;gap:9px;padding:10px 14px 10px 10px;border:1px solid rgba(0,0,0,.09);border-radius:999px;background:#ffffffeb;box-shadow:0 12px 30px #0000001c;color:#232323;font-size:.84rem;font-weight:700;letter-spacing:-.02em;backdrop-filter:blur(14px)}.note-dot[data-astro-cid-jla2ebom],.note-check[data-astro-cid-jla2ebom]{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#0a0a0a;color:#fff;font-size:.72rem}.note-top[data-astro-cid-jla2ebom]{top:17%;left:-1%}.note-bottom[data-astro-cid-jla2ebom]{right:-2%;bottom:16%}@media(max-width:900px){.phone-stage[data-astro-cid-jla2ebom]{min-height:650px}.note-top[data-astro-cid-jla2ebom]{left:2%}.note-bottom[data-astro-cid-jla2ebom]{right:2%}}@media(max-width:540px){.phone-stage[data-astro-cid-jla2ebom]{min-height:590px}.floating-note[data-astro-cid-jla2ebom]{font-size:.76rem}.note-top[data-astro-cid-jla2ebom]{top:14%;left:0}.note-bottom[data-astro-cid-jla2ebom]{right:0;bottom:11%}}@media(prefers-reduced-motion:no-preference){.phone[data-astro-cid-jla2ebom]{animation:phone-in .7s cubic-bezier(.2,.75,.25,1) both}.floating-note[data-astro-cid-jla2ebom]{animation:note-in .7s .3s cubic-bezier(.2,.75,.25,1) both}@keyframes phone-in{0%{opacity:0;transform:translateY(34px) rotate(0)}to{opacity:1;transform:translateY(0) rotate(3deg)}}@keyframes note-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}