:root{--dark: #242424;--accent: #77b1dd}*{margin:0%;padding:0%;box-sizing:border-box;-webkit-user-select:none;user-select:none;font-family:Gilroy}html,body{height:100%;width:100%;overflow:hidden;background-color:#000}#root{width:100%;height:100%;position:relative}.flashcard-controls{position:fixed;bottom:40px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:15px;z-index:100;pointer-events:auto}body{margin:0;padding:0;overflow:hidden;background-color:#000}.card-counter{font-size:16px;color:#fff;background-color:#0009;padding:5px 15px;border-radius:20px}.button-container{gap:20px;width:280px;display:flex;align-items:center;justify-content:center;height:48px}.know-btn,.dont-know-btn,.next-btn{padding:12px 30px;height:100%;border:none;border-radius:8px;font-weight:700;font-size:16px;cursor:pointer;transition:transform .2s,box-shadow .2s}.dont-know-btn{width:100%}.know-btn{background-color:#51cf66;color:#fff}.dont-know-btn{background-color:#ff6b6b;color:#fff}.next-btn{background-color:#339af0;color:#fff;width:100%;font-size:18px}.know-btn:hover,.dont-know-btn:hover,.next-btn:hover{box-shadow:0 4px 8px #0003}.know-btn:active,.dont-know-btn:active,.next-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0003}