@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{--c-accent: #CAF368;--c-accent-08: rgba(202,243,104,.08);--c-accent-40: rgba(202,243,104,.4);--c-accent-50: rgba(202,243,104,.5);--c-accent-60: rgba(202,243,104,.6)}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;background:#01160d;font-family:Outfit,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:320px}html,body,#root{height:100%;overflow:hidden}.app-shell{max-width:430px;margin:0 auto;height:100vh;height:100dvh;overflow:hidden;position:relative;transform:translateZ(0)}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:10000;font-family:Outfit,sans-serif;font-size:14px;font-weight:700;color:#01160d;background:var(--c-accent);padding:8px 16px;border-radius:0 0 8px;text-decoration:none}.skip-link:focus{position:fixed;left:0;top:0;width:auto;height:auto;overflow:visible}@media(min-width:431px){.app-shell{border-left:1px solid var(--c-accent-08);border-right:1px solid var(--c-accent-08)}}button{border:none;background:none;padding:0;font:inherit;cursor:pointer}button:focus{outline:none}button:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}button:active:not(:disabled){opacity:.85;transform:scale(.98)}input:focus{outline:none}input:focus-visible{box-shadow:0 0 0 3px var(--c-accent-40)}@keyframes blink{50%{opacity:0}}@keyframes dotBounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{box-shadow:0 0 #b57edc66}50%{box-shadow:0 0 12px 4px #b57edc99}}@keyframes loadingPulse{0%,to{opacity:1}50%{opacity:.4}}.card-flip-container{perspective:1000px}.card-flip-inner{position:absolute;inset:0;transition:transform .6s cubic-bezier(.34,1.56,.64,1);transform-style:preserve-3d}.card-flip-inner.flipped{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:16px;overflow:hidden}.card-front{transform:rotateY(0)}.card-back{transform:rotateY(180deg)}@keyframes holoShimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes particleFloat{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-8px) scale(1.1);opacity:1}}@keyframes cardGlow{0%,to{box-shadow:0 0 15px var(--card-glow)}50%{box-shadow:0 0 30px var(--card-glow),0 0 60px var(--card-glow)}}@keyframes holoShift{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(40deg)}}@keyframes sparkle{0%,to{transform:scale(0);opacity:0}50%{transform:scale(1);opacity:1}}@keyframes slideRight{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.card-viewer-scroll{scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch}.card-viewer-scroll>div{scroll-snap-align:start}@keyframes binderCardIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes cardRevealFlip{0%{transform:scale(.3) rotateY(180deg);opacity:0}60%{transform:scale(1.05) rotateY(10deg);opacity:1}to{transform:scale(1) rotateY(0);opacity:1}}@keyframes shimmerCard{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes particleBurst{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--px),var(--py)) scale(0);opacity:0}}@keyframes flashcardCorrect{0%{box-shadow:0 0 0 0 var(--c-accent-50)}50%{box-shadow:0 0 24px 8px var(--c-accent-60)}to{box-shadow:0 0 #caf36800}}@keyframes flashcardWrong{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}@keyframes flashcardSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.quill-dark .ql-toolbar.ql-snow{border-color:#ffffff1a;border-radius:10px 10px 0 0;background:#ffffff0a}.quill-dark .ql-container.ql-snow{border-color:#ffffff1a;border-radius:0 0 10px 10px;font-family:Outfit,sans-serif;font-size:13px;color:#ffffffeb;min-height:80px}.quill-dark .ql-editor{min-height:80px;color:#ffffffeb}.quill-dark .ql-editor.ql-blank:before{color:#ffffff4d;font-style:normal}.quill-dark .ql-stroke{stroke:#ffffff80}.quill-dark .ql-fill{fill:#ffffff80}.quill-dark .ql-picker-label{color:#ffffff80}.quill-dark .ql-picker-options{background:#0a1f14;border-color:#ffffff1a}.quill-dark .ql-picker-item{color:#ffffffb3}.quill-dark .ql-picker-item:hover{color:#caf368}.quill-dark .ql-active .ql-stroke{stroke:#caf368}.quill-dark .ql-active .ql-fill{fill:#caf368}.quill-dark .ql-active,.quill-dark .ql-editor a{color:#caf368}.rich-text-content{color:#ffffffeb;line-height:1.6}.rich-text-content h2{font-size:16px;font-weight:800;margin:12px 0 6px}.rich-text-content h3{font-size:15px;font-weight:700;margin:8px 0 4px}.rich-text-content p{margin:0 0 6px}.rich-text-content ul,.rich-text-content ol{padding-left:20px;margin:4px 0 8px}.rich-text-content li{margin:2px 0}.rich-text-content a{color:#caf368;text-decoration:underline}.rich-text-content strong{font-weight:700}.rich-text-content em{font-style:italic}