@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=DM+Sans:wght@300;400;500&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,sans-serif;background:#050d1a;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;color:#fff;overflow-x:hidden}#root{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center}.flashcard-wrapper{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:400px;position:relative;z-index:2}.flashcard{width:100%;height:320px;perspective:1200px;cursor:pointer}.card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.34,1.56,.64,1)}.flashcard.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:24px;padding:36px 28px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:16px;overflow:hidden}.card-front{background:#ffffff0a;border:1px solid rgba(180,210,255,.15);box-shadow:0 0 40px #6496ff14,inset 0 1px #ffffff0f;transition:box-shadow .3s,border-color .3s}.card-front:hover{box-shadow:0 0 60px #6496ff2e,0 0 20px #b4d2ff1a,inset 0 1px #ffffff1a;border-color:#b4d2ff47}.card-back{background:#3c5aa026;border:1px solid rgba(180,210,255,.2);box-shadow:0 0 50px #5078dc26;transform:rotateY(180deg)}.card-glow-top{position:absolute;top:-1px;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(180,210,255,.6),transparent)}.card-label{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:#a0bee680;font-weight:500;font-family:DM Sans,sans-serif}.card-reference{font-family:Playfair Display,serif;font-size:15px;font-weight:600;color:#8aaee0;letter-spacing:.5px}.card-text{font-size:16px;line-height:1.75;color:#dce6f5e6;font-weight:300;font-family:DM Sans,sans-serif}.card-author{font-size:13px;color:#a0bee680;font-style:italic}.card-affirmation{font-family:Playfair Display,serif;font-size:28px;font-weight:600;color:#fff;line-height:1.3}.card-loading{display:flex;align-items:center;justify-content:center;height:100%}.spinner{width:36px;height:36px;border:2px solid rgba(180,210,255,.15);border-top-color:#b4d2ffb3;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card-dots{display:flex;gap:8px;align-items:center}.dot{width:6px;height:6px;border-radius:3px;background:#b4d2ff33;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.dot.active{width:24px;background:#b4d2ffb3;box-shadow:0 0 10px #b4d2ff66}.card-controls{display:flex;gap:10px}.ctrl-btn{padding:9px 22px;border-radius:50px;border:1px solid rgba(180,210,255,.18);background:#ffffff0a;color:#c8dcf5bf;cursor:pointer;font-size:13px;font-family:DM Sans,sans-serif;font-weight:400;transition:all .2s;letter-spacing:.3px}.ctrl-btn:hover{background:#ffffff17;border-color:#b4d2ff61;color:#fff}.refresh-btn{background:#648cdc24;border-color:#82aaf04d;color:#c8dcffd9}.refresh-btn:hover{background:#648cdc42;box-shadow:0 0 20px #648cdc33}.swipe-hint{font-size:11px;color:#a0bee647;letter-spacing:1px}.header{text-align:center;position:relative;z-index:2}.header-title{font-family:Playfair Display,serif;font-size:34px;font-weight:700;background:linear-gradient(135deg,#fff,#c8d8f0,#8aaee0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px}.header-star{display:inline-block;margin-right:10px;font-size:20px;-webkit-text-fill-color:#c8d8f0}.header-date{font-size:11px;color:#b4c8e673;margin-top:6px;font-weight:400;letter-spacing:3px;text-transform:uppercase}.notif-wrap{position:relative;z-index:2;margin-top:4px}.notif-btn{padding:10px 28px;border-radius:50px;border:1px solid rgba(180,210,255,.14);background:transparent;color:#b4d2e673;cursor:pointer;font-size:13px;font-family:DM Sans,sans-serif;transition:all .2s;letter-spacing:.3px}.notif-btn:hover:not(:disabled){border-color:#b4d2ff52;color:#c8e1ffbf}.notif-btn.active{border-color:#82aaf04d;color:#b4d2ffb3;background:#648cdc1a}.notif-btn:disabled{opacity:.4;cursor:not-allowed}.app{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;padding:32px 20px;gap:24px;position:relative;overflow:hidden}.stars{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0}.star{position:absolute;background:#fff;border-radius:50%;animation:twinkle var(--d, 3s) ease-in-out infinite var(--delay, 0s)}@keyframes twinkle{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.8;transform:scale(1.3)}}.orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;animation:drift 8s ease-in-out infinite alternate;z-index:0}@keyframes drift{0%{transform:translate(0)}to{transform:translate(20px,15px)}}.orb-1{width:350px;height:350px;background:#6382c81f;top:-100px;left:-100px}.orb-2{width:280px;height:280px;background:#b4c8ff14;bottom:-80px;right:-80px;animation-delay:-4s}