:root{--ink: #12213a;--muted: #60718e;--panel: rgba(255, 255, 255, .78);--panel-border: rgba(148, 163, 184, .25)}body{font-family:Sora,Segoe UI,sans-serif;background:radial-gradient(circle at 10% 20%,#d7f2ff 0%,transparent 36%),radial-gradient(circle at 88% 12%,#ffe7c8 0%,transparent 33%),linear-gradient(140deg,#edf2f7,#dfe8f3 45%,#d9e4f0);color:var(--ink);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);-webkit-text-size-adjust:100%}.hero{background:linear-gradient(125deg,#ffffffd1,#ffffff9e);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 24px 48px -32px #13244380}.panel{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);box-shadow:0 18px 34px -28px #12213a8c}.home-card{position:relative;overflow:hidden}.home-card:after{content:"";position:absolute;right:-48px;top:-48px;width:140px;height:140px;border-radius:999px;opacity:.18;background:linear-gradient(135deg,#0ea5e9,#3b82f6)}button{transition:transform .16s ease,box-shadow .2s ease,filter .2s ease}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 22px -16px #1e40af8c;filter:saturate(1.07)}.screen-enter{animation:liftIn .45s ease both}@keyframes liftIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.flashcard-wrap{perspective:1200px}.flashcard-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.22,1,.36,1);will-change:transform}.flashcard-inner.flipped{transform:rotateY(180deg)}.flashcard-inner.no-flip-transition{transition:none}.flashcard-wrap.slide-out-left{animation:cardSlideOutLeft .28s ease-in both}.flashcard-wrap.slide-in-right{animation:cardSlideInRight .28s ease-out both}@keyframes cardSlideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-52px)}}@keyframes cardSlideInRight{0%{opacity:0;transform:translate(52px)}to{opacity:1;transform:translate(0)}}.flashcard-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden}.flashcard-back{transform:rotateY(180deg)}.card-content{transition:opacity .22s ease,transform .28s cubic-bezier(.22,1,.36,1),filter .22s ease;will-change:opacity,transform}.card-content--hidden{opacity:0;transform:translateY(6px) scale(.985);filter:blur(1px)}