:root{--bg:linear-gradient(135deg, #fff7ed 0%, #fdf2f8 35%, #ecfeff 70%, #f3e8ff 100%);--card:#ffffffe0;--text:#1f1b3a;--muted:#6d648b;--primary:#7c3aed;--primary-2:#ec4899;--success:#22c55e;--danger:#ff4d6d;--secondary:#f59e0b;--border:#7c3aed2e;--shadow:0 10px 30px #7c3aed1f;--shadow-strong:0 18px 40px #ec48992e;--glow-primary:0 0 0 4px #7c3aed1f;--glow-pink:0 0 0 4px #ec48991f}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);background-attachment:fixed;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}body{animation:.7s pageFade}a{color:inherit;text-decoration:none;transition:all .25s}.page{max-width:920px;min-height:100vh;margin:0 auto;padding:20px}.panel{background:var(--card);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;margin-bottom:18px;padding:18px;transition:transform .25s,box-shadow .25s,border-color .25s}.panel:hover{box-shadow:var(--shadow-strong);border-color:#ec489947;transform:translateY(-2px)}.row{flex-wrap:wrap;gap:12px;display:flex}.row>*{flex:1}.actions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.actions>*{flex:1}input,select,textarea,button{border-radius:14px;width:100%;padding:12px 14px;font-size:16px;transition:all .25s}input,select,textarea{border:1px solid var(--border);color:var(--text);background:#fffffff2;outline:none;box-shadow:0 2px 8px #00000005}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:var(--glow-primary);transform:translateY(-1px)}button{cursor:pointer;letter-spacing:.2px;border:none;font-weight:800;position:relative;overflow:hidden;transform:translateY(0)}button:hover{transform:translateY(-2px)scale(1.01)}button:active{transform:scale(.98)}.btn{text-align:center;border-radius:20px;max-width:30%;margin:10px 0;box-shadow:0 10px 24px #7c3aed3d;padding:10px 16px!important}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-2));color:#fff}.btn-primary:hover{box-shadow:0 14px 28px #ec489947}.btn-secondary{background:linear-gradient(135deg, var(--success), var(--secondary));color:#fff;border:1px solid #7c3aed26}.btn-secondary:hover{box-shadow:var(--glow-pink)}.btn-success{color:#fff;background:linear-gradient(135deg,#22c55e,#14b8a6);box-shadow:0 10px 24px #22c55e38}.btn-danger{color:#fff;background:linear-gradient(135deg,#ff4d6d,#fb7185);box-shadow:0 10px 24px #ff4d6d38}.small{color:var(--muted);font-size:14px}.error{color:#8a1230;background:linear-gradient(135deg,#ffe4e6,#fecdd3);border:1px solid #fda4af;border-radius:14px;margin-bottom:12px;padding:12px;animation:.35s popIn}.success{color:#166534;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac;border-radius:14px;margin-bottom:12px;padding:12px;animation:.35s popIn}.item{border:1px solid var(--border);background:#fffffff0;border-radius:18px;margin-bottom:12px;padding:14px;transition:transform .25s,box-shadow .25s,border-color .25s;box-shadow:0 8px 18px #7c3aed0f}.item:hover{border-color:#ec489938;transform:translateY(-3px);box-shadow:0 16px 30px #ec489924}.flashcard{text-align:center;cursor:pointer;background:linear-gradient(135deg,#fffffff2,#ffffffd1),linear-gradient(135deg,#fde68a,#f9a8d4,#a5f3fc,#c4b5fd);border:2px solid #ffffff73;border-radius:24px;justify-content:center;align-items:center;min-height:320px;padding:24px;transition:transform .3s,box-shadow .3s,filter .3s;animation:3.2s ease-in-out infinite floatCard;display:flex;box-shadow:0 12px 30px #7c3aed24,0 0 0 6px #ffffff2e}.flashcard:hover{filter:saturate(1.1);transform:rotate(-1deg)scale(1.02);box-shadow:0 20px 40px #ec489933,0 0 0 8px #ffffff38}.acronym-big{background:linear-gradient(135deg,#7c3aed,#ec4899,#f59e0b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:46px;font-weight:900;animation:2.2s ease-in-out infinite pulseGlow}.title{color:#312e81;margin:0 0 8px}.stats{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.stat{text-align:center;background:linear-gradient(135deg,#fffffff2,#f5f3ffeb);border:1px solid #7c3aed29;border-radius:18px;padding:14px;transition:transform .25s,box-shadow .25s;box-shadow:0 8px 20px #7c3aed14}.stat:hover{transform:translateY(-3px);box-shadow:0 16px 28px #ec489924}.stat-number{background:linear-gradient(135deg,#ec4899,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:900}.hidden{display:none}@keyframes pageFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pulseGlow{0%,to{filter:drop-shadow(0 0 #ec489900)}50%{filter:drop-shadow(0 0 10px #ec489959)}}